.bg-logo{background-image:url(/name-logo.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:450px;height:450px;position:absolute;transform:translateY(-50px)}@media (max-width:580px){.bg-logo{width:300px;height:300px}.skills>li{padding:4px 5px;font-size:11px}}@media (max-width:380px){.bg-logo{width:200px;height:200px;transform:translateY(-65px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes aboutAnimation{0%{opacity:0}60%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-btn{animation:1.5s ease-in-out aboutAnimation;box-shadow:0 0 10px #000c}.about-btn:after{content:"";background-image:url(/right-arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:50px;height:50px;transition:left .15s ease-in-out;position:absolute;top:20%;left:95px;transform:translateY(-7.5px)}.about-btn:hover:after{left:105px}@media (max-width:640px){.about-btn:after{content:none;display:none}}.latestprojects-btn{box-shadow:0 0 10px #000c}.latestprojects-btn:after{content:"";background-image:url(/right-arrow.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:50px;height:50px;transition:top .15s ease-in-out;position:absolute;top:35px;left:30%;transform:rotate(90deg)}.latestprojects-btn:hover:after{top:40px}@media (max-width:640px){.latestprojects-btn:after{content:none;display:none}}.skills>li{border:1px solid #ffffff52;border-radius:15px;margin:5px;padding:5px 10px;font-size:14px}.show{opacity:1;transition:scale .15s ease-in-out,opacity .15s ease-in-out;scale:1}.hide{opacity:0;transition:scale .15s ease-in-out,opacity .15s ease-in-out;scale:.25}.MERNStack>div{transition:scale .1s ease-in-out,padding .1s ease-in-out}.MERNStack>div:hover{cursor:pointer;background-color:#1f2667e6;border-radius:10px;padding:20px 0;transition:scale .1s ease-in-out,padding .1s ease-in-out;scale:1.15}.MERNStack>div:after{text-align:center;z-index:-1;pointer-events:none;border-radius:20px;width:140px;height:40px;padding:10px 0;font-weight:500;position:absolute;top:-20px;left:-75%}.MERNStack>div:first-child:after{content:"MongoDB";background-color:#47a248}.MERNStack>div:nth-child(2):after{content:"Express";color:#000;background-color:#fff}.MERNStack>div:nth-child(3):after{content:"React";color:#000;background-color:#61dbfb}.MERNStack>div:nth-child(4):after{content:"Node.js";background-color:#3c873a}.MERNStack>div:hover:after{transition:top .15s ease-in-out;top:-60%}.navAndDiscHide{opacity:0}.editor:hover:before{transform:translate(-50%,-50%)scale(1.6)}
.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}