:root{--bg-color:#202020;--box-color:#343434;--box-shadow:#202020;--main-color:#227ec4;--text-color:#9e9e9e;--title-color:#fff;--section-padding:150px;--transition:0.3s ease-in-out}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}body{color:#202020;color:var(--bg-color);font-family:Roboto,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}ul{list-style:none;padding-left:0}button{background-color:initial;outline:none;padding:0}a{text-decoration:none}button{border:0}input:-internal-autofill-selected{background-color:initial!important}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.hidden{opacity:0;transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px)}h2.main-title{color:#fff;color:var(--title-color);font-size:60px;font-weight:100;letter-spacing:4px;margin:0;position:relative;text-align:center;transition:.3s ease-in-out;transition:var(--transition);-webkit-transition:.3s ease-in-out;-webkit-transition:var(--transition);-moz-transition:.3s ease-in-out;-moz-transition:var(--transition);-ms-transition:.3s ease-in-out;-ms-transition:var(--transition);-o-transition:.3s ease-in-out;-o-transition:var(--transition)}@media (max-width:767px){h2.main-title{font-size:50px}}@media (max-width:575px){h2.main-title{font-size:40px}}header{background-color:#202020;background-color:var(--bg-color);height:50px;left:0;position:fixed;top:0;transition:.3s ease-in-out;transition:var(--transition);-webkit-transition:.3s ease-in-out;-webkit-transition:var(--transition);-moz-transition:.3s ease-in-out;-moz-transition:var(--transition);-ms-transition:.3s ease-in-out;-ms-transition:var(--transition);-o-transition:.3s ease-in-out;-o-transition:var(--transition);width:100%;z-index:3}@media (max-width:767px){header{background-color:#202020;background-color:var(--bg-color)}}header .container{align-items:center;display:flex;height:100%;justify-content:space-between}header .container .logo{transition:.3s ease-in-out;transition:var(--transition);-webkit-transition:.3s ease-in-out;-webkit-transition:var(--transition);-moz-transition:.3s ease-in-out;-moz-transition:var(--transition);-ms-transition:.3s ease-in-out;-ms-transition:var(--transition);-o-transition:.3s ease-in-out;-o-transition:var(--transition)}header .container .logo a img{width:50px}.nav-icon{cursor:pointer;display:flex;flex-direction:column;height:50%;justify-content:space-between;opacity:1;transition:.3s ease-in-out;transition:var(--transition);-webkit-transition:.3s ease-in-out;-webkit-transition:var(--transition);-moz-transition:.3s ease-in-out;-moz-transition:var(--transition);-ms-transition:.3s ease-in-out;-ms-transition:var(--transition);-o-transition:.3s ease-in-out;-o-transition:var(--transition);width:30px}header .animated{animation:header-animation .3s 2s forwards;-webkit-animation:header-animation .3s 2s forwards;opacity:0;transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px)}@keyframes header-animation{0%{opacity:0;transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}header .container .nav-icon span{background-color:#9e9e9e;background-color:var(--text-color);display:block;height:2px;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;width:100%}header .container .nav-icon span:first-child.clicked{transform:rotate(45deg) translate(10px,10px);-webkit-transform:rotate(45deg) translate(10px,10px);-moz-transform:rotate(45deg) translate(10px,10px);-ms-transform:rotate(45deg) translate(10px,10px);-o-transform:rotate(45deg) translate(10px,10px)}header .container .nav-icon span:nth-child(2).clicked{transform:rotate(-45deg) translate(-2px,2px);-webkit-transform:rotate(-45deg) translate(-2px,2px);-moz-transform:rotate(-45deg) translate(-2px,2px);-ms-transform:rotate(-45deg) translate(-2px,2px);-o-transform:rotate(-45deg) translate(-2px,2px)}header .container .nav-icon span:nth-child(3).clicked{opacity:0}header .container .nav-icon:hover span{background-color:#227ec4;background-color:var(--main-color)}nav{background-color:#202020;background-color:var(--bg-color);color:#9e9e9e;color:var(--text-color);height:100vh;left:100%;position:fixed;top:0;transition:1s ease-in-out;transition-delay:.3s;-webkit-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-ms-transition:1s ease-in-out;-o-transition:1s ease-in-out;width:100vw;z-index:2}nav.show{left:0}nav .container{height:100%;position:relative}nav ul{display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}nav ul li{color:#fff;color:var(--title-color);position:relative}@media (min-width:767px){nav ul li.dark-mode{display:none}}nav ul li:before{background-color:#227ec4;background-color:var(--main-color)}nav ul li:after,nav ul li:before{content:"";height:100%;left:0;position:absolute;top:0;transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;width:0;z-index:-1}nav ul li:after{background-color:#fff;background-color:var(--title-color);transition-delay:.3s}nav ul li a{color:#fff;display:block;font-size:40px;font-weight:300;mix-blend-mode:difference;padding:10px;transition:.3s ease-in-out}nav ul li:hover:after,nav ul li:hover:before{width:100%}@media (max-width:767px){nav ul li a{text-align:center}}.landing{align-items:center;background-color:#202020;background-color:var(--bg-color);display:flex;height:100vh;justify-content:center;text-align:center}.landing h1{color:#fff;color:var(--title-color);font-size:65px;font-style:italic;font-weight:300;letter-spacing:1px;margin:25px 0}.landing h1,.landing p{transition:.3s ease-in-out;transition:var(--transition);-webkit-transition:.3s ease-in-out;-webkit-transition:var(--transition);-moz-transition:.3s ease-in-out;-moz-transition:var(--transition);-ms-transition:.3s ease-in-out;-ms-transition:var(--transition);-o-transition:.3s ease-in-out;-o-transition:var(--transition)}.landing p{color:#9e9e9e;color:var(--text-color);font-size:45px;font-weight:100;margin:0;opacity:1}.landing h1.animated,.landing p.animated{animation:landing-animation .3s 2s forwards;-webkit-animation:landing-animation .3s 2s forwards;opacity:0;transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px)}@keyframes landing-animation{0%{opacity:0;transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}@media (max-width:767px){.landing h1{font-size:45px}}@media (max-width:575px){.landing h1,.landing p{font-size:30px}}.about{background-color:#202020;background-color:var(--bg-color);color:#9e9e9e;color:var(--text-color);padding:150px 0;padding:var(--section-padding) 0}p.quto{align-items:flex-start;color:#fff;color:var(--title-color);display:flex;font-size:25px;font-style:italic;font-weight:300;gap:10px;justify-content:center;letter-spacing:3px;margin:50px 0;text-align:center;text-transform:uppercase;transition:.3s ease-in-out;transition:var(--transition);-webkit-transition:.3s ease-in-out;-webkit-transition:var(--transition);-moz-transition:.3s ease-in-out;-moz-transition:var(--transition);-ms-transition:.3s ease-in-out;-ms-transition:var(--transition);-o-transition:.3s ease-in-out;-o-transition:var(--transition)}p.quto svg,p.quto:hover{color:#227ec4;color:var(--main-color)}p.quto svg{width:15px}.about .container .content{grid-gap:40px;align-items:flex-start;display:grid;gap:40px;grid-template-columns:60% auto;justify-content:center;transition:.3s ease-in-out;transition:var(--transition);-webkit-transition:.3s ease-in-out;-webkit-transition:var(--transition);-moz-transition:.3s ease-in-out;-moz-transition:var(--transition);-ms-transition:.3s ease-in-out;-ms-transition:var(--transition);-o-transition:.3s ease-in-out;-o-transition:var(--transition)}.about .container .content .text{margin-left:70px}.about .container .content .image{margin-right:70px;position:relative}@media (max-width:767px){.about .container .content{align-items:center;grid-template-columns:none}.about .container .content .image{margin:0 100px}.about .container .content .text{margin-left:0}}@media (max-width:575px){.about .container .content .image{margin:0 50px}}.about .container .content .image:before{border:3px solid #9e9e9e;border:3px solid var(--text-color);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;bottom:-20px;content:"";height:100%;position:absolute;right:-20px}.about .container .content .image img,.about .container .content .image:before{transition:.3s ease-in-out;transition:var(--transition);-webkit-transition:.3s ease-in-out;-webkit-transition:var(--transition);-moz-transition:.3s ease-in-out;-moz-transition:var(--transition);-ms-transition:.3s ease-in-out;-ms-transition:var(--transition);-o-transition:.3s ease-in-out;-o-transition:var(--transition);width:100%}.about .container .content .image img{border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;filter:grayscale(100);-webkit-filter:grayscale(100);position:relative;z-index:1}.about .container .content .image:hover:before{border-color:#227ec4;border-color:var(--main-color);transform:translate(-10px,-10px);-webkit-transform:translate(-10px,-10px);-moz-transform:translate(-10px,-10px);-ms-transform:translate(-10px,-10px);-o-transform:translate(-10px,-10px)}.about .container .content .image:hover img{filter:grayscale(0);-webkit-filter:grayscale(0)}.about .container .content .text p{font-size:18px;line-height:30px;margin:5px 0}.about .container .content .text p span{color:#227ec4;color:var(--main-color)}.about .container .content .text h3{font-weight:400;margin:10px 0}.about .container .content .text .skills{display:flex;flex-direction:row;flex-wrap:nowrap;gap:50px}.about .container .content .text .skills ul{margin:0}.about .container .content .text .skills ul li{align-items:center;display:flex;padding:5px 0}.about .container .content .text .skills ul li svg{color:#227ec4;color:var(--main-color);font-size:22px;margin-right:10px}.about .container .content .text .resume{display:flex;gap:30px;margin:30px 0}@media (max-width:767px){.about .container .content .text .resume{justify-content:center}}.btn{border:1px solid #9e9e9e;border:1px solid var(--text-color);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;overflow:hidden;position:relative}.btn a,.btn span{align-items:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;color:#9e9e9e;cursor:pointer;display:block;display:flex;font-size:15px;mix-blend-mode:difference;padding:10px 20px;position:relative;text-align:center;transition:.3s ease-in-out;transition:var(--transition);-webkit-transition:.3s ease-in-out;-webkit-transition:var(--transition);-moz-transition:.3s ease-in-out;-moz-transition:var(--transition);-ms-transition:.3s ease-in-out;-ms-transition:var(--transition);-o-transition:.3s ease-in-out;-o-transition:var(--transition);z-index:1}.about .container .content .text .resume a svg{margin-left:3px}.btn:before{background-color:#227ec4;background-color:var(--main-color)}.btn:after,.btn:before{content:"";height:100%;left:0;position:absolute;top:0;transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;width:0}.btn:after{background-color:#fff;background-color:var(--title-color);transition-delay:.2s}.btn:hover a,.btn:hover span{border-color:#fff;color:#fff}.btn:hover:after,.btn:hover:before{width:100%}.projects{background-color:#202020;background-color:var(--bg-color);padding:150px 0;padding:var(--section-padding) 0}.projects ul.filter{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;justify-content:center}.projects ul.filter,.projects ul.filter li{transition:.3s ease-in-out;transition:var(--transition);-webkit-transition:.3s ease-in-out;-webkit-transition:var(--transition);-moz-transition:.3s ease-in-out;-moz-transition:var(--transition);-ms-transition:.3s ease-in-out;-ms-transition:var(--transition);-o-transition:.3s ease-in-out;-o-transition:var(--transition)}.projects ul.filter li{border:1px solid #9e9e9e;border:1px solid var(--text-color);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;color:#fff;color:var(--title-color);cursor:pointer;font-weight:300;padding:5px 20px;text-align:center}.projects ul.filter li.active,.projects ul.filter li:hover{background-color:#227ec4;background-color:var(--main-color);color:#fff}.projects .content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(230px,300px));justify-content:center;margin:70px 70px 0;transition:.3s ease-in-out;transition:var(--transition);-webkit-transition:.3s ease-in-out;-webkit-transition:var(--transition);-moz-transition:.3s ease-in-out;-moz-transition:var(--transition);-ms-transition:.3s ease-in-out;-ms-transition:var(--transition);-o-transition:.3s ease-in-out;-o-transition:var(--transition)}@media (max-width:767px){.projects .content{margin:70px 0 0}}.projects .content .box{background-color:#343434;background-color:var(--box-color);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;box-shadow:0 0 10px 1px #202020;box-shadow:0 0 10px 1px var(--box-shadow);display:flex;flex-direction:column;overflow:hidden;transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out}.projects .content .box.hide{display:none}.projects .content .box:hover{box-shadow:0 0 10px 1px #171717}.projects .content .box .image{background-color:#343434;background-color:var(--box-color);height:150px;overflow:hidden;position:relative}.projects .content .box .image img{height:100%;object-fit:fill;width:100%}.projects .content .box h4{align-items:center;color:#227ec4;color:var(--main-color);display:flex;font-weight:400;margin:15px 0;padding:0 15px;transition:.3s ease-in-out;transition:var(--transition)}.projects .content .box h4 svg{font-size:25px;margin-right:10px}.box-body p{color:#9e9e9e;color:var(--text-color);font-size:13px;line-height:20px;margin:0 0 15px;max-height:100px;overflow-y:auto;padding:0 15px;word-spacing:2px}.box-body p::-webkit-scrollbar{height:6px;width:6px}.box-body p::-webkit-scrollbar-track{background:#343434;background:var(--box-color);border-radius:10px}.box-body p::-webkit-scrollbar-thumb{background:#9e9e9e;background:var(--text-color);border-radius:10px}.box-body p::-webkit-scrollbar-thumb:active,.box-body p::-webkit-scrollbar-thumb:hover{background:#227ec4;background:var(--main-color)}.box-footer{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-top:auto;padding:15px 20px;position:relative}.box-footer:before{background-color:#9e9e9e;background-color:var(--text-color);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:90%}.box-footer p{color:#227ec4;color:var(--main-color);font-size:12px;font-weight:400;letter-spacing:2px;margin:0;word-spacing:6px}.box-footer .links{display:flex;flex-direction:row;gap:14px;justify-content:flex-end}.box-footer .links a{color:#fff;color:var(--title-color);font-size:17px;transition:.3s ease-in-out;transition:var(--transition)}.box-footer .links a:hover{color:#227ec4;color:var(--main-color)}.social{align-items:center;animation:social-animation .3s 2s forwards;-webkit-animation:social-animation .3s 2s forwards;background-color:#202020;background-color:var(--bg-color);bottom:0;display:flex;flex-direction:column;gap:25px;justify-content:center;left:0;margin-bottom:100px;margin-left:30px;opacity:0;position:fixed}@keyframes social-animation{0%{opacity:0;transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}@media (max-width:767px){.social{display:none}}.social svg{color:#9e9e9e;color:var(--text-color);font-size:22px;transition:.3s ease-in-out;transition:var(--transition);-webkit-transition:.3s ease-in-out;-webkit-transition:var(--transition);-moz-transition:.3s ease-in-out;-moz-transition:var(--transition);-ms-transition:.3s ease-in-out;-ms-transition:var(--transition);-o-transition:.3s ease-in-out;-o-transition:var(--transition)}.social svg:hover{color:#227ec4;color:var(--main-color)}.social:after{background-color:#9e9e9e;background-color:var(--text-color);bottom:-100px;content:"";height:75px;position:absolute;width:1px}.contact{background-color:#202020;background-color:var(--bg-color);padding-top:150px;padding-top:var(--section-padding);text-align:center}.contact .container{align-items:center;justify-content:center}.contact .container,.contact form{display:flex;flex-direction:column}.contact form{gap:15px;margin:50px 0;max-width:500px;width:100%}.form-element{position:relative;width:100%}.form-element svg{color:#9e9e9e;color:var(--text-color);font-size:22px;position:absolute;right:10px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.form-element input,textarea{background-color:#343434;background-color:var(--box-color);border:1px solid #9e9e9e;border:1px solid var(--text-color);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;color:#fff;color:var(--title-color);padding:10px;transition:.3s ease-in-out;transition:var(--transition);-webkit-transition:.3s ease-in-out;-webkit-transition:var(--transition);-moz-transition:.3s ease-in-out;-moz-transition:var(--transition);-ms-transition:.3s ease-in-out;-ms-transition:var(--transition);-o-transition:.3s ease-in-out;-o-transition:var(--transition);width:100%}.form-element input:focus,textarea:focus{border-color:#227ec4;border-color:var(--main-color);color:#227ec4;color:var(--main-color);outline:1px solid #227ec4;outline:1px solid var(--main-color)}.form-element input:focus+svg{color:#227ec4!important;color:var(--main-color)!important}.form-element input:focus::placeholder,textarea:focus::placeholder{color:#0c63a7}textarea{height:200px;resize:none}.contact form button{width:fit-content}.contact form button svg{font-size:14px;margin-left:5px}footer{background-color:#202020;background-color:var(--bg-color);padding:20px 0;text-align:center}footer .social-footer{align-items:center;display:flex;flex-wrap:nowrap;gap:20px;justify-content:center}@media (min-width:767px){footer .social-footer{display:none}}footer .social-footer a svg{color:#9e9e9e;color:var(--text-color);font-size:25px;transition:.3s ease-in-out;transition:var(--transition);-webkit-transition:.3s ease-in-out;-webkit-transition:var(--transition);-moz-transition:.3s ease-in-out;-moz-transition:var(--transition);-ms-transition:.3s ease-in-out;-ms-transition:var(--transition);-o-transition:.3s ease-in-out;-o-transition:var(--transition)}footer .social-footer a:hover svg{color:#227ec4;color:var(--main-color)}footer p{color:#9e9e9e;color:var(--text-color);letter-spacing:1px}footer p span{color:#227ec4;color:var(--main-color)}button#dark-mode{background-color:#202020;background-color:var(--bg-color);bottom:50%;cursor:pointer;margin-right:30px;opacity:1;position:fixed;right:0;transition:.3s ease-in-out;transition:var(--transition);-webkit-transition:.3s ease-in-out;-webkit-transition:var(--transition);-moz-transition:.3s ease-in-out;-moz-transition:var(--transition);-ms-transition:.3s ease-in-out;-ms-transition:var(--transition);-o-transition:.3s ease-in-out;-o-transition:var(--transition)}button#dark-mode.animated{animation:header-animation .3s 2s forwards;-webkit-animation:header-animation .3s 2s forwards;opacity:0;transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px)}@media (max-width:767px){button#dark-mode{display:none}}button#dark-mode:after{background-color:#9e9e9e;background-color:var(--text-color);content:"";height:1000px;left:50%;pointer-events:none;position:absolute;top:37px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);width:1px}button#dark-mode svg{color:#9e9e9e;color:var(--text-color);font-size:22px;transition:.3s ease-in-out;transition:var(--transition);-webkit-transition:.3s ease-in-out;-webkit-transition:var(--transition);-moz-transition:.3s ease-in-out;-moz-transition:var(--transition);-ms-transition:.3s ease-in-out;-ms-transition:var(--transition);-o-transition:.3s ease-in-out;-o-transition:var(--transition)}button#dark-mode svg:hover{color:#227ec4;color:var(--main-color)}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}div.spinner{align-items:center;display:flex;justify-content:center}div.spinner div{animation:spinner 1s linear infinite forwards;-webkit-animation:spinner 1s linear infinite forwards;border:2px solid #9e9e9e;border:2px solid var(--text-color);border-bottom:2px solid #0000;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;height:20px;width:20px}.alert{align-items:center;background-color:#343434;background-color:var(--box-color);border:1px solid #9e9e9e;border:1px solid var(--text-color);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;bottom:10%;box-shadow:#202020;box-shadow:var(--box-shadow);color:#9e9e9e;color:var(--text-color);color:#4caf50;display:flex;left:50%;max-width:350px;opacity:0;padding:10px;position:fixed;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transition:.3s ease-in-out;transition:var(--transition);-webkit-transition:.3s ease-in-out;-webkit-transition:var(--transition);-moz-transition:.3s ease-in-out;-moz-transition:var(--transition);-ms-transition:.3s ease-in-out;-ms-transition:var(--transition);-o-transition:.3s ease-in-out;-o-transition:var(--transition);width:100%;z-index:-1}.alert svg{font-size:20px;margin-left:10px}.alert.error{color:#f44336}.alert.show{opacity:1;z-index:10}.close-alert-btn{border:none;color:#f44336;cursor:pointer;margin-left:auto}@keyframes theme{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes parent{0%{display:block}to{display:none}}.mobile-theme-btn{align-items:center;background-color:#202020;background-color:var(--bg-color);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;bottom:2%;box-shadow:0 0 3px 0 #3d3d3d;color:#9e9e9e;color:var(--text-color);display:flex;font-size:30px;justify-content:center;left:2%;padding:15px;position:fixed;z-index:1}@media (min-width:767px){.mobile-theme-btn{display:none}}div.theme-animation{animation:parent 2s forwards;-webkit-animation:parent 2s forwards;background-color:initial;height:100dvh;position:fixed;width:100%;z-index:5}.theme-animation div{animation:theme 1s ease-in-out 1s forwards;-webkit-animation:theme 1s ease-in-out 1s forwards;background-color:#227ec4;background-color:var(--main-color);height:20%;width:100%}.theme-animation div:first-child{animation-delay:1s}.theme-animation div:nth-child(2){animation-delay:.8s}.theme-animation div:nth-child(3){animation-delay:.6s}.theme-animation div:nth-child(4){animation-delay:.4s}.theme-animation div:nth-child(5){animation-delay:.2s}
/*# sourceMappingURL=main.abc424d0.css.map*/