html{scroll-behavior:smooth}body{background-color:#1a237e;color:#f3e5f5;font-family:"Ubuntu",sans-serif}body *{box-sizing:border-box}::selection{color:#1a237e;background:#ea80fc}.wrapper{position:relative}@keyframes Up{0%{opacity:0;transform:translate(0, 50px);-webkit-transform:translate(0, 50px)}100%{opacity:1;transform:translate(0, 0);-webkit-transform:translate(0, 0)}}.animation{opacity:0;transition:all 500ms ease-in-out}@media(max-width: 500px){.animation{opacity:1}}.animation.up{transform:translate(0, 150px);-webkit-transform:translate(0, 150px)}@media(max-width: 500px){.animation.up{opacity:1;transform:translate(0, 0);-webkit-transform:translate(0, 0)}}.animation.up.on{opacity:1;transform:translate(0, 0);-webkit-transform:translate(0, 0)}.animation.fade{opacity:0}.animation.fade.on{opacity:1}main{width:81vw;position:absolute;right:0;z-index:100}@media(max-width: 1050px){main{width:100vw;position:relative;right:auto}}main .section{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media(max-width: 1050px){main .section{height:auto;display:block;padding-top:60px}}main .section.contact .container{max-width:725px;width:100%;margin:50px 0 50px 12%}@media(max-width: 1050px){main .section.contact .container{margin:50px 0;max-width:100%;padding:30px}}main .section.contact .container h3{color:#fff59d;font-size:56px;font-weight:700;line-height:64px;margin-bottom:40px}@media(max-width: 500px){main .section.contact .container h3{font-size:28px;line-height:40px;margin-bottom:20px}}main .section.contact .container p{max-width:321px;width:100%;font-size:20px;font-weight:400;line-height:32px;margin-bottom:40px}@media(max-width: 500px){main .section.contact .container p{font-size:18px;line-height:30px}}main .section.contact .container p strong{font-weight:700}main .section.contact .container p strong{color:#ea80fc}main .section.contact .container .social{display:flex;gap:16px}main .section.contact .container .social a{transition:all 300ms ease-in-out;filter:brightness(0) saturate(100%) invert(69%) sepia(98%) saturate(2504%) hue-rotate(228deg) brightness(98%) contrast(102%)}main .section.contact .container .social a.linkedin{content:url("../imgs/linkedin.svg")}main .section.contact .container .social a.git{content:url("../imgs/github.svg")}main .section.contact .container .social a.mail{content:url("../imgs/mail.svg")}main .section.contact .container .social a:hover{filter:brightness(0) saturate(100%) invert(89%) sepia(28%) saturate(500%) hue-rotate(357deg) brightness(102%) contrast(104%)}main .about .container{max-width:725px;width:100%;margin:50px 0 50px 12%}@media(max-width: 1050px){main .about .container{margin:100px 0 50px 0;max-width:100%;padding:0 30px}}main .about .type{margin-bottom:40px;display:flex;align-items:center}main .about .type span{display:block;filter:brightness(0) saturate(100%) invert(65%) sepia(16%) saturate(2471%) hue-rotate(227deg) brightness(96%) contrast(106%);transition:all 500ms ease-in-out;overflow:hidden}main .about .type span.ast{width:0}main .about .type span.ast i{content:url(/src/imgs/ast.svg);width:20px;height:21.25px;display:block}main .about .type span.arrow{width:0}main .about .type span.arrow i{content:url(/src/imgs/arrow.svg);width:20px;height:21.25px;display:block}main .about .type span.plus{width:0}main .about .type span.plus i{content:url(/src/imgs/plus.svg);width:20px;height:21.25px;display:block}main .about .type span.equal{width:0}main .about .type span.equal i{content:url(/src/imgs/equal.svg);width:20px;height:21.25px;display:block}main .about .type span.colche{width:0}main .about .type span.colche i{content:url(/src/imgs/colchete.svg);width:20px;height:21.25px;display:block}main .about .type span.type-ico{content:url(/src/imgs/type.svg);max-width:11px}main .about .type span.on{animation:asterisco 3s ease-in-out}main .about h1{animation:Up 300ms ease-in-out 1;animation-fill-mode:forwards;opacity:0;color:#fff59d;font-size:56px;font-weight:700;line-height:64px;margin-bottom:40px}@media(max-width: 500px){main .about h1{font-size:28px;line-height:40px;margin-bottom:20px}}@media(max-width: 1050px){main .about h1{animation:none;opacity:1}}main .about p{animation:Up 300ms ease-in-out 1;animation-fill-mode:forwards;animation-delay:.1s;opacity:0;font-size:20px;font-weight:400;line-height:32px;margin-bottom:40px}@media(max-width: 500px){main .about p{font-size:18px;line-height:30px}}main .about p strong{font-weight:700}@media(max-width: 1050px){main .about p{animation:none;opacity:1}}main .about a{text-decoration:none;color:#ea80fc;font-size:20px;font-weight:700;position:relative;animation:Up 300ms ease-in-out 1;animation-fill-mode:forwards;animation-delay:.2s;opacity:0;display:inline-block}@media(max-width: 1050px){main .about a{animation:none;opacity:1}}main .about a:after{content:url(/src/imgs/arrow.svg);position:absolute;top:0px;margin-left:1px;transition:all 200ms ease-in-out;opacity:0;transform:rotate(180deg)}main .about a:hover:after{opacity:1;margin-left:16px}@keyframes asterisco{0%{width:0;opacity:0;margin-right:0}8%{width:20px;opacity:1;margin-right:8px}30%{width:20px;opacity:1;margin-right:8px}38%{width:0;opacity:0;margin-right:0}100%{width:0;opacity:0;margin-right:0}}main .skills .container{max-width:950px;width:100%;display:flex;justify-content:space-between;margin:50px 0 50px 12%;align-items:center}@media(max-width: 1050px){main .skills .container{margin:50px 0;max-width:100%;padding:0 30px;display:block}}main .skills .container .text{max-width:585px;width:100%}@media(max-width: 1050px){main .skills .container .text{max-width:100%}}@media(max-width: 500px){main .skills .container .text{margin-bottom:40px}}main .skills .container .text h2{color:#fff59d;font-size:56px;font-weight:700;line-height:64px;margin-bottom:40px}@media(max-width: 500px){main .skills .container .text h2{font-size:28px;line-height:40px;margin-bottom:20px}}main .skills .container .text p{font-size:20px;font-weight:400;line-height:32px;margin-bottom:40px}@media(max-width: 500px){main .skills .container .text p{font-size:18px;line-height:30px}}main .skills .container .text p strong{font-weight:700}main .skills .container .text p{font-size:18px;line-height:28px}main .skills .container .experience{max-width:244px;padding-right:20px}@media(max-width: 1050px){main .skills .container .experience{max-width:100%}}main .skills .container .experience h3{color:#ea80fc;font-size:24px;line-height:38px;font-weight:700;margin-bottom:32px}main .skills .container .experience ul li{margin-bottom:20px}main .skills .container .experience ul li p{font-weight:700;font-size:18px;line-height:28px}main .skills .container .experience ul li span{font-size:16px;line-height:25px}main .skills .container .skill-list h3{color:#ea80fc;font-size:24px;line-height:38px;font-weight:700;margin-bottom:32px}main .skills .container .skill-list ul{display:flex;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;justify-content:flex-start;gap:10px}main .skills .container .skill-list ul li{font-size:14px;font-weight:300;color:#f3e5f5;border:1px solid #6040ff;border-radius:100px;padding:8px 10px;cursor:default}main .projects{height:auto}main .projects .container{max-width:890px;width:100%;margin:50px 0 50px 12%}@media(max-width: 1050px){main .projects .container{margin:50px 0;max-width:100%;padding:0 30px}}main .projects .container h3{color:#fff59d;font-size:56px;font-weight:700;line-height:64px;margin-bottom:40px}@media(max-width: 500px){main .projects .container h3{font-size:28px;line-height:40px;margin-bottom:20px}}main .projects .container h3{margin-bottom:112px}@media(max-width: 1050px){main .projects .container h3{margin-bottom:50px}}main .projects .container .wrapper-projects{column-count:2;column-gap:10px;max-width:890px;width:100%}@media(max-width: 1050px){main .projects .container .wrapper-projects{column-gap:30px}}@media(max-width: 500px){main .projects .container .wrapper-projects{column-count:1}}main .projects .container .wrapper-projects a{text-decoration:none;color:#f3e5f5;margin:0;display:grid;grid-template-rows:1fr 1fr;margin-bottom:10px;break-inside:avoid;max-width:370px}@media(max-width: 500px){main .projects .container .wrapper-projects a{display:block}}main .projects .container .wrapper-projects a:nth-child(1):nth-last-child(1)>img,main .projects .container .wrapper-projects a:nth-child(2):nth-last-child(2)>img,main .projects .container .wrapper-projects a:nth-child(3):nth-last-child(3)>img,main .projects .container .wrapper-projects a:nth-child(4):nth-last-child(4)>img,main .projects .container .wrapper-projects a:nth-child(5):nth-last-child(5)>img,main .projects .container .wrapper-projects a:nth-child(6):nth-last-child(6)>img,main .projects .container .wrapper-projects a:nth-child(7):nth-last-child(7)>img,main .projects .container .wrapper-projects a:nth-child(8):nth-last-child(8)>img{margin-top:200px}@media(max-width: 500px){main .projects .container .wrapper-projects a:nth-child(1):nth-last-child(1)>img,main .projects .container .wrapper-projects a:nth-child(2):nth-last-child(2)>img,main .projects .container .wrapper-projects a:nth-child(3):nth-last-child(3)>img,main .projects .container .wrapper-projects a:nth-child(4):nth-last-child(4)>img,main .projects .container .wrapper-projects a:nth-child(5):nth-last-child(5)>img,main .projects .container .wrapper-projects a:nth-child(6):nth-last-child(6)>img,main .projects .container .wrapper-projects a:nth-child(7):nth-last-child(7)>img,main .projects .container .wrapper-projects a:nth-child(8):nth-last-child(8)>img{margin-top:auto}}main .projects .container .wrapper-projects a img{max-width:370px;width:100%;min-height:310px;background-color:#b8b8b8;display:block;margin-bottom:16px;border-radius:40px;transition:all .2s ease-in-out;grid-row:1/-1;grid-column:1}main .projects .container .wrapper-projects a p{font-size:18px;line-height:28px;margin-bottom:72px;font-weight:700;text-align:center}@media(max-width: 1050px){main .projects .container .wrapper-projects a p{margin-bottom:50px}}@media(max-width: 500px){main .projects .container .wrapper-projects a p{margin-bottom:40px}}main .projects .container .wrapper-projects a:hover img{transform:scale(1.02)}.project-detail,.other-works{height:auto;display:block}.project-detail .container,.other-works .container{max-width:950px;width:100%;margin:50px auto 50px auto}@media(max-width: 1050px){.project-detail .container,.other-works .container{margin:50px 0;max-width:100%;padding:0 30px}}.project-detail .container h2,.other-works .container h2{font-size:44px;line-height:50px;color:#1a237e;margin-bottom:80px;font-weight:700;animation:Up 300ms ease-in-out 1;animation-fill-mode:forwards;opacity:0}@media(max-width: 1050px){.project-detail .container h2,.other-works .container h2{margin-bottom:40px;animation:none;opacity:1}}@media(max-width: 500px){.project-detail .container h2,.other-works .container h2{margin-top:80px}}.project-detail .container .detail,.other-works .container .detail{width:100%;display:flex;justify-content:space-between}@media(max-width: 1050px){.project-detail .container .detail,.other-works .container .detail{display:block}}.project-detail .container .detail .text,.other-works .container .detail .text{max-width:625px;width:100%;animation:Up 300ms ease-in-out 1;animation-delay:.15s;animation-fill-mode:forwards;opacity:0}@media(max-width: 1050px){.project-detail .container .detail .text,.other-works .container .detail .text{max-width:100%;animation:none;opacity:1}}.project-detail .container .detail .text h3,.other-works .container .detail .text h3{color:#ea80fc;font-size:24px;line-height:38px;font-weight:700;margin-bottom:16px}.project-detail .container .detail .text p,.other-works .container .detail .text p{font-size:20px;font-weight:400;line-height:32px;margin-bottom:40px}@media(max-width: 500px){.project-detail .container .detail .text p,.other-works .container .detail .text p{font-size:18px;line-height:30px}}.project-detail .container .detail .text p strong,.other-works .container .detail .text p strong{font-weight:700}.project-detail .container .detail .text p,.other-works .container .detail .text p{font-size:18px;line-height:28px}.project-detail .container .detail .text .btns,.other-works .container .detail .text .btns{display:flex;gap:16px}.project-detail .container .detail .text .btns a,.other-works .container .detail .text .btns a{background-color:#fff59d;color:#1a237e;font-size:18px;line-height:20px;font-weight:400;padding:11px 14px 11px 42px;text-decoration:none;position:relative}.project-detail .container .detail .text .btns a span,.other-works .container .detail .text .btns a span{position:relative;z-index:100}.project-detail .container .detail .text .btns a:after,.other-works .container .detail .text .btns a:after{position:absolute}.project-detail .container .detail .text .btns a.site:after,.other-works .container .detail .text .btns a.site:after{content:url(/src/imgs/site.svg);top:12px;left:14px}.project-detail .container .detail .text .btns a.git:after,.other-works .container .detail .text .btns a.git:after{content:url(/src/imgs/github.svg);top:9px;left:12px;filter:brightness(0) saturate(100%) invert(14%) sepia(30%) saturate(5956%) hue-rotate(225deg) brightness(88%) contrast(99%)}.project-detail .container .detail .text .btns a:before,.other-works .container .detail .text .btns a:before{content:"";position:absolute;height:100%;background-color:#ea80fc;width:5px;display:block;top:0;left:0;transition:all .25s ease-in-out}.project-detail .container .detail .text .btns a:hover:before,.other-works .container .detail .text .btns a:hover:before{transition:all .25s ease-in;width:100%}.project-detail .container .detail .skill-list,.other-works .container .detail .skill-list{padding-right:20px;display:flex;flex-direction:column;gap:48px;max-width:244px;width:100%;animation:Up 300ms ease-in-out 1;animation-delay:.15s;animation-fill-mode:forwards;opacity:0}@media(max-width: 1050px){.project-detail .container .detail .skill-list,.other-works .container .detail .skill-list{animation:none;opacity:1}}@media(max-width: 500px){.project-detail .container .detail .skill-list,.other-works .container .detail .skill-list{margin-top:40px}}.project-detail .container .detail .skill-list h3,.other-works .container .detail .skill-list h3{color:#ea80fc;font-size:24px;line-height:38px;font-weight:700;margin-bottom:16px}.project-detail .container .detail .skill-list p,.other-works .container .detail .skill-list p{font-size:18px;line-height:28px}.project-detail .container .detail .skill-list ul li,.other-works .container .detail .skill-list ul li{list-style-type:disc;font-size:18px;line-height:28px;list-style-position:inside}.project-detail .container .gallery,.other-works .container .gallery{margin:120px 0;animation:Up 300ms ease-in-out 1;animation-fill-mode:forwards;opacity:0;animation-delay:.3s;display:flex;flex-direction:column;gap:80px}@media(max-width: 1050px){.project-detail .container .gallery,.other-works .container .gallery{margin:60px 0;animation:none;opacity:1;gap:40px}}.project-detail .container .gallery img,.other-works .container .gallery img{display:block;width:100%;background-color:#fff59d}.project-detail .container .gallery .desc,.other-works .container .gallery .desc{margin-bottom:80px}@media(max-width: 1050px){.project-detail .container .gallery .desc,.other-works .container .gallery .desc{margin-bottom:40px}}.project-detail .container .gallery .desc h4,.other-works .container .gallery .desc h4{font-size:24px;line-height:38px;color:#ea80fc;font-weight:700;margin-bottom:16px}.project-detail .container .gallery .desc p,.other-works .container .gallery .desc p{font-size:20px;font-weight:400;line-height:32px;margin-bottom:40px}@media(max-width: 500px){.project-detail .container .gallery .desc p,.other-works .container .gallery .desc p{font-size:18px;line-height:30px}}.project-detail .container .gallery .desc p strong,.other-works .container .gallery .desc p strong{font-weight:700}.project-detail .container .gallery .desc p,.other-works .container .gallery .desc p{font-size:18px;line-height:28px;margin:0}.project-detail .container .gallery .flex,.other-works .container .gallery .flex{display:flex;justify-content:space-between;gap:45px}@media(max-width: 500px){.project-detail .container .gallery .flex,.other-works .container .gallery .flex{flex-direction:column}}@media(max-width: 1050px){.project-detail .container .gallery .flex img,.other-works .container .gallery .flex img{width:50%}}@media(max-width: 500px){.project-detail .container .gallery .flex img,.other-works .container .gallery .flex img{width:100%}}.project-detail .container .gallery .video,.other-works .container .gallery .video{background-color:var(--bg-color);display:flex;visibility:hidden;align-items:center;width:100%;overflow:hidden}.project-detail .container .gallery .video.show,.other-works .container .gallery .video.show{visibility:visible}.project-detail .container .gallery .video video,.other-works .container .gallery .video video{max-width:700px;border-radius:15px;box-shadow:3px 4px 11px -1px rgba(0,0,0,.36);-webkit-box-shadow:3px 4px 11px -1px rgba(0,0,0,.36);-moz-box-shadow:3px 4px 11px -1px rgba(0,0,0,.36)}.project-detail .container .gallery .video.center,.other-works .container .gallery .video.center{justify-content:center;padding:70px}@media(max-width: 500px){.project-detail .container .gallery .video.center,.other-works .container .gallery .video.center{padding:40px}}.project-detail .container .gallery .video.luiza7 video,.other-works .container .gallery .video.luiza7 video{object-fit:cover;height:500px;object-position:0 -35px;max-width:280px}@media(max-width: 500px){.project-detail .container .gallery .video.luiza7 video,.other-works .container .gallery .video.luiza7 video{height:auto;object-position:0}}.project-detail .container .gallery .video.full video,.other-works .container .gallery .video.full video{max-width:100%;border-radius:0;box-shadow:none}.project-detail .container .gallery .video.right,.other-works .container .gallery .video.right{padding:60px 60px 60px 0}@media(max-width: 500px){.project-detail .container .gallery .video.right,.other-works .container .gallery .video.right{padding:30px 30px 30px 0}}.project-detail .container .gallery .video.right video,.other-works .container .gallery .video.right video{max-width:100%;border-radius:0 15px 15px 0}.project-detail .container>h3,.other-works .container>h3{color:#ea80fc;font-size:56px;line-height:64px;font-weight:700;margin-bottom:16px;max-width:450px;margin-bottom:100px}@media(max-width: 1050px){.project-detail .container>h3,.other-works .container>h3{margin-bottom:50px;font-size:28px;line-height:32px}}.project-detail .container .works-wrapper,.other-works .container .works-wrapper{column-count:2;column-gap:10px;max-width:890px;width:100%;display:block}@media(max-width: 1050px){.project-detail .container .works-wrapper,.other-works .container .works-wrapper{column-gap:30px}}@media(max-width: 500px){.project-detail .container .works-wrapper,.other-works .container .works-wrapper{column-count:1}}.project-detail .container .works-wrapper a,.other-works .container .works-wrapper a{text-decoration:none;color:#f3e5f5;margin:0;display:grid;grid-template-rows:1fr 1fr;margin-bottom:10px;break-inside:avoid;max-width:370px}@media(max-width: 500px){.project-detail .container .works-wrapper a,.other-works .container .works-wrapper a{display:block}}.project-detail .container .works-wrapper a:nth-child(3)>img,.other-works .container .works-wrapper a:nth-child(3)>img{margin-top:100px}@media(max-width: 500px){.project-detail .container .works-wrapper a:nth-child(3)>img,.other-works .container .works-wrapper a:nth-child(3)>img{margin-top:auto}}.project-detail .container .works-wrapper a img,.other-works .container .works-wrapper a img{max-width:370px;width:100%;min-height:310px;background-color:#b8b8b8;display:block;margin-bottom:16px;border-radius:40px;transition:all .2s ease-in-out;grid-row:1/-1;grid-column:1}.project-detail .container .works-wrapper a p,.other-works .container .works-wrapper a p{font-size:18px;line-height:28px;margin-bottom:72px;font-weight:700;text-align:center;color:#1a237e}@media(max-width: 1050px){.project-detail .container .works-wrapper a p,.other-works .container .works-wrapper a p{margin-bottom:50px}}@media(max-width: 500px){.project-detail .container .works-wrapper a p,.other-works .container .works-wrapper a p{margin-bottom:40px}}.project-detail .container .works-wrapper a:hover img,.other-works .container .works-wrapper a:hover img{transform:scale(1.02)}.sidebar{width:18vw;height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:34px;position:fixed;top:0;left:0;z-index:1000;background-color:rgba(0,0,0,0)}@media(max-width: 1050px){.sidebar{width:100vw;height:60px;flex-direction:row;padding:0 30px;align-items:center}}@media(max-width: 500px){.sidebar{background-color:#1a237e}}.sidebar .logo{font-weight:400;font-size:20px;color:#ea80fc;text-decoration:none;letter-spacing:.7px;display:flex;align-items:center;gap:13px;flex-wrap:nowrap;transition:all 200ms ease-in-out}@media(max-width: 1050px){.sidebar .logo{font-size:18px;gap:12px}}.sidebar .logo:before{content:url(/src/imgs/ast.svg);width:18px;height:18px;display:inline-block}.sidebar .logo:hover{color:#fff59d}@media(max-width: 1050px){.sidebar .menu{position:fixed;display:flex;right:-50vw;width:50vw;background-color:#1a237e;height:100%;top:0;z-index:200;justify-content:space-evenly;align-items:center;transition:all .3s ease-in-out;pointer-events:none}}@media(max-width: 500px){.sidebar .menu{width:100vw;right:-100vw}}.sidebar .menu ul{display:flex;flex-direction:column;gap:48px}.sidebar .menu ul li{opacity:0;animation:Up 300ms ease-in-out 1;animation-fill-mode:forwards}@media(max-width: 1050px){.sidebar .menu ul li{animation:none;opacity:1}}.sidebar .menu ul li:nth-child(2){animation-delay:.1s}.sidebar .menu ul li:nth-child(3){animation-delay:.2s}.sidebar .menu ul li:nth-child(4){animation-delay:.3s}.sidebar .menu ul li a{text-decoration:none;color:#f3e5f5;font-size:18px;font-weight:400;letter-spacing:.8px;line-height:20px;position:relative;transition:all 200ms ease-in-out}.sidebar .menu ul li a:after{position:absolute;top:2px;margin-left:32px;transition:all 200ms ease-in-out;opacity:0}.sidebar .menu ul li a:hover,.sidebar .menu ul li a.on{color:#fff59d}.sidebar .menu ul li a:hover:after,.sidebar .menu ul li a.on:after{opacity:1;margin-left:16px}.sidebar .menu ul li a[href="/#about"]:after{content:url(/src/imgs/arrow.svg)}.sidebar .menu ul li a[href="/#skills"]:after{top:0px;content:url(/src/imgs/equal.svg)}.sidebar .menu ul li a[href="/#projects"]:after{content:url(/src/imgs/ast.svg);filter:brightness(0) saturate(100%) invert(69%) sepia(98%) saturate(2504%) hue-rotate(228deg) brightness(98%) contrast(102%)}.sidebar .menu ul li a[href="/#contact"]:after{content:url(/src/imgs/colchete.svg)}.sidebar .menu_bg{display:none}@media(max-width: 1050px){.sidebar .menu_bg{display:block;opacity:0;position:fixed;top:0;left:0;width:100vw;height:100%;background-color:rgba(0,0,0,.7);z-index:100;pointer-events:none;transition:all .3s ease-in-out}}.sidebar .menu-btn{display:none;background:rgba(0,0,0,0);border:0;cursor:pointer;z-index:1000;height:23px}@media(max-width: 1050px){.sidebar .menu-btn{display:block}}.sidebar .menu-btn span{height:2px;width:20px;display:block;background-color:#f3e5f5;transition:all .2s ease-in-out;transform:rotate(0deg);transition:.15s ease-in-out}.sidebar .menu-btn span:first-child{margin-bottom:4px}.sidebar .menu-btn span:last-child{margin-top:4px}.sidebar.on .menu-btn span:first-child{transform:rotate(45deg)}.sidebar.on .menu-btn span:nth-child(2){transform:rotate(-45deg);margin-top:-6px}.sidebar.on .menu-btn span:last-child{opacity:0;margin-top:-10px}.sidebar.on .menu-btn:hover span:first-child{margin-bottom:4px}.sidebar.on .menu{right:0;transition:all .3s ease-in-out;pointer-events:auto}.sidebar.on .menu_bg{opacity:1;pointer-events:auto;transition:all .3s ease-in-out}@media(max-width: 1050px){.sidebar.on .menu_bg{display:block}}.sidebar__contact{animation:Up 300ms ease-in-out 1;animation-fill-mode:forwards;animation-delay:.35s;opacity:0}@media(max-width: 1050px){.sidebar__contact{animation:none;opacity:1}}.sidebar__contact p{font-size:16px;line-height:18px;letter-spacing:.7px;font-weight:400;display:block;margin-bottom:16px}.sidebar__contact .social{display:flex;gap:16px}.sidebar__contact .social a{transition:all 300ms ease-in-out;filter:brightness(0) saturate(100%) invert(69%) sepia(98%) saturate(2504%) hue-rotate(228deg) brightness(98%) contrast(102%)}.sidebar__contact .social a.linkedin{content:url("../imgs/linkedin.svg")}.sidebar__contact .social a.git{content:url("../imgs/github.svg")}.sidebar__contact .social a.mail{content:url("../imgs/mail.svg")}.sidebar__contact .social a:hover{filter:brightness(0) saturate(100%) invert(89%) sepia(28%) saturate(500%) hue-rotate(357deg) brightness(102%) contrast(104%)}@media(max-width: 1050px){.sidebar__contact{display:none}}#move{background:#262696;height:500px;width:500px;border-radius:50%;left:50%;top:50%;transform:translate(-50%, -50%);position:fixed;z-index:1}@media(max-width: 500px){#move{display:none}}.loading{margin:50px auto;width:12px;aspect-ratio:1;border-radius:50%;animation:l5 1s infinite linear alternate}@keyframes l5{0%{box-shadow:20px 0 #000,-20px 0 rgba(0,0,0,.1333333333);background:#000}33%{box-shadow:20px 0 #000,-20px 0 rgba(0,0,0,.1333333333);background:rgba(0,0,0,.1333333333)}66%{box-shadow:20px 0 rgba(0,0,0,.1333333333),-20px 0 #000;background:rgba(0,0,0,.1333333333)}100%{box-shadow:20px 0 rgba(0,0,0,.1333333333),-20px 0 #000;background:#000}}.light{background-color:#fff;color:#3a3a3a}.light .sidebar{background-color:#fff}.light .sidebar .logo{color:#ea80fc}.light .sidebar .logo:hover{color:#1a237e}.light .sidebar .logo:before{filter:brightness(0) saturate(100%) invert(14%) sepia(30%) saturate(5956%) hue-rotate(225deg) brightness(88%) contrast(99%)}@media(max-width: 1050px){.light .sidebar .menu{background-color:#fff}}.light .sidebar .menu ul li a{color:#3a3a3a}.light .sidebar .menu ul li a:hover,.light .sidebar .menu ul li a.on{color:#ea80fc}.light .sidebar .menu ul li a:after{filter:brightness(0) saturate(100%) invert(14%) sepia(30%) saturate(5956%) hue-rotate(225deg) brightness(88%) contrast(99%)}@media(max-width: 1050px){.light .sidebar .menu_bg{background-color:rgba(0,0,0,.7)}}.light .sidebar .menu-btn span{background-color:#3a3a3a}.light .sidebar__contact .social a{filter:brightness(0) saturate(100%) invert(69%) sepia(98%) saturate(2504%) hue-rotate(228deg) brightness(98%) contrast(102%)}.light .sidebar__contact .social a:hover{filter:brightness(0) saturate(100%) invert(14%) sepia(30%) saturate(5956%) hue-rotate(225deg) brightness(88%) contrast(99%)}