.c-container{width:auto;height:auto;margin:0 0 5%}.carousel-container{width:100vw;padding-top:20px;padding-bottom:20px;position:relative;overflow-x:hidden}.content{padding:20px;margin-top:10px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);font-size:large}.c-container p{text-align:center;color:#f5f5f5;font-size:16px;line-height:1.6}.carousel1{animation:carousel-animation 15s linear infinite}.carousel1,.carousel2{display:flex;width:-moz-fit-content;width:fit-content}.carousel2{margin-top:5rem;animation:carousel-animation2 20s linear infinite}@keyframes carousel-animation{0%{transform:translateX(calc(-64% - 12px))}to{transform:translateX(0)}}@keyframes carousel-animation2{0%{transform:translateX(0)}to{transform:translateX(calc(-64% - 12px))}}.box{width:300px;height:250px;overflow:hidden;border-radius:20px}.box,.box-wrapper{position:relative;z-index:10;-o-object-fit:cover;object-fit:cover;justify-content:center;align-items:center}.box-wrapper{display:inline-block;margin-left:15px;margin-right:15px}.carousel-image,.carousel-video{border-radius:20px;width:300px;height:250px;display:flex;overflow:hidden;-o-object-fit:cover;object-fit:cover}.box-wrapper:before{left:-1px;right:-1px;z-index:-1}.box-wrapper:after,.box-wrapper:before{content:"";position:absolute;top:-2px;bottom:-2px}.box-wrapper:after{left:-2px;right:-2px;background:#fff;z-index:-2}.box-wrapper:nth-child(odd):after,.box-wrapper:nth-child(odd):before{background:linear-gradient(235deg,#89ff00,#222,#00bcd4);filter:blur(10px)}.box-wrapper:nth-child(2n):after,.box-wrapper:nth-child(2n):before{background:linear-gradient(235deg,#ff005e,#222,#00bcd4);filter:blur(10px)}.avatar-container{position:absolute;display:flex-inline;bottom:50px;left:30px;z-index:10;background:transparent}.developer-info{position:absolute;width:12rem;bottom:5px;color:#fff;opacity:0;background-color:rgba(0,0,0,.5);padding:5px 10px;border-radius:5px;z-index:10}.carousel1:hover,.carousel2:hover{cursor:pointer;animation-play-state:paused}.box:hover .developer-info{opacity:1;transition:opacity .4s ease-in-out 1s}@media screen and (max-width:768px){.carousel1,.carousel2{animation-duration:30s}.avatar-container{flex-direction:column;align-items:flex-start}.box-wrapper{margin-left:10px;margin-right:10px}.avatar-container .developer-info{margin-top:5px;margin-left:0}.developer-info{left:20px;font-size:14px}.box,.carousel-image,.carousel-video{width:200px;height:200px}}@media screen and (min-width:769px) and (max-width:1024px){.carousel-container{padding-top:10px}.content{padding:15px}.carousel1,.carousel2{animation-duration:40s}.avatar-container{position:relative;left:40px;bottom:40px}.developer-info{font-size:16px}.box,.carousel-image,.carousel-video{width:200px;height:200px}}