@keyframes floating{0%{transform:scale(1) translateX(-50%)}50%{transform:scale(1.06) translateX(-50%)}100%{transform:scale(1) translateX(-50%)}}@keyframes elipse-floating{0%{transform:scale(1);transform:translateY(0px)}50%{transform:scale(1.15);transform:translateY(-30px)}100%{transform:scale(1);transform:translateY(0px)}}@keyframes project-icon-animation{0%{transform:scale(1);transform:translateY(0px);filter:brightness(1)}50%{transform:scale(1.15);transform:translateY(30px);filter:brightness(1.5)}100%{transform:scale(1);transform:translateY(0px);filter:brightness(1)}}@keyframes scroll-progress-line-animation{0%{border-radius:0 20px 0 0}50%{border-radius:0 0 20px 0}100%{border-radius:0 20px 0 0}}@keyframes hacker-animation{0%{transform:translateX(0px) translateY(0px) rotateX(0deg)}50%{transform:translateX(-5px) translateY(-15px) rotateX(20deg)}100%{transform:translateX(0px) translateY(0px) rotateX(0deg)}}@keyframes button-animation{0%{filter:brightness(1)}25%{filter:brightness(1.5)}50%{filter:brightness(1)}75%{filter:brightness(1.5)}100%{filter:brightness(1)}}@keyframes start-animation-1{from{transform:translateY(50px);opacity:0}to{transform:translateY(0px);opacity:1}}@keyframes start-animation-2{from{transform:translateX(50px);opacity:0}to{transform:translateX(0px);opacity:1}}@keyframes start-animation-3{from{transform:translateX(-50px);opacity:0}to{transform:translateX(0px);opacity:1}}@keyframes progress-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes progress-bar-about-me{0%{height:0}100%{height:100%}}@keyframes about-me-left-item{from{transform:translateX(-150px) scale(0.75);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}@keyframes about-me-right-item{from{transform:translateX(150px) scale(0.75);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}@keyframes about-me-projects-button{from{opacity:0}to{opacity:1}}button.open-nav-button{position:fixed;bottom:5%;left:50%;z-index:100;transform:translateX(-50%);padding:20px;border-radius:50%;border:none;background:#2d2d2d;opacity:.95;cursor:pointer;box-shadow:3px 3px 10px 0 rgba(0,0,0,.45);animation:floating 4s ease infinite;animation-timeline:auto;transition:.5s ease}button.open-nav-button img{width:30px;aspect-ratio:1/1;transition:.3s ease}button.open-nav-button:hover{background:#5e5e5e}button.open-nav-button:hover img{transform:rotate(10deg)}button.open-nav-button.closed{opacity:0;pointer-events:none}footer.footer-mobile{z-index:999;position:fixed;bottom:0;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;align-self:center;justify-self:center}footer.footer-mobile button.close-nav-button{background-color:#2d2d2d;border:none;border-radius:36px 36px 0 0;height:42px;width:20%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s ease}footer.footer-mobile button.close-nav-button img{width:20px;height:20px;transition:.3s ease}footer.footer-mobile button.close-nav-button:hover{background-color:#5e5e5e}footer.footer-mobile button.close-nav-button:hover img{transform:rotate(90deg)}footer.footer-mobile nav.nav-mobile{display:flex;justify-content:center;background-color:#2d2d2d;width:100%;opacity:1;overflow:hidden;transition:.5s ease;display:grid;grid-template-columns:repeat(5, 1fr)}footer.footer-mobile nav.nav-mobile a{text-decoration:none;font-style:none;display:flex;justify-content:center;align-items:center;border-right:1px solid #5e5e5e;border-top:4px solid rgba(0,0,0,0);padding:12px 20px 12px 20px;transition:.3s ease}footer.footer-mobile nav.nav-mobile a img{width:30px;transition:.3s ease}footer.footer-mobile nav.nav-mobile a:hover{background-color:#5e5e5e}footer.footer-mobile nav.nav-mobile a:hover img{transform:rotate(10deg)}footer.footer-mobile nav.nav-mobile a.current-page{border-top:4px solid #f0c}footer.footer-mobile{transition:.5s ease}footer.footer-mobile.closed{z-index:9;pointer-events:none;opacity:0}footer.footer-mobile.closed button.close-nav-button{opacity:0}footer.footer-mobile.closed nav.nav-mobile{width:70px;height:70px;padding:20px;border-radius:50%;padding:20px;transform:translateY(-29px)}@media(orientation: landscape){footer.footer-mobile,button.open-nav-button{display:none}}div.elipse.e1{left:100%;top:100%;transform:translateX(-50%) translateY(-100%)}div.elipse.e2{left:0;top:0;transform:translateX(-50%) translateY(0%)}footer.footer-pc{display:flex;justify-content:center;align-items:center;gap:15px;width:80%;position:fixed;bottom:4%;left:50%;transform:translateX(-50%);z-index:10}footer.footer-pc nav.nav-pc{z-index:100;display:grid;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(1, 1fr);width:100%;max-height:60px;border:1px solid #5e5e5e;background-color:rgba(33,33,33,.5);border-radius:55px;overflow:hidden;transition:1s cubic-bezier(0.23, 1, 0.32, 1)}footer.footer-pc nav.nav-pc a{border:1px solid rgba(0,0,0,0);background-color:rgba(0,0,0,0);display:flex;justify-content:center;align-items:center;text-decoration:none;width:100%;max-height:100%;padding:10px;transition:.3s ease;border-radius:55px}footer.footer-pc nav.nav-pc a img{width:32px;transition:.3s ease}footer.footer-pc nav.nav-pc a:hover{border:1px solid #5e5e5e;background-color:#212121}footer.footer-pc nav.nav-pc a:hover img{transform:rotateY(180deg)}footer.footer-pc nav.nav-pc a.current-page{border:2px solid #f0c;background-color:rgba(255,0,204,.05);box-shadow:0 0 10px 0 #f0c}footer.footer-pc nav.nav-pc.closed{border:0px solid #5e5e5e;max-height:0px;width:0}footer.footer-pc button.close-nav-button{border:1px solid #5e5e5e;background-color:rgba(33,33,33,.5);border-radius:50%;height:100%;aspect-ratio:1/1;padding:10px;cursor:pointer;transition:.3s ease}footer.footer-pc button.close-nav-button img{width:32px;transition:.3s ease}footer.footer-pc button.close-nav-button:hover{background-color:#212121;transform:translateY(-5px) scale(1.1);box-shadow:2px 2px 10px 0 rgba(255,0,204,.2);border:1px solid #f0c}footer.footer-pc button.close-nav-button:hover img{transform:rotate(10deg)}@media(orientation: portrait){footer.footer-pc{display:none}}header{background-color:#212121;text-align:center;text-justify:center;padding-bottom:10px;position:fixed;width:100%;opacity:.9;z-index:15;border-bottom:1px solid #2d2d2d}header p{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:hsla(0,0%,100%,.3);font-size:15px}main section.home{background-image:url("../../img/background/background-main.png");background-size:cover;padding:0px 20px 100px 20px;display:grid;grid-template-columns:repeat(1, 1fr);position:relative;overflow:hidden}main section.home div.hacker-wrapper{z-index:3;position:absolute;width:300px;top:240px;justify-self:center;animation:hacker-animation 4s ease infinite;display:flex;justify-content:center;align-items:center}main section.home div.hacker-wrapper img.hacker{z-index:2;width:100%;position:absolute;border-radius:150px;animation:start-animation-1 1s ease forwards;filter:drop-shadow(0 0 30px rgba(255, 0, 204, 0.4))}main section.home div.part2{z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:240px;gap:30px}main section.home div.part2 div.title-paragraph-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px}main section.home div.part2 div.title-paragraph-container h1{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){main section.home div.part2 div.title-paragraph-container h1{font-size:80px;letter-spacing:10px;line-height:65px}}main section.home div.part2 div.title-paragraph-container h1{animation:start-animation-2 1s ease forwards}main section.home div.part2 div.title-paragraph-container p{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;animation:start-animation-3 1s ease forwards}main section.home div.part2 div.buttons-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:15px;animation:start-animation-1 1s ease forwards}main section.home div.part2 div.buttons-container a.contact-a{width:100%;text-decoration:none}main section.home div.part2 div.buttons-container a.contact-a button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;box-shadow:0 5px 10px 0 rgba(255,0,204,.2);background:linear-gradient(33deg, #ff00fb, #8c00ff, #ff00fb);font-size:20px;font-weight:900;color:#fff;border:2px solid rgba(255,0,204,.2);animation:button-animation 4s ease-in-out infinite;transition:.3s ease}main section.home div.part2 div.buttons-container a.contact-a button:hover{transform:scale(1.02);box-shadow:0 5px 10px 0 rgba(255,0,204,.6);border:2px solid rgba(255,0,204,.8)}main section.home div.part2 div.buttons-container a.contact-a button:active{transform:scale(0.95);box-shadow:0 5px 10px 0 rgba(255,0,204,.6);border:2px solid rgba(255,0,204,.8)}main section.home div.part2 div.buttons-container a.about-me-a{width:100%;text-decoration:none}main section.home div.part2 div.buttons-container a.about-me-a button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;background:rgba(0,0,0,0);border:1px solid #5e5e5e;font-size:18px;color:#b2b2b2;transition:.3s ease}main section.home div.part2 div.buttons-container a.about-me-a button:hover{border:1px solid #fff;letter-spacing:8px}main section.home div.part2 div.buttons-container a.curriculum{text-align:center;color:#5e5e5e;text-decoration:underline;font-size:18px;align-self:start}@media(orientation: landscape){main section.home{padding:200px 20px 200px 20px;grid-template-columns:repeat(2, 1fr);overflow:hidden}main section.home div.hacker-wrapper{width:650px;top:calc(50% + 60px);left:calc(25% - 325px)}main section.home div.part2{margin-top:48px;max-width:700px}main section.home div.part2 div.title-paragraph-container{align-items:start}main section.home div.part2 div.buttons-container{align-items:left;justify-content:left;text-align:left;color:red}main section.home div.part2 div.buttons-container a.curriculum{text-align:left}}main section.about-me{overflow:clip;padding:100px 40px 200px 40px;background:#212121;display:flex;flex-direction:column;justify-content:center;align-items:center}main section.about-me h2{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){main section.about-me h2{font-size:80px;letter-spacing:10px;line-height:65px}}main section.about-me h2{margin-bottom:30px}main section.about-me div.about-me-container{position:relative;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;display:grid;grid-template-columns:repeat(1, 1fr);gap:60px;max-width:900px;align-self:center;justify-self:center;padding-bottom:80px}main section.about-me div.about-me-container div.middle-line{position:absolute;align-self:start;justify-self:center;height:0%;width:4px;background-color:#f0c;box-shadow:0 0 10px 1px #f0c;border-radius:10px 10px 0 0;z-index:1;opacity:.5;animation:progress-bar-about-me linear;animation-timeline:scroll();animation-range:40% 100%}main section.about-me div.about-me-container div.item{z-index:2;display:flex;flex-direction:column;gap:15px;justify-content:center;opacity:1}main section.about-me div.about-me-container div.item img{width:80%;max-width:300px;border-radius:12px}main section.about-me div.about-me-container div.item p{color:#b2b2b2;font-size:16px;max-width:100%}main section.about-me div.about-me-container div.item.left{transform:translateX(-150px) scale(0.75);opacity:0;animation:about-me-left-item linear;animation-timeline:view();animation-range:0% 45%;animation-fill-mode:forwards}main section.about-me div.about-me-container div.item.left img{box-shadow:-10px 10px 0 0 rgba(255,0,204,.1)}main section.about-me div.about-me-container div.item.left{align-items:start;text-align:start}main section.about-me div.about-me-container div.item.right{transform:translateX(150px) scale(0.75);opacity:0;animation:about-me-right-item linear;animation-timeline:view();animation-range:0% 45%;animation-fill-mode:forwards}main section.about-me div.about-me-container div.item.right img{box-shadow:10px 10px 0 0 rgba(255,0,204,.1)}main section.about-me div.about-me-container div.item.right{align-items:end;text-align:end}main section.about-me div.see-projects-container{max-width:600px;width:100%;align-self:center;justify-self:center;opacity:0;animation:about-me-projects-button linear;animation-timeline:view();animation-range:0% 30%;animation-fill-mode:forwards}main section.about-me div.see-projects-container a{width:100%;text-decoration:none}main section.about-me div.see-projects-container a button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;box-shadow:0 5px 10px 0 rgba(255,0,204,.2);background:linear-gradient(33deg, #ff00fb, #8c00ff, #ff00fb);font-size:20px;font-weight:900;color:#fff;border:2px solid rgba(255,0,204,.2);animation:button-animation 4s ease-in-out infinite;transition:.3s ease}main section.about-me div.see-projects-container a button:hover{transform:scale(1.02);box-shadow:0 5px 10px 0 rgba(255,0,204,.6);border:2px solid rgba(255,0,204,.8)}main section.about-me div.see-projects-container a button:active{transform:scale(0.95);box-shadow:0 5px 10px 0 rgba(255,0,204,.6);border:2px solid rgba(255,0,204,.8)}@media(orientation: landscape){main section.about-me div.about-me-container div.middle-line{opacity:1}main section.about-me div.about-me-container div.item img{width:100%}main section.about-me div.about-me-container div.item p{font-size:20px;max-width:45%}}section.projects{height:100vh;background:linear-gradient(180deg, #160015, #221c22);padding:150px 20px 100px 20px;overflow:clip;display:flex;flex-direction:column;justify-content:center;align-items:center}section.projects h2{margin-bottom:50px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.projects h2{font-size:80px;letter-spacing:10px;line-height:65px}}section.projects h2{text-align:center;position:absolute;top:15%;animation:start-animation-2 1s ease forwards;font-size:clamp(40px,2vw,120px)}section.projects div.arrow{position:absolute;z-index:999;top:50%;border:1px solid rgba(255,0,204,.5);padding:10px;border-radius:50%;width:60px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;opacity:50%;cursor:pointer;transition:.2s ease}section.projects div.arrow img{width:30px}section.projects div.arrow:hover{transform:scale(1.05);opacity:100%}section.projects div.arrow:active{transform:scale(0.9)}section.projects div.arrow-left{left:5%}section.projects div.arrow-right{right:5%}section.projects div.projects-container{display:flex;justify-content:center;align-items:center;position:relative;width:100%}section.projects div.projects-container div.project{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;z-index:5;cursor:pointer;transition:1s ease}section.projects div.projects-container div.project img{width:200px;aspect-ratio:1/1;border-radius:50%;border:1px solid rgba(255,0,204,.5);box-shadow:0 0 30px 0 rgba(255,0,204,.25);transition:1s ease}section.projects div.projects-container div.project img:hover{filter:brightness(2)}section.projects div.projects-container div.project div.project-texts{text-align:center;text-justify:center;opacity:1;transition:1s ease;padding:0 20px 0 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:400px}section.projects div.projects-container div.project div.project-texts h3{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.projects div.projects-container div.project div.project-texts h3{font-size:80px;letter-spacing:10px;line-height:65px}}section.projects div.projects-container div.project div.project-texts h3{font-size:40px}section.projects div.projects-container div.project div.project-texts p{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;text-align:center;font-size:16px;max-width:300px}section.projects div.projects-container div.project.closed-left,section.projects div.projects-container div.project.closed-right,section.projects div.projects-container div.project.hide-left,section.projects div.projects-container div.project.hide-right{position:absolute;filter:blur(4px);z-index:1}section.projects div.projects-container div.project.closed-left img,section.projects div.projects-container div.project.closed-right img,section.projects div.projects-container div.project.hide-left img,section.projects div.projects-container div.project.hide-right img{border:1px solid #5e5e5e;box-shadow:0 0 30px 0 rgba(0,0,0,0)}section.projects div.projects-container div.project.closed-left{transform:translateX(-70%) scale(0.8);opacity:.5}section.projects div.projects-container div.project.closed-right{transform:translateX(70%) scale(0.8);opacity:.5}section.projects div.projects-container div.project.hide-left{transform:translateX(-140%) scale(0.75);opacity:0}section.projects div.projects-container div.project.hide-right{transform:translateX(140%) scale(0.75);opacity:0}@media(orientation: landscape){section.projects h2{text-align:left}section.projects div.arrow-left{left:15%}section.projects div.arrow-right{right:15%}section.projects div.projects-container div.project img{width:300px}section.projects div.projects-container div.project.closed-left{transform:translateX(-100%) scale(0.8)}section.projects div.projects-container div.project.closed-right{transform:translateX(100%) scale(0.8)}section.projects div.projects-container div.project.hide-left{transform:translateX(-200%) scale(0.75)}section.projects div.projects-container div.project.hide-right{transform:translateX(200%) scale(0.75)}}section.techs{min-height:100vh;background-image:url("../../img/background/background2.png");background-size:100% 100%;background-repeat:no-repeat;background-position:center;padding:100px 0px 100px 0px}section.techs h2{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.techs h2{font-size:80px;letter-spacing:10px;line-height:65px}}section.techs h2{padding-left:20px;text-align:center;margin-bottom:100px;font-size:clamp(40px,2vw,120px);animation:start-animation-1 1s ease forwards}section.techs a{text-decoration:none}section.techs a p.see-all{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;cursor:pointer;text-align:right;transition:.2s ease;margin-right:40px}section.techs a p.see-all:hover{color:#fff}section.techs div.carrossel-container{display:flex;flex-direction:column;gap:50px;width:100%;padding:0px 0 70px 0;overflow:hidden;position:relative;z-index:0}section.techs div.carrossel-container h3{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.techs div.carrossel-container h3{font-size:80px;letter-spacing:10px;line-height:65px}}section.techs div.carrossel-container h3{font-size:30px;margin-left:40px}section.techs div.carrossel-container div.carrossel-track{display:flex;width:-moz-max-content;width:max-content;animation:carousel 15s linear infinite;z-index:0}section.techs div.carrossel-container div.carrossel-track img{height:100px;margin-right:50px;border-radius:8px;flex-shrink:0;cursor:pointer;transition:.5s ease}section.techs div.carrossel-container div.carrossel-track img:hover{transform:scale(1.15)}section.techs div.carrossel-container div.carrossel-track:hover{animation-play-state:paused}@keyframes carousel{from{transform:translateX(0)}to{transform:translateX(-50%)}}div.popup-background{pointer-events:auto;opacity:1;background-color:rgba(0,0,0,.75);z-index:999;position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;transition:.5s ease}div.popup-background div.popup-container{transform:scale(1);background:linear-gradient(180deg, #160015, #221c22);padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:90%;max-width:-moz-fit-content;max-width:fit-content;box-shadow:0 0 80px 0 rgba(255,0,204,.4);border:1px solid rgba(255,0,204,.4);border-radius:10px;position:relative;transition:.5s ease}div.popup-background div.popup-container button.close-button{background-color:rgba(0,0,0,0);color:#b2b2b2;border:none;border-radius:50%;position:absolute;top:25px;right:25px;font-size:25px;cursor:pointer;transition:.3s ease}div.popup-background div.popup-container button.close-button:hover{transform:scale(1.1);color:#fff}div.popup-background div.popup-container button.close-button:active{transform:scale(0.8);color:#b2b2b2}div.popup-background div.popup-container img{width:50%;border-radius:10px;transition:.3s ease}div.popup-background div.popup-container h2{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){div.popup-background div.popup-container h2{font-size:80px;letter-spacing:10px;line-height:65px}}div.popup-background div.popup-container h2{text-align:center}div.popup-background div.popup-container p{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;text-align:center}div.popup-background div.popup-container:hover img{transform:rotateY(360deg)}div.popup-background.closed{pointer-events:none;opacity:0}div.popup-background.closed div.popup-container{transform:scale(0.5)}@media(orientation: landscape){section.techs div.carrossel-container div.carrossel-track img{height:150px;margin-right:70px}}section.all-techs{min-height:100vh;background-image:url("../../img/background/background2.png");background-size:100% 100%;background-repeat:no-repeat;background-position:center;padding:100px 40px 100px 40px}section.all-techs div.title-container{display:flex;justify-content:center;align-items:center;gap:20px}section.all-techs div.title-container a.return-button{opacity:.75;text-decoration:none;text-align:center;text-justify:center;transition:.3s ease}section.all-techs div.title-container a.return-button img{width:30px}section.all-techs div.title-container a.return-button:hover{transform:scale(1.1);opacity:1}section.all-techs div.title-container a.return-button:active{transform:scale(0.95)}section.all-techs div.title-container h2{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.all-techs div.title-container h2{font-size:80px;letter-spacing:10px;line-height:65px}}section.all-techs div.title-container h2{text-align:center}section.all-techs div.title-container{margin-bottom:80px}section.all-techs div.techs-container{display:grid;grid-template-columns:repeat(2, 1fr);max-width:800px;justify-self:center;gap:60px}section.all-techs div.techs-container div.tech{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:.1s ease}section.all-techs div.techs-container div.tech img{width:100%;border-radius:10px;transition:.3s ease}section.all-techs div.techs-container div.tech p{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left}section.all-techs div.techs-container div.tech:hover img{transform:rotateY(20deg) rotateX(20deg)}@media(orientation: landscape){section.all-techs div.techs-container{grid-template-columns:repeat(4, 1fr)}}section.education{min-height:100vh;background:url("../../img/background/background-main.png");background-size:cover;background-repeat:no-repeat;padding:100px 20px 100px 20px;overflow:hidden}section.education div.section-title{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-bottom:30px;max-width:800px;align-self:center;justify-self:center}section.education div.section-title p.mini-title{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;text-align:center;font-size:clamp(14px,1vw,28px);font-weight:800;background:linear-gradient(45deg, #2f00ff, #ff00fb, #ff0037);background-size:cover;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);color:rgba(0,0,0,0);animation:start-animation-3 1s ease forwards}section.education div.section-title h2{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.education div.section-title h2{font-size:80px;letter-spacing:10px;line-height:65px}}section.education div.section-title h2{font-size:clamp(40px,2vw,120px);animation:start-animation-1 1s ease forwards}section.education div.section-title p.subtitle{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;text-align:center;font-size:clamp(14px,1vw,28px);animation:start-animation-2 1s ease forwards}section.education div.courses-container{display:grid;grid-template-columns:repeat(1, 1fr);gap:20px}section.education div.courses-container div.course{animation:start-animation-1 1s ease forwards;background-color:#212121;padding:20px;display:flex;flex-direction:column;gap:20px;border-radius:10px;border:1px solid rgba(255,0,204,.3);cursor:pointer;height:-moz-fit-content;height:fit-content;transition:1s ease}section.education div.courses-container div.course div.course-header{display:flex;justify-content:space-between;align-items:center}section.education div.courses-container div.course div.course-header div.dates-container{display:flex;justify-content:center;align-items:center;gap:10px}section.education div.courses-container div.course div.course-header div.dates-container img{width:40px;background-color:rgba(41,0,41,.37);padding:8px;border-radius:50%}section.education div.courses-container div.course div.course-header div.dates-container p{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;font-size:16px}section.education div.courses-container div.course div.course-header p.status.done{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;background-color:rgba(0,255,0,.075);color:#7eff7e;border:1px solid rgba(126,255,126,.5);box-shadow:0 0 10px 0 rgba(126,255,126,.15);border-radius:30px;padding:5px 10px 5px 10px;font-size:14px}section.education div.courses-container div.course div.course-header p.status.coursing{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;background-color:rgba(255,238,0,.075);color:#fffd7e;border:1px solid rgba(255,253,126,.5);box-shadow:0 0 10px 0 rgba(255,253,126,.15);border-radius:30px;padding:5px 10px 5px 10px;font-size:14px}section.education div.courses-container div.course div.course-image-wrapper{overflow:hidden;border-radius:10px}section.education div.courses-container div.course div.course-image-wrapper img.course-image{width:100%;aspect-ratio:1/.55;transition:.5s ease}section.education div.courses-container div.course div.course-image-wrapper img.course-image:hover{transform:scale(1.1)}section.education div.courses-container div.course div.course-title-container{display:flex;gap:10px;align-items:center}section.education div.courses-container div.course div.course-title-container img.course-icon{height:70px;height:70px;border-radius:10px;aspect-ratio:1/1}section.education div.courses-container div.course div.course-title-container div.course-title-texts h3{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;color:#fff;font-weight:800;font-size:32px}section.education div.courses-container div.course div.course-title-container div.course-title-texts p{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;font-size:clamp(14px,1vw,28px)}section.education div.courses-container div.course div.course-information{max-height:200px;overflow:hidden;transition:1s ease}section.education div.courses-container div.course div.course-information div.line{height:1px;width:100%;background:linear-gradient(45deg, #2f00ff, #ff00fb, #ff0037);border-radius:50px;margin-bottom:20px;box-shadow:0 0 10px 0 #f0c;opacity:1;transition:1s ease}section.education div.courses-container div.course div.course-information p{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;font-size:clamp(14px,1vw,28px);text-align:justify;transition:1s ease}section.education div.courses-container div.course img.arrow{width:40px;align-self:center;justify-self:center;transform:rotateX(180deg);transition:1s ease}section.education div.courses-container div.course.closed{gap:10px}section.education div.courses-container div.course.closed div.course-information{max-height:0px}section.education div.courses-container div.course.closed div.course-information div.line{opacity:0;width:0%}section.education div.courses-container div.course.closed div.course-information p{opacity:0}section.education div.courses-container div.course.closed img.arrow{transform:rotateX(0deg)}@media(orientation: landscape){section.education div.courses-container{grid-template-columns:repeat(3, 1fr)}}section.contact{padding:100px 40px 100px 40px;min-height:100vh;background:linear-gradient(180deg, #160015, #221c22);display:flex;flex-direction:column;gap:30px;overflow:hidden}section.contact div.section-title-container{display:flex;flex-direction:column;gap:20px}section.contact div.section-title-container h2{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.contact div.section-title-container h2{font-size:80px;letter-spacing:10px;line-height:65px}}section.contact div.section-title-container h2{text-align:center;font-size:clamp(40px,2vw,120px);animation:start-animation-2 1s ease forwards}section.contact div.section-title-container p{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;text-align:center;animation:start-animation-3 1s ease forwards}section.contact div.buttons-container{display:flex;flex-direction:column;gap:20px;width:100%;max-width:800px;justify-self:center;align-self:center;margin-bottom:30px}section.contact div.buttons-container a.button{text-decoration:none;background-color:#212121;display:flex;justify-content:left;align-items:center;gap:20px;border:1px solid #5e5e5e;border-radius:6px;overflow:hidden;transition:.3s ease}section.contact div.buttons-container a.button img{width:60px;border-right:1px solid #5e5e5e;transition:.3s ease}section.contact div.buttons-container a.button p{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left}section.contact div.buttons-container a.button:hover{transform:translateY(-5px);box-shadow:0 10px 10px 0 rgba(255,0,204,.05);border:1px solid #fff}section.contact div.buttons-container a.button:hover img{border-right:1px solid #fff}section.contact div.buttons-container a.button.whatsapp{animation:start-animation-2 .5s ease forwards}section.contact div.buttons-container a.button.email{animation:start-animation-2 1s ease forwards}section.contact div.buttons-container a.button.linkedin{animation:start-animation-2 1.5s ease forwards}section.contact div.buttons-container a.button.github{animation:start-animation-2 2s ease forwards}section.contact h3{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.contact h3{font-size:80px;letter-spacing:10px;line-height:65px}}section.contact h3{font-size:25px;text-align:center;animation:start-animation-1 1s ease forwards}section.contact form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:800px;justify-self:center;align-self:center;animation:start-animation-1 1s ease forwards}section.contact form input{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;font-weight:400;background-color:rgba(0,0,0,0);border:1px solid #5e5e5e;padding:20px;border-radius:6px;color:#fff;font-size:16px}section.contact form textarea{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;font-weight:400;background-color:rgba(0,0,0,0);border:1px solid #5e5e5e;padding:20px;border-radius:6px;color:#fff;font-size:16px;min-height:200px}section.contact form button{padding:20px;font-size:16px;border-radius:6px;cursor:pointer;letter-spacing:5px;border:none;border-radius:6px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;box-shadow:0 5px 10px 0 rgba(255,0,204,.2);background:linear-gradient(33deg, #ff00fb, #8c00ff, #ff00fb);font-size:20px;font-weight:900;color:#fff;border:2px solid rgba(255,0,204,.2);animation:button-animation 4s ease-in-out infinite;transition:.3s ease}section.contact form button:hover{transform:scale(1.02);box-shadow:0 5px 10px 0 rgba(255,0,204,.6);border:2px solid rgba(255,0,204,.8)}section.contact form button:active{transform:scale(0.95);box-shadow:0 5px 10px 0 rgba(255,0,204,.6);border:2px solid rgba(255,0,204,.8)}section.custom-tictactoe{min-height:100vh;background:linear-gradient(180deg, #160015, #221c22);display:grid;place-items:center;gap:30px;grid-template-columns:repeat(1, 1fr);padding:80px 60px 80px 60px}section.custom-tictactoe img.project-img{width:60%;max-width:400px;min-width:200px;align-self:center;border-radius:50%;border:1px solid rgba(255,0,204,.5);box-shadow:0 0 40px rgba(255,0,204,.5);animation:start-animation-2 1s ease forwards,project-icon-animation 4s ease infinite;animation-delay:0s,1s}section.custom-tictactoe div.content{display:flex;flex-direction:column;gap:16px}section.custom-tictactoe div.content div.title-container{display:flex;gap:10px;justify-content:start;align-items:center}section.custom-tictactoe div.content div.title-container a.return-arrow{position:absolute;left:15px;opacity:.75;transition:.3s ease}section.custom-tictactoe div.content div.title-container a.return-arrow img{width:30px}section.custom-tictactoe div.content div.title-container a.return-arrow:hover{transform:scale(1.1);opacity:1}section.custom-tictactoe div.content div.title-container a.return-arrow:active{transform:scale(0.95)}section.custom-tictactoe div.content div.title-container h2{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.custom-tictactoe div.content div.title-container h2{font-size:80px;letter-spacing:10px;line-height:65px}}section.custom-tictactoe div.content div.title-container h2{animation:start-animation-2 1s ease forwards}section.custom-tictactoe div.content div.title-container img{width:70px}section.custom-tictactoe div.content div.skills-container{display:flex;gap:10px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left}section.custom-tictactoe div.content div.skills-container p{font-size:14px;background-color:rgba(255,0,204,.2);padding:4px;border-radius:4px;animation:start-animation-1 1s ease forwards}section.custom-tictactoe div.content div.texts-container{display:flex;flex-direction:column;gap:10px}section.custom-tictactoe div.content div.texts-container p.text{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;font-size:14px;animation:start-animation-1 1s ease forwards}section.custom-tictactoe div.content div.buttons-container{display:flex;flex-direction:column;gap:10px;animation:start-animation-1 1s ease forwards}section.custom-tictactoe div.content div.buttons-container a.test-button{width:100%;text-decoration:none}section.custom-tictactoe div.content div.buttons-container a.test-button button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;box-shadow:0 5px 10px 0 rgba(255,0,204,.2);background:linear-gradient(33deg, #ff00fb, #8c00ff, #ff00fb);font-size:20px;font-weight:900;color:#fff;border:2px solid rgba(255,0,204,.2);animation:button-animation 4s ease-in-out infinite;transition:.3s ease}section.custom-tictactoe div.content div.buttons-container a.test-button button:hover{transform:scale(1.02);box-shadow:0 5px 10px 0 rgba(255,0,204,.6);border:2px solid rgba(255,0,204,.8)}section.custom-tictactoe div.content div.buttons-container a.test-button button:active{transform:scale(0.95);box-shadow:0 5px 10px 0 rgba(255,0,204,.6);border:2px solid rgba(255,0,204,.8)}section.custom-tictactoe div.content div.buttons-container a.test-button button{border-radius:10px;padding:8px}section.custom-tictactoe div.content div.buttons-container a.github-button{width:100%;text-decoration:none}section.custom-tictactoe div.content div.buttons-container a.github-button button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;background:rgba(0,0,0,0);border:1px solid #5e5e5e;font-size:18px;color:#b2b2b2;transition:.3s ease}section.custom-tictactoe div.content div.buttons-container a.github-button button:hover{border:1px solid #fff;letter-spacing:8px}section.custom-tictactoe div.content div.buttons-container a.github-button button{display:flex;justify-content:center;align-items:center;gap:10px;border-radius:10px;padding:8px}section.custom-tictactoe div.content div.buttons-container a.github-button button img{width:25px}section.custom-tictactoe-previews{padding:80px 20px 150px 20px;display:flex;flex-direction:column;gap:30px;background-image:url("../../../img/background/background3.png");background-repeat:no-repeat;background-size:cover;align-items:center}section.custom-tictactoe-previews h2{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.custom-tictactoe-previews h2{font-size:80px;letter-spacing:10px;line-height:65px}}section.custom-tictactoe-previews div.mockup-wrapper{width:100%;display:flex;justify-content:center}section.custom-tictactoe-previews div.mockup-wrapper div.mockup{width:100%;max-width:600px;background-size:cover;background-image:url("../../../img/projects/custom-tictactoe-phone-v.png");aspect-ratio:16/16;transform:rotate(90deg);cursor:pointer;transition:1s ease}section.custom-tictactoe-previews div.mockup-wrapper div.mockup:hover{transform:scale(1.05) rotate(90deg)}section.custom-tictactoe-previews div.mockup-wrapper div.mockup.horizontal{background-image:url("../../../img/projects/custom-tictactoe-phone-h.png");transform:rotate(0deg)}@media(orientation: landscape){section.custom-tictactoe{grid-template-columns:repeat(2, 1fr)}section.custom-tictactoe img.project-img{width:80%}section.custom-tictactoe div.content{gap:30px}section.custom-tictactoe div.content div.title-container a.return-arrow{position:absolute;left:80px;top:100px}section.custom-tictactoe div.content div.title-container a.return-arrow img{width:40px}section.custom-tictactoe div.content div.buttons-container{gap:20px}section.custom-tictactoe div.content div.buttons-container a.test-button button{padding:16px}section.custom-tictactoe div.content div.buttons-container a.github-button{width:100%;text-decoration:none}section.custom-tictactoe div.content div.buttons-container a.github-button button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;background:rgba(0,0,0,0);border:1px solid #5e5e5e;font-size:18px;color:#b2b2b2;transition:.3s ease}section.custom-tictactoe div.content div.buttons-container a.github-button button:hover{border:1px solid #fff;letter-spacing:8px}section.custom-tictactoe div.content div.buttons-container a.github-button button{padding:16px;border-radius:10px}section.custom-tictactoe div.content div.buttons-container a.github-button button img{width:25px}section.custom-tictactoe{gap:50px}}section.luciana-psico{min-height:100vh;background:linear-gradient(180deg, #160015, #221c22);display:grid;place-items:center;gap:30px;grid-template-columns:repeat(1, 1fr);padding:80px 60px 80px 60px}section.luciana-psico img.project-img{width:60%;max-width:400px;min-width:200px;align-self:center;border-radius:50%;border:2px solid #00fd00;box-shadow:0 0 40px green;animation:start-animation-2 1s ease forwards,project-icon-animation 4s ease infinite;animation-delay:0s,1s}section.luciana-psico div.content{display:flex;flex-direction:column;gap:16px}section.luciana-psico div.content div.title-container{display:flex;gap:10px;justify-content:start;align-items:center}section.luciana-psico div.content div.title-container a.return-arrow{position:absolute;left:15px;opacity:.75;transition:.3s ease}section.luciana-psico div.content div.title-container a.return-arrow img{width:30px}section.luciana-psico div.content div.title-container a.return-arrow:hover{transform:scale(1.1);opacity:1}section.luciana-psico div.content div.title-container a.return-arrow:active{transform:scale(0.95)}section.luciana-psico div.content div.title-container h2{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.luciana-psico div.content div.title-container h2{font-size:80px;letter-spacing:10px;line-height:65px}}section.luciana-psico div.content div.title-container h2{animation:start-animation-2 1s ease forwards}section.luciana-psico div.content div.title-container img{width:70px}section.luciana-psico div.content div.skills-container{display:flex;gap:10px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left}section.luciana-psico div.content div.skills-container p{font-size:14px;background-color:rgba(255,0,204,.2);padding:4px;border-radius:4px;animation:start-animation-1 1s ease forwards}section.luciana-psico div.content div.texts-container{display:flex;flex-direction:column;gap:10px}section.luciana-psico div.content div.texts-container p.text{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;font-size:14px;animation:start-animation-1 1s ease forwards}section.luciana-psico div.content div.buttons-container{display:flex;flex-direction:column;gap:10px;animation:start-animation-1 1s ease forwards}section.luciana-psico div.content div.buttons-container a.test-button{width:100%;text-decoration:none}section.luciana-psico div.content div.buttons-container a.test-button button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;box-shadow:0 5px 10px 0 rgba(255,0,204,.2);background:linear-gradient(33deg, #ff00fb, #8c00ff, #ff00fb);font-size:20px;font-weight:900;color:#fff;border:2px solid rgba(255,0,204,.2);animation:button-animation 4s ease-in-out infinite;transition:.3s ease}section.luciana-psico div.content div.buttons-container a.test-button button:hover{transform:scale(1.02);box-shadow:0 5px 10px 0 rgba(255,0,204,.6);border:2px solid rgba(255,0,204,.8)}section.luciana-psico div.content div.buttons-container a.test-button button:active{transform:scale(0.95);box-shadow:0 5px 10px 0 rgba(255,0,204,.6);border:2px solid rgba(255,0,204,.8)}section.luciana-psico div.content div.buttons-container a.test-button button{border-radius:10px;padding:8px}section.luciana-psico div.content div.buttons-container a.github-button{width:100%;text-decoration:none}section.luciana-psico div.content div.buttons-container a.github-button button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;background:rgba(0,0,0,0);border:1px solid #5e5e5e;font-size:18px;color:#b2b2b2;transition:.3s ease}section.luciana-psico div.content div.buttons-container a.github-button button:hover{border:1px solid #fff;letter-spacing:8px}section.luciana-psico div.content div.buttons-container a.github-button button{display:flex;justify-content:center;align-items:center;gap:10px;border-radius:10px;padding:8px}section.luciana-psico div.content div.buttons-container a.github-button button img{width:25px}section.luciana-psico-previews{padding:80px 20px 150px 20px;display:flex;flex-direction:column;gap:30px;background-image:url("../../../img/background/background3.png");background-repeat:no-repeat;background-size:cover;align-items:center}section.luciana-psico-previews h2{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.luciana-psico-previews h2{font-size:80px;letter-spacing:10px;line-height:65px}}section.luciana-psico-previews div.mockup-wrapper{width:100%;display:flex;justify-content:center}section.luciana-psico-previews div.mockup-wrapper div.mockup{width:100%;max-width:600px;background-size:cover;background-image:url("../../../img/projects/luciana-psico-phone-v.png");aspect-ratio:16/16;transform:rotate(90deg);cursor:pointer;transition:1s ease}section.luciana-psico-previews div.mockup-wrapper div.mockup:hover{transform:scale(1.05) rotate(90deg)}section.luciana-psico-previews div.mockup-wrapper div.mockup.horizontal{background-image:url("../../../img/projects/luciana-psico-phone-h.png");transform:rotate(0deg)}@media(orientation: landscape){section.luciana-psico{grid-template-columns:repeat(2, 1fr)}section.luciana-psico img.project-img{width:80%}section.luciana-psico div.content{gap:30px}section.luciana-psico div.content div.title-container a.return-arrow{position:absolute;left:80px;top:100px}section.luciana-psico div.content div.title-container a.return-arrow img{width:40px}section.luciana-psico div.content div.buttons-container{gap:20px}section.luciana-psico div.content div.buttons-container a.test-button button{padding:16px}section.luciana-psico div.content div.buttons-container a.github-button{width:100%;text-decoration:none}section.luciana-psico div.content div.buttons-container a.github-button button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;background:rgba(0,0,0,0);border:1px solid #5e5e5e;font-size:18px;color:#b2b2b2;transition:.3s ease}section.luciana-psico div.content div.buttons-container a.github-button button:hover{border:1px solid #fff;letter-spacing:8px}section.luciana-psico div.content div.buttons-container a.github-button button{padding:16px;border-radius:10px}section.luciana-psico div.content div.buttons-container a.github-button button img{width:25px}section.luciana-psico-previews{gap:50px}}section.picode{min-height:100vh;background:linear-gradient(180deg, #160015, #221c22);display:grid;place-items:center;gap:30px;grid-template-columns:repeat(1, 1fr);padding:80px 60px 80px 60px}section.picode img.project-img{width:60%;max-width:400px;min-width:200px;align-self:center;border-radius:50%;border:1px solid rgba(255,0,204,.5);box-shadow:0 0 40px rgba(255,0,204,.5);animation:start-animation-2 1s ease forwards,project-icon-animation 4s ease infinite;animation-delay:0s,1s}section.picode div.content{display:flex;flex-direction:column;gap:16px}section.picode div.content div.title-container{display:flex;gap:10px;justify-content:start;align-items:center}section.picode div.content div.title-container a.return-arrow{position:absolute;left:15px;opacity:.75;transition:.3s ease}section.picode div.content div.title-container a.return-arrow img{width:30px}section.picode div.content div.title-container a.return-arrow:hover{transform:scale(1.1);opacity:1}section.picode div.content div.title-container a.return-arrow:active{transform:scale(0.95)}section.picode div.content div.title-container h2{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.picode div.content div.title-container h2{font-size:80px;letter-spacing:10px;line-height:65px}}section.picode div.content div.title-container h2{animation:start-animation-2 1s ease forwards}section.picode div.content div.title-container img{width:70px}section.picode div.content div.skills-container{display:flex;gap:10px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left}section.picode div.content div.skills-container p{font-size:14px;background-color:rgba(255,0,204,.2);padding:4px;border-radius:4px;animation:start-animation-1 1s ease forwards}section.picode div.content div.texts-container{display:flex;flex-direction:column;gap:10px}section.picode div.content div.texts-container p.text{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;font-size:14px;animation:start-animation-1 1s ease forwards}section.picode div.content div.buttons-container{display:flex;flex-direction:column;gap:10px;animation:start-animation-1 1s ease forwards}section.picode div.content div.buttons-container a.test-button{width:100%;text-decoration:none}section.picode div.content div.buttons-container a.test-button button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;box-shadow:0 5px 10px 0 rgba(255,0,204,.2);background:linear-gradient(33deg, #ff00fb, #8c00ff, #ff00fb);font-size:20px;font-weight:900;color:#fff;border:2px solid rgba(255,0,204,.2);animation:button-animation 4s ease-in-out infinite;transition:.3s ease}section.picode div.content div.buttons-container a.test-button button:hover{transform:scale(1.02);box-shadow:0 5px 10px 0 rgba(255,0,204,.6);border:2px solid rgba(255,0,204,.8)}section.picode div.content div.buttons-container a.test-button button:active{transform:scale(0.95);box-shadow:0 5px 10px 0 rgba(255,0,204,.6);border:2px solid rgba(255,0,204,.8)}section.picode div.content div.buttons-container a.test-button button{border-radius:10px;padding:8px}section.picode div.content div.buttons-container a.github-button{width:100%;text-decoration:none}section.picode div.content div.buttons-container a.github-button button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;background:rgba(0,0,0,0);border:1px solid #5e5e5e;font-size:18px;color:#b2b2b2;transition:.3s ease}section.picode div.content div.buttons-container a.github-button button:hover{border:1px solid #fff;letter-spacing:8px}section.picode div.content div.buttons-container a.github-button button{display:flex;justify-content:center;align-items:center;gap:10px;border-radius:10px;padding:8px}section.picode div.content div.buttons-container a.github-button button img{width:25px}section.picode-previews{padding:80px 20px 150px 20px;display:flex;flex-direction:column;gap:30px;background-image:url("../../../img/background/background3.png");background-repeat:no-repeat;background-size:cover;align-items:center}section.picode-previews h2{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.picode-previews h2{font-size:80px;letter-spacing:10px;line-height:65px}}section.picode-previews div.mockup-wrapper{width:100%;display:flex;justify-content:center}section.picode-previews div.mockup-wrapper div.mockup{width:100%;max-width:600px;background-size:cover;background-image:url("../../../img/projects/picode-phone-v.png");aspect-ratio:16/16;transform:rotate(90deg);cursor:pointer;transition:1s ease}section.picode-previews div.mockup-wrapper div.mockup:hover{transform:scale(1.05) rotate(90deg)}section.picode-previews div.mockup-wrapper div.mockup.horizontal{background-image:url("../../../img/projects/picode-phone-h.png");transform:rotate(0deg)}@media(orientation: landscape){section.picode{grid-template-columns:repeat(2, 1fr)}section.picode img.project-img{width:80%}section.picode div.content{gap:30px}section.picode div.content div.title-container a.return-arrow{position:absolute;left:80px;top:100px}section.picode div.content div.title-container a.return-arrow img{width:40px}section.picode div.content div.buttons-container{gap:20px}section.picode div.content div.buttons-container a.test-button button{padding:16px}section.picode div.content div.buttons-container a.github-button{width:100%;text-decoration:none}section.picode div.content div.buttons-container a.github-button button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;background:rgba(0,0,0,0);border:1px solid #5e5e5e;font-size:18px;color:#b2b2b2;transition:.3s ease}section.picode div.content div.buttons-container a.github-button button:hover{border:1px solid #fff;letter-spacing:8px}section.picode div.content div.buttons-container a.github-button button{padding:16px;border-radius:10px}section.picode div.content div.buttons-container a.github-button button img{width:25px}section.picode-previews{gap:50px}}section.quokka{min-height:100vh;background:linear-gradient(180deg, #160015, #221c22);display:grid;place-items:center;gap:30px;grid-template-columns:repeat(1, 1fr);padding:80px 60px 80px 60px}section.quokka img.project-img{width:60%;max-width:400px;min-width:200px;align-self:center;border-radius:50%;border:2px solid #ff0;box-shadow:0 0 40px #ff0;animation:start-animation-2 1s ease forwards,project-icon-animation 4s ease infinite;animation-delay:0s,1s}section.quokka div.content{display:flex;flex-direction:column;gap:16px}section.quokka div.content div.title-container{display:flex;gap:10px;justify-content:start;align-items:center}section.quokka div.content div.title-container a.return-arrow{position:absolute;left:15px;opacity:.75;transition:.3s ease}section.quokka div.content div.title-container a.return-arrow img{width:30px}section.quokka div.content div.title-container a.return-arrow:hover{transform:scale(1.1);opacity:1}section.quokka div.content div.title-container a.return-arrow:active{transform:scale(0.95)}section.quokka div.content div.title-container h2{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.quokka div.content div.title-container h2{font-size:80px;letter-spacing:10px;line-height:65px}}section.quokka div.content div.title-container h2{animation:start-animation-2 1s ease forwards}section.quokka div.content div.title-container img{width:70px}section.quokka div.content div.skills-container{display:flex;gap:10px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left}section.quokka div.content div.skills-container p{font-size:14px;background-color:rgba(255,0,204,.2);padding:4px;border-radius:4px;animation:start-animation-1 1s ease forwards}section.quokka div.content div.texts-container{display:flex;flex-direction:column;gap:10px}section.quokka div.content div.texts-container p.text{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;font-size:14px;animation:start-animation-1 1s ease forwards}section.quokka div.content div.buttons-container{display:flex;flex-direction:column;gap:10px;animation:start-animation-1 1s ease forwards}section.quokka div.content div.buttons-container a.test-button{width:100%;text-decoration:none}section.quokka div.content div.buttons-container a.test-button button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;box-shadow:0 5px 10px 0 rgba(255,0,204,.2);background:linear-gradient(33deg, #ff00fb, #8c00ff, #ff00fb);font-size:20px;font-weight:900;color:#fff;border:2px solid rgba(255,0,204,.2);animation:button-animation 4s ease-in-out infinite;transition:.3s ease}section.quokka div.content div.buttons-container a.test-button button:hover{transform:scale(1.02);box-shadow:0 5px 10px 0 rgba(255,0,204,.6);border:2px solid rgba(255,0,204,.8)}section.quokka div.content div.buttons-container a.test-button button:active{transform:scale(0.95);box-shadow:0 5px 10px 0 rgba(255,0,204,.6);border:2px solid rgba(255,0,204,.8)}section.quokka div.content div.buttons-container a.test-button button{border-radius:10px;padding:8px}section.quokka div.content div.buttons-container a.github-button{width:100%;text-decoration:none}section.quokka div.content div.buttons-container a.github-button button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;background:rgba(0,0,0,0);border:1px solid #5e5e5e;font-size:18px;color:#b2b2b2;transition:.3s ease}section.quokka div.content div.buttons-container a.github-button button:hover{border:1px solid #fff;letter-spacing:8px}section.quokka div.content div.buttons-container a.github-button button{display:flex;justify-content:center;align-items:center;gap:10px;border-radius:10px;padding:8px}section.quokka div.content div.buttons-container a.github-button button img{width:25px}section.quokka-previews{padding:80px 20px 150px 20px;display:flex;flex-direction:column;gap:30px;background-image:url("../../../img/background/background3.png");background-repeat:no-repeat;background-size:cover;align-items:center}section.quokka-previews h2{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.quokka-previews h2{font-size:80px;letter-spacing:10px;line-height:65px}}section.quokka-previews div.mockup-wrapper{width:100%;display:flex;justify-content:center}section.quokka-previews div.mockup-wrapper div.mockup{width:100%;max-width:600px;background-size:cover;background-image:url("../../../img/projects/quokka-phone-v.png");aspect-ratio:16/16;transform:rotate(90deg);cursor:pointer;transition:1s ease}section.quokka-previews div.mockup-wrapper div.mockup:hover{transform:scale(1.05) rotate(90deg)}section.quokka-previews div.mockup-wrapper div.mockup.horizontal{background-image:url("../../../img/projects/quokka-phone-h.png");transform:rotate(0deg)}@media(orientation: landscape){section.quokka{grid-template-columns:repeat(2, 1fr)}section.quokka img.project-img{width:80%}section.quokka div.content{gap:30px}section.quokka div.content div.title-container a.return-arrow{position:absolute;left:80px;top:100px}section.quokka div.content div.title-container a.return-arrow img{width:40px}section.quokka div.content div.buttons-container{gap:20px}section.quokka div.content div.buttons-container a.test-button button{padding:16px}section.quokka div.content div.buttons-container a.github-button{width:100%;text-decoration:none}section.quokka div.content div.buttons-container a.github-button button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;background:rgba(0,0,0,0);border:1px solid #5e5e5e;font-size:18px;color:#b2b2b2;transition:.3s ease}section.quokka div.content div.buttons-container a.github-button button:hover{border:1px solid #fff;letter-spacing:8px}section.quokka div.content div.buttons-container a.github-button button{padding:16px;border-radius:10px}section.quokka div.content div.buttons-container a.github-button button img{width:25px}section.quokka-previews{gap:50px}}section.savio-sena{min-height:100vh;background:linear-gradient(180deg, #160015, #221c22);display:grid;place-items:center;gap:30px;grid-template-columns:repeat(1, 1fr);padding:80px 60px 80px 60px}section.savio-sena img.project-img{width:60%;max-width:400px;min-width:200px;align-self:center;border-radius:50%;border:2px solid #00f800;box-shadow:0 0 40px green;animation:start-animation-2 1s ease forwards,project-icon-animation 4s ease infinite;animation-delay:0s,1s}section.savio-sena div.content{display:flex;flex-direction:column;gap:16px}section.savio-sena div.content div.title-container{display:flex;gap:10px;justify-content:start;align-items:center}section.savio-sena div.content div.title-container a.return-arrow{position:absolute;left:15px;opacity:.75;transition:.3s ease}section.savio-sena div.content div.title-container a.return-arrow img{width:30px}section.savio-sena div.content div.title-container a.return-arrow:hover{transform:scale(1.1);opacity:1}section.savio-sena div.content div.title-container a.return-arrow:active{transform:scale(0.95)}section.savio-sena div.content div.title-container h2{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.savio-sena div.content div.title-container h2{font-size:80px;letter-spacing:10px;line-height:65px}}section.savio-sena div.content div.title-container h2{animation:start-animation-2 1s ease forwards}section.savio-sena div.content div.title-container img{width:70px}section.savio-sena div.content div.skills-container{display:flex;gap:10px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left}section.savio-sena div.content div.skills-container p{font-size:14px;background-color:rgba(255,0,204,.2);padding:4px;border-radius:4px;animation:start-animation-1 1s ease forwards}section.savio-sena div.content div.texts-container{display:flex;flex-direction:column;gap:10px}section.savio-sena div.content div.texts-container p.text{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;font-size:14px;animation:start-animation-1 1s ease forwards}section.savio-sena div.content div.buttons-container{display:flex;flex-direction:column;gap:10px;animation:start-animation-1 1s ease forwards}section.savio-sena div.content div.buttons-container a.test-button{width:100%;text-decoration:none}section.savio-sena div.content div.buttons-container a.test-button button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;box-shadow:0 5px 10px 0 rgba(255,0,204,.2);background:linear-gradient(33deg, #ff00fb, #8c00ff, #ff00fb);font-size:20px;font-weight:900;color:#fff;border:2px solid rgba(255,0,204,.2);animation:button-animation 4s ease-in-out infinite;transition:.3s ease}section.savio-sena div.content div.buttons-container a.test-button button:hover{transform:scale(1.02);box-shadow:0 5px 10px 0 rgba(255,0,204,.6);border:2px solid rgba(255,0,204,.8)}section.savio-sena div.content div.buttons-container a.test-button button:active{transform:scale(0.95);box-shadow:0 5px 10px 0 rgba(255,0,204,.6);border:2px solid rgba(255,0,204,.8)}section.savio-sena div.content div.buttons-container a.test-button button{border-radius:10px;padding:8px}section.savio-sena div.content div.buttons-container a.github-button{width:100%;text-decoration:none}section.savio-sena div.content div.buttons-container a.github-button button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;background:rgba(0,0,0,0);border:1px solid #5e5e5e;font-size:18px;color:#b2b2b2;transition:.3s ease}section.savio-sena div.content div.buttons-container a.github-button button:hover{border:1px solid #fff;letter-spacing:8px}section.savio-sena div.content div.buttons-container a.github-button button{display:flex;justify-content:center;align-items:center;gap:10px;border-radius:10px;padding:8px}section.savio-sena div.content div.buttons-container a.github-button button img{width:25px}section.savio-sena-previews{padding:80px 20px 150px 20px;display:flex;flex-direction:column;gap:30px;background-image:url("../../../img/background/background3.png");background-repeat:no-repeat;background-size:cover;align-items:center}section.savio-sena-previews h2{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.savio-sena-previews h2{font-size:80px;letter-spacing:10px;line-height:65px}}section.savio-sena-previews div.mockup-wrapper{width:100%;display:flex;justify-content:center}section.savio-sena-previews div.mockup-wrapper div.mockup{width:100%;max-width:600px;background-size:cover;background-image:url("../../../img/projects/savio-sena-phone-v.png");aspect-ratio:16/16;transform:rotate(90deg);cursor:pointer;transition:1s ease}section.savio-sena-previews div.mockup-wrapper div.mockup:hover{transform:scale(1.05) rotate(90deg)}section.savio-sena-previews div.mockup-wrapper div.mockup.horizontal{background-image:url("../../../img/projects/savio-sena-phone-h.png");transform:rotate(0deg)}@media(orientation: landscape){section.savio-sena{grid-template-columns:repeat(2, 1fr)}section.savio-sena img.project-img{width:80%}section.savio-sena div.content{gap:30px}section.savio-sena div.content div.title-container a.return-arrow{position:absolute;left:80px;top:100px}section.savio-sena div.content div.title-container a.return-arrow img{width:40px}section.savio-sena div.content div.buttons-container{gap:20px}section.savio-sena div.content div.buttons-container a.test-button button{padding:16px}section.savio-sena div.content div.buttons-container a.github-button{width:100%;text-decoration:none}section.savio-sena div.content div.buttons-container a.github-button button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;background:rgba(0,0,0,0);border:1px solid #5e5e5e;font-size:18px;color:#b2b2b2;transition:.3s ease}section.savio-sena div.content div.buttons-container a.github-button button:hover{border:1px solid #fff;letter-spacing:8px}section.savio-sena div.content div.buttons-container a.github-button button{padding:16px;border-radius:10px}section.savio-sena div.content div.buttons-container a.github-button button img{width:25px}section.picode-previews{gap:50px}}section.calculatorts{min-height:100vh;background:linear-gradient(180deg, #160015, #221c22);display:grid;place-items:center;gap:30px;grid-template-columns:repeat(1, 1fr);padding:80px 60px 80px 60px}section.calculatorts img.project-img{width:60%;max-width:400px;min-width:200px;align-self:center;border-radius:50%;border:2px solid #f87400;box-shadow:0 0 40px #804d00;animation:start-animation-2 1s ease forwards,project-icon-animation 4s ease infinite;animation-delay:0s,1s}section.calculatorts div.content{display:flex;flex-direction:column;gap:16px}section.calculatorts div.content div.title-container{display:flex;gap:10px;justify-content:start;align-items:center}section.calculatorts div.content div.title-container a.return-arrow{position:absolute;left:15px;opacity:.75;transition:.3s ease}section.calculatorts div.content div.title-container a.return-arrow img{width:30px}section.calculatorts div.content div.title-container a.return-arrow:hover{transform:scale(1.1);opacity:1}section.calculatorts div.content div.title-container a.return-arrow:active{transform:scale(0.95)}section.calculatorts div.content div.title-container h2{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.calculatorts div.content div.title-container h2{font-size:80px;letter-spacing:10px;line-height:65px}}section.calculatorts div.content div.title-container h2{animation:start-animation-2 1s ease forwards}section.calculatorts div.content div.title-container img{width:70px}section.calculatorts div.content div.skills-container{display:flex;gap:10px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left}section.calculatorts div.content div.skills-container p{font-size:14px;background-color:rgba(255,0,204,.2);padding:4px;border-radius:4px;animation:start-animation-1 1s ease forwards}section.calculatorts div.content div.texts-container{display:flex;flex-direction:column;gap:10px}section.calculatorts div.content div.texts-container p.text{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#b2b2b2;text-align:left;font-size:14px;animation:start-animation-1 1s ease forwards}section.calculatorts div.content div.buttons-container{display:flex;flex-direction:column;gap:10px;animation:start-animation-1 1s ease forwards}section.calculatorts div.content div.buttons-container a.test-button{width:100%;text-decoration:none}section.calculatorts div.content div.buttons-container a.test-button button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;box-shadow:0 5px 10px 0 rgba(255,0,204,.2);background:linear-gradient(33deg, #ff00fb, #8c00ff, #ff00fb);font-size:20px;font-weight:900;color:#fff;border:2px solid rgba(255,0,204,.2);animation:button-animation 4s ease-in-out infinite;transition:.3s ease}section.calculatorts div.content div.buttons-container a.test-button button:hover{transform:scale(1.02);box-shadow:0 5px 10px 0 rgba(255,0,204,.6);border:2px solid rgba(255,0,204,.8)}section.calculatorts div.content div.buttons-container a.test-button button:active{transform:scale(0.95);box-shadow:0 5px 10px 0 rgba(255,0,204,.6);border:2px solid rgba(255,0,204,.8)}section.calculatorts div.content div.buttons-container a.test-button button{border-radius:10px;padding:8px}section.calculatorts div.content div.buttons-container a.github-button{width:100%;text-decoration:none}section.calculatorts div.content div.buttons-container a.github-button button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;background:rgba(0,0,0,0);border:1px solid #5e5e5e;font-size:18px;color:#b2b2b2;transition:.3s ease}section.calculatorts div.content div.buttons-container a.github-button button:hover{border:1px solid #fff;letter-spacing:8px}section.calculatorts div.content div.buttons-container a.github-button button{display:flex;justify-content:center;align-items:center;gap:10px;border-radius:10px;padding:8px}section.calculatorts div.content div.buttons-container a.github-button button img{width:25px}section.calculatorts-previews{padding:80px 20px 150px 20px;display:flex;flex-direction:column;gap:30px;background-image:url("../../../img/background/background3.png");background-repeat:no-repeat;background-size:cover;align-items:center}section.calculatorts-previews h2{font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;color:#fff;font-size:35px;font-weight:900}@media(orientation: landscape){section.calculatorts-previews h2{font-size:80px;letter-spacing:10px;line-height:65px}}section.calculatorts-previews div.mockup-wrapper{width:100%;display:flex;justify-content:center}section.calculatorts-previews div.mockup-wrapper div.mockup{width:100%;max-width:600px;background-size:cover;background-image:url("../../../img/projects/calculatorts-phone-v.png");aspect-ratio:16/16;transform:rotate(90deg);cursor:pointer;transition:1s ease}section.calculatorts-previews div.mockup-wrapper div.mockup:hover{transform:scale(1.05) rotate(90deg)}section.calculatorts-previews div.mockup-wrapper div.mockup.horizontal{background-image:url("../../../img/projects/calculatorts-phone-h.png");transform:rotate(0deg)}@media(orientation: landscape){section.calculatorts{grid-template-columns:repeat(2, 1fr)}section.calculatorts img.project-img{width:80%}section.calculatorts div.content{gap:30px}section.calculatorts div.content div.title-container a.return-arrow{position:absolute;left:80px;top:100px}section.calculatorts div.content div.title-container a.return-arrow img{width:40px}section.calculatorts div.content div.buttons-container{gap:20px}section.calculatorts div.content div.buttons-container a.test-button button{padding:16px}section.calculatorts div.content div.buttons-container a.github-button{width:100%;text-decoration:none}section.calculatorts div.content div.buttons-container a.github-button button{cursor:pointer;letter-spacing:5px;border:none;border-radius:80px;padding:12px;font-family:"Source Code Pro",monospace;font-optical-sizing:auto;font-weight:300;font-style:normal;width:100%;background:rgba(0,0,0,0);border:1px solid #5e5e5e;font-size:18px;color:#b2b2b2;transition:.3s ease}section.calculatorts div.content div.buttons-container a.github-button button:hover{border:1px solid #fff;letter-spacing:8px}section.calculatorts div.content div.buttons-container a.github-button button{padding:16px;border-radius:10px}section.calculatorts div.content div.buttons-container a.github-button button img{width:25px}section.calculatorts-previews{gap:50px}}*{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{scroll-behavior:smooth}div.scroll-progress-line{background:linear-gradient(45deg, #2f00ff, #ff00fb, #ff0037);height:10px;width:100%;margin-bottom:10px;border-radius:50px;transform-origin:0 50%;animation:progress-bar linear;animation-timeline:scroll()}span.text-highlight{font-weight:900}/*# sourceMappingURL=index.css.map */