:root{--bg-color-dark: #181a1b;--bg-color-light:#EAF1F9;--text-color: #d6dde5;--text-color-dark: #111111;--support-color-dark: #242424;--support-color-dark-2: #484848;--support-color-dark-3: #2e2e2e;--support-color-light: #f2f2f2}@font-face{font-family:Asap;src:url(/assets/fonts/Asap/static/Asap-Bold.ttf);font-weight:700}@font-face{font-family:Asap;src:url(/assets/fonts/Asap/static/Asap-Regular.ttf);font-weight:400}@font-face{font-family:Nunito;src:url(/assets/fonts/Nunito/Nunito-Regular.ttf);font-weight:400}h1,h2,h3,h4,h5,h6{color:#7866b2;margin:0;font-weight:700}h1,h2,h3,h4,h5,p,a,span,div,section{font-family:Asap}p,a,span,div,section{font-weight:400;font-family:Nunito,sans-serif}h2{margin:0;font-size:3.5rem;line-height:8.7rem;position:relative}h5{font-size:1.6rem;margin:0}h6{font-size:1.4em}input,textarea{font-size:1.2rem}a{text-decoration:none}section{margin:1em 0;position:relative}p{margin:0;font-size:1.2rem;position:relative}form{margin:1em 0;position:relative}@media only screen and (max-width: 40em){h2{margin:0;font-size:2rem;line-height:3.7rem;position:relative}h5{font-size:1.3rem;margin:0}h6{font-size:1.2}p{margin:0;font-size:1.1rem;position:relative}}.choicePage{height:100%;max-width:80vw;margin:auto}.choicePage .choiceText{padding-top:9rem}.choicePage .choiceText h1{color:var(--text-color);font-size:5rem}.choicePage .routerLinksChoice{width:65%;display:flex;flex-direction:column;margin-top:10vh;font-weight:700;margin-bottom:350px}.choicePage .routerLinksChoice a{display:flex;flex-direction:row;text-decoration:none;align-items:center}.choicePage .routerLinksChoice a.isActive .fullscreen-hover-image{opacity:1;transition-duration:.7s;transition-timing-function:ease-in-out;background-repeat:no-repeat}.choicePage .routerLinksChoice a.isActive span{font-family:Asap;transition-duration:.3s;transition-timing-function:ease-in-out;color:#7866b2;-webkit-text-stroke-width:0;-webkit-text-stroke-color:#7866b2}.choicePage .routerLinksChoice a.isActive .titleNumber{transform:translate(65px);transition-duration:.7s;transition-timing-function:ease-in-out}.choicePage .routerLinksChoice a.isActive .titleBetween{transform:scale(0);transition-duration:.7s;transition-timing-function:ease-in-out}.choicePage .routerLinksChoice a.isActive svg{display:block}.choicePage .routerLinksChoice svg{color:#7866b2;font-size:2rem;margin-top:.3em;display:none}.choicePage .routerLinksChoice span{margin:2rem 1rem;color:#0000;font-size:4rem;-webkit-text-stroke-width:.2px;-webkit-text-stroke-color:#7866b2;font-weight:700}.choicePage .routerLinksChoice .fullscreen-hover-image{opacity:0;position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;background-position:80% 45%}.choicePage .routerLinksChoice .titleNumber,.choicePage .routerLinksChoice .titleBetween{font-size:1.8rem}.choicePage .routerLinksChoice.mobile{width:100%;margin-top:4vh}.choicePage .routerLinksChoice.mobile a.isActive span{color:#0000;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#7866b2}.choicePage .routerLinksChoice.mobile a.isActive .titleNumber{transform:translate(0)}.choicePage .routerLinksChoice.mobile a.isActive .titleBetween{transform:scale(1)}.choicePage .routerLinksChoice.mobile span{margin:2rem 1rem;font-size:4rem}@media only screen and (max-width: 40em){.choicePage{height:100%;max-width:80vw;margin:auto}.choicePage .choiceText{padding-top:6rem}.choicePage .choiceText h1{font-size:2rem}.choicePage .routerLinksChoice.mobile{width:100%;margin-top:4vh;margin-bottom:500px}.choicePage .routerLinksChoice.mobile span{font-size:2em;margin:1.2rem 1rem}.choicePage .routerLinksChoice.mobile .fullscreen-hover-image{bottom:0;left:50%;background-position:bottom;background-size:contain;width:90%;transform:translate(-50%);height:870px}}@media only screen and (min-width: 40.1em)and (max-width: 48em){.choicePage{height:100%;max-width:80vw;margin:auto}.choicePage .choiceText{padding-top:5rem}.choicePage .choiceText h1{font-size:4rem}.choicePage .routerLinksChoice.mobile{width:100%;margin-top:4vh;margin-bottom:580px}.choicePage .routerLinksChoice.mobile span{font-size:3em;margin:1.2rem 1rem}.choicePage .routerLinksChoice.mobile .fullscreen-hover-image{bottom:0;left:50%;background-position:bottom;background-size:contain;width:90%;transform:translate(-50%);height:1100px}}@media only screen and (min-width: 48.1em)and (max-width: 64em){.choicePage{height:100%;max-width:80vw;margin:auto}.choicePage .choiceText{padding-top:5rem}.choicePage .choiceText h1{font-size:4rem}.choicePage .routerLinksChoice.mobile{width:100%;margin-top:4vh;margin-bottom:500px}.choicePage .routerLinksChoice.mobile a.isActive span{color:#0000;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#7866b2}.choicePage .routerLinksChoice.mobile a.isActive .titleNumber{transform:translate(0)}.choicePage .routerLinksChoice.mobile a.isActive .titleBetween{transform:scale(1)}.choicePage .routerLinksChoice.mobile span{font-size:3em;margin:1.2rem 1rem}.choicePage .routerLinksChoice.mobile .fullscreen-hover-image{bottom:0;left:50%;background-position:bottom;background-size:contain;width:60%;transform:translate(-50%);height:980px}}@media only screen and (min-width: 64.1em)and (max-width: 80em){.choicePage .choiceText h1{font-size:5rem}.choicePage .routerLinksChoice{margin-bottom:400px}.choicePage .routerLinksChoice span{font-size:3.5em;margin:1.2rem 1rem}.choicePage .routerLinksChoice .fullscreen-hover-image{bottom:0;left:70%;background-position:bottom;background-size:contain;width:60%;transform:translate(-50%);height:1050px}}.pageHB .topic.photo .topicContent{top:40%}.pageHB .photoPortfolio{display:grid;width:100%}.pageHB .photoPortfolio .photographyItem img{width:100%}.pageHB .photoPortfolio .swiper{width:100%;height:100%}.pageHB .photoPortfolio .swiper-slide{display:flex;justify-content:center;align-items:center}.pageHB .photoPortfolio .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.pageHB .photoPortfolio .swiper-pagination-bullet{background-color:#eaf1f9;color:#eaf1f9}.pageHB .photoPortfolio .swiper-button-prev,.pageHB .photoPortfolio .swiper-button-next{color:#eaf1f9}.pageHB .description{margin:2.5rem 1rem}.aboutMePage.mainContainer .topicContainer{margin:5rem 0}.aboutMePage.mainContainer .topicContainer.landingHeader{margin:200px 0 100px}.aboutMePage.mainContainer .aboutMe{display:grid;grid-template-columns:50% 1fr}.aboutMePage.mainContainer .aboutMe p{margin:1.5em 0}.aboutMePage.mainContainer .aboutMe .left{height:100%;width:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.aboutMePage.mainContainer .aboutMe .left .mainImage{width:50%;object-fit:contain;cursor:pointer;border-radius:50%;margin:2em 0 1em}.aboutMePage.mainContainer .aboutMe .left .mySkills{width:80%}.aboutMePage.mainContainer .aboutMe .left .mySkills h2{font-size:2.5rem;text-align:center;line-height:2.7em}.aboutMePage.mainContainer .aboutMe .left .mySkills .Skills{display:flex;flex-wrap:wrap;justify-content:center;font-size:2.5rem;gap:.8em;position:relative}.aboutMePage.mainContainer .aboutMe .left .mySkills .Skills div{display:flex;justify-content:center}.aboutMePage.mainContainer .aboutMe .left .mySkills .Skills img{width:50px;height:40px;object-fit:contain;margin:auto}.aboutMePage.mainContainer .aboutMe .left .mySkills .Skills .skill .skillName{display:none;font-size:.4em;position:absolute;top:-2.3em;padding:.5em;border-radius:50px;background-color:var(--support-color-dark)}.aboutMePage.mainContainer .aboutMe .left .mySkills .Skills .skill:hover .skillName{display:block}.aboutMePage.mainContainer .aboutMe .left .playRandomSong{color:#d6dde5;margin:1em 0;padding:1em 2em;background-color:var(--support-color-dark-2);font-size:1.2em;cursor:pointer;transition:all .3s ease-in-out;border-radius:50px;text-align:center}.aboutMePage.mainContainer .aboutMe .left .playRandomSong:hover{background-color:var(--support-color-dark-3)}.aboutMePage.mainContainer .aboutMe .left .playRandomSong svg{margin-right:.5em}.aboutMePage.mainContainer .aboutMe .left .spotifyWidget{width:90%;padding:2em 1em 0}.aboutMePage.mainContainer .aboutMe .left .spotifyWidget.hidden{display:none}@media only screen and (max-width: 64em){.aboutMePage.mainContainer .aboutMe{display:grid;grid-template-columns:1fr;justify-content:center;align-items:center}}.allProjectsPage.mainContainer .landingHeader{height:100%;margin-bottom:0}.allProjectsPage.mainContainer .topicContainer.allProjects{margin-top:0}.allProjectsPage h2{line-height:3.5rem;margin-top:5rem}.errorPage{text-align:center}.errorPage .errorDescription{margin-top:1em;margin-bottom:2em;font-size:2.5rem}.errorPage .landingHeader{height:100%;margin-bottom:0!important}.contact{text-align:center}.contact .landingHeader{height:100%;margin-bottom:0!important}.contact .contactMe{margin-top:1em;margin-bottom:2em;font-size:2.5rem}#canvas3D{width:100%;height:500px}.Note{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50px;background-color:var(--support-color-dark);z-index:99}.Note div{position:relative;padding:60px}.Note div p{padding:.5em 0;text-align:center}.Note svg{width:50px;height:40px;position:absolute;right:2%;top:5%;color:#7866b2;cursor:pointer}canvas:not(#myCanvas){position:absolute;top:0;width:100%;z-index:95}.message{position:relative;height:100vh;width:100%}.overlayPuzzle{position:absolute;top:0;left:0;height:100%;width:100%;display:block;background-color:#000;z-index:98;opacity:.7}.mainNavGroup{transition:top .3s;position:fixed;top:0;right:0;width:100vw;z-index:98;box-sizing:border-box;display:block;margin-top:2em}.mainNavGroup .mainNav{display:flex;justify-content:center;align-items:center;position:relative;max-width:1500px;box-sizing:border-box;margin:auto}.mainNavGroup .mainNav ul.routerLinks{box-sizing:border-box;display:flex;flex-direction:row;border-radius:50px;padding:20px 0;transition:color .3s ease-in-out;transition:background-color .3s ease-in-out}.mainNavGroup .mainNav ul.routerLinks li{list-style-type:none;display:flex;margin:0 1em}.mainNavGroup .mainNav ul.routerLinks li a.router-link-active{background-color:var(--support-color-dark-2);border-radius:50px}.mainNavGroup .mainNav ul.routerLinks li:first-of-type{display:flex;justify-content:center;align-items:center}.mainNavGroup .mainNav ul.routerLinks li:first-of-type a{padding-right:10px}.mainNavGroup .mainNav ul.routerLinks li:first-of-type svg{padding:0 5px}.mainNavGroup .mainNav ul.routerLinks a{font-weight:700;text-decoration:none;color:var(--text-color);transition:color .2s ease-out;font-size:20px;padding:10px 20px;margin:auto}.mainNavGroup .mainNav ul.routerLinks a:hover{color:#a599cc}.hamburgerButton{display:none}@media only screen and (max-width: 40em){.mainNavGroup .mainNav ul.routerLinks a{font-size:16px}}@media only screen and (min-width: 40.1em)and (max-width: 48em){.mainNavGroup .mainNav ul.routerLinks a{font-size:18px}}@media only screen and (min-width: 48.1em)and (max-width: 64em){.mainNavGroup .mainNav ul.routerLinks a{font-size:20px}}@media only screen and (max-width: 64em){.mainNavGroup{left:-100%;width:45%;height:100%;margin-top:0;transition:left .3s}.mainNavGroup.active{left:0}.mainNavGroup .mainNav{display:block;height:100%;margin:0;background-color:var(--support-color-dark)}.mainNavGroup .mainNav ul.routerLinks{display:flex;flex-direction:column;border-radius:0;gap:1em}.mainNavGroup .mainNav ul.routerLinks li:first-of-type{margin-top:7em}.hamburgerButton{display:block;position:fixed;top:4%;left:2%;z-index:99;transition:left .3s}.hamburgerButton.active{left:30%}.hamburgerButton #checkbox{display:none}.hamburgerButton .toggle{position:relative;width:30px;height:30px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition-duration:.3s}.hamburgerButton .bars{width:100%;height:4px;background-color:#fdfff3;border-radius:5px;transition-duration:.3s}.hamburgerButton #checkbox:checked+.toggle #bar2{transform:translateY(14px) rotate(60deg);margin-left:0;transform-origin:right;transition-duration:.3s;z-index:2}.hamburgerButton #checkbox:checked+.toggle #bar1{transform:translateY(28px) rotate(-60deg);transition-duration:.3s;transform-origin:left;z-index:1}.hamburgerButton #checkbox:checked+.toggle{transform:rotate(-90deg)}}.footer{position:relative;width:100%;background-color:var(--support-color-dark);transition:color .3s ease-in-out;transition:background-color .3s ease-in-out}.footer .footerContent{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2em}.footer .footerContent .navbarFooter{display:flex;flex-direction:row;list-style:none;margin:0;font-size:1.2em}.footer .footerContent .navbarFooter li{padding:.5em}.footer .footerContent .navbarFooter a{color:var(--text-color);transition:color .2s ease-out}.footer .footerContent .navbarFooter a:hover{color:#a599cc}.footer .footerContent .copyright{display:flex;justify-content:center;align-items:center;gap:1em;font-size:.8em;color:var(--support-color-dark-2)}.footer .footerContent .copyright p{font-size:1.2em}.footer .footerContent .copyright svg{color:var(--support-color-dark-2)}@media only screen and (max-width: 40em){.footer .footerContent .navbarFooter{flex-direction:column;align-items:center;margin:1em 0}}.socials{display:flex;justify-content:center;gap:1em;font-size:1.2em}.socials svg{color:var(--text-color)}.landingHeader{height:100%}.landingHeader .titleContainer{display:flex;flex-direction:column}.landingHeader .titleContainer .landingTitle{font-size:6em;text-align:center;color:#7866b2;font-weight:700;font-family:Asap}.landingHeader .titleContainer .description{margin:5vh auto;font-size:1.5em;color:var(--text-color);text-align:center;width:70%;display:block}@media only screen and (max-width: 40em){.landingHeader .titleContainer .landingTitle{font-size:3em}.landingHeader .titleContainer .description{font-size:1.2em}}.mainContainer .topic .topicContent.newTopics{display:flex;justify-content:center;gap:5em;margin:auto}.mainContainer .topic .topicContent.newTopics .topicAnchor{background-color:var(--support-color-dark);border-radius:50px;font-size:1.7em;text-align:center;padding:40px;width:290px;display:flex;flex-direction:column;align-items:center;color:#a599cc;position:relative;top:0;transition:all .2s ease-in-out}.mainContainer .topic .topicContent.newTopics .topicAnchor svg{padding:5px 0}.mainContainer .topic .topicContent.newTopics .topicAnchor span{position:relative;font-weight:700}.mainContainer .topic .topicContent.newTopics div:hover{max-height:unset;top:-20px;transition:all .2s ease-in-out}@media only screen and (max-width: 64em){.mainContainer .topic .topicContent.newTopics{display:flex;justify-content:center;flex-wrap:wrap;gap:2em;margin:auto}.mainContainer .topic .topicContent.newTopics .topicAnchor{font-size:1.7em;text-align:center;padding:20px;width:290px;display:flex;flex-direction:column;align-items:center;color:#a599cc;position:relative;top:0;transition:all .2s ease-in-out}.mainContainer .topic .topicContent.newTopics .topicAnchor svg{padding:5px 0}.mainContainer .topic .topicContent.newTopics .topicAnchor span{position:relative;font-weight:700}.mainContainer .topic .topicContent.newTopics div:hover{max-height:unset;top:-20px;transition:all .2s ease-in-out}}#portfolio .topicContent .casesGrid.new{gap:2em;display:flex;flex-wrap:wrap;align-items:center}#portfolio .topicContent .casesGrid.new .portfolioCase{max-width:30%}#portfolio .topicContent .casesGrid.new .coursesItem{margin:1em 0;overflow:hidden;border-radius:28px}#portfolio .topicContent .casesGrid.new .itemLink{display:block;padding:1.5em;background-color:var(--support-color-dark);transition:background-color .2s ease-in;height:380px;position:relative}#portfolio .topicContent .casesGrid.new .itemLink .itemTitle{padding:0 0 .5em;overflow:hidden;font-weight:700;font-size:30px;color:#a599cc;z-index:2;position:relative;transition:color .3s ease}#portfolio .topicContent .casesGrid.new .itemLink .itemDescription{padding:10px 0 2em;overflow:hidden;font-weight:700;font-size:1.2em;color:var(--text-color);z-index:2;position:relative;transition:color .3s ease}#portfolio .topicContent .casesGrid.new .itemLink .itemDateBox{font-size:1.2em;color:var(--text-color);z-index:2;position:relative;font-weight:700;transition:color .3s ease;position:absolute;bottom:1em}#portfolio .topicContent .casesGrid.new .itemLink .itemDate{font-weight:700;color:#a239ca;transition:color .3s ease}#portfolio .topicContent .casesGrid.new .itemLink .itemBg{height:128px;width:128px;background-color:#a599cc;z-index:1;position:absolute;top:-75px;right:-75px;border-radius:50%;transition:all .3s ease}#portfolio .topicContent .casesGrid.new .itemLink .usedWhat{margin-top:.5em;display:flex;font-size:1.5em;gap:.5em;z-index:2;position:relative;transition:color .3s ease}#portfolio .topicContent .casesGrid.new .itemLink:hover{color:var(--text-color-dark);background-color:#a599cc}#portfolio .topicContent .casesGrid.new .itemLink:hover .itemTitle,#portfolio .topicContent .casesGrid.new .itemLink:hover .itemDateBox,#portfolio .topicContent .casesGrid.new .itemLink:hover .itemDescription{color:var(--text-color-dark)}#portfolio .topicContent .casesGrid.new .itemLink:hover .itemBg{transform:scale(10)}@media only screen and (max-width: 40em){#portfolio .topicContent .casesGrid.new{gap:0}#portfolio .topicContent .casesGrid.new .portfolioCase{max-width:95%}#portfolio .topicContent .casesGrid.new .itemLink{height:400px}}@media only screen and (min-width: 40.1em)and (max-width: 48em){#portfolio .topicContent .casesGrid.new{gap:0}#portfolio .topicContent .casesGrid.new .portfolioCase{max-width:95%}#portfolio .topicContent .casesGrid.new .itemLink{padding:1.2em;height:280px}}@media only screen and (min-width: 48.1em)and (max-width: 80em){#portfolio .topicContent .casesGrid.new{gap:1em}#portfolio .topicContent .casesGrid.new .portfolioCase{max-width:45%}#portfolio .topicContent .casesGrid.new .itemLink{padding:1.2em;height:450px}}.container{background-color:var(--support-color-dark);border-radius:24px;display:grid;grid-template-columns:50% 1fr;padding:20px}.picture-container{width:100%;display:flex}.picture-container .picture{padding:20px;width:100%}.contact-form-container{height:90%}.contact-form{border:none}.input-container{position:relative;width:100%}.ic1{margin-top:40px}.ic2,.ic3{margin-top:30px}.input{background-color:#eaf1f9;border-radius:12px;border:0;box-sizing:border-box;color:#111;height:100%;outline:0;padding:20px;width:100%}.cut{background-color:var(--support-color-dark);border-radius:10px;height:20px;left:20px;position:absolute;top:-20px;transform:translateY(0);transition:transform .2s;width:76px}.cut-short{width:80px}.input:focus~.cut{transform:translateY(8px)}.input.filled~.cut{transform:translateY(8px)}.placeholder{color:#111;left:20px;pointer-events:none;position:absolute;transform-origin:0 50%;transition:transform .2s,color .2s;top:15px;font-size:1.2rem}.input:focus~.placeholder{transform:translateY(-30px) translate(10px) scale(.75);color:inherit}.input.filled~.placeholder{transform:translateY(-30px) translate(10px) scale(.75);color:inherit}.submit{background:#a599cc;border-radius:12px;border:0;box-sizing:border-box;color:#191919;cursor:pointer;font-size:18px;height:50px;margin-top:38px;text-align:center;width:100%;font-weight:700}.submit:active{background-color:#06b}.submit:hover{cursor:pointer;background:#7866b2;transform:translateY(-2px)}.submitBanner{display:none;z-index:10;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#2e2e2e;width:100%;height:100%;border-radius:24px}.submitBanner .pictureBanner{width:100%;height:100%;display:block;z-index:10;position:relative;display:flex;flex-direction:column;align-items:center}.submitBanner .pictureBanner .picture{width:100%;height:90%;padding:2em}.submitBanner .pictureBanner svg{position:absolute;font-size:2em;margin:10px;right:0}.submitBanner .pictureBanner p{text-align:center;font-size:2em;width:90%}.submitBanner.open{display:block}.submitBanner svg{color:#a599cc;width:2em;height:2em;cursor:pointer}.overlay{display:none;z-index:5;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#191919;opacity:.8}.overlay.open{display:block}@media only screen and (max-width: 64em){.container{grid-template-columns:1fr;padding:20px}.submitBanner .pictureBanner p{font-size:1.2em;padding-bottom:1em}.submitBanner .pictureBanner .picture{padding:.5em}.picture-container{display:none}.ic1{margin-top:0}}.MeMyselfAndI{display:grid;grid-template-columns:50% 1fr;gap:3em;position:relative}.MeMyselfAndI .SkillCanvas{position:absolute;right:0;top:-4em}.MeMyselfAndI .SkillCanvas a,.MeMyselfAndI .SkillCanvas li{font-size:1.2rem}.MeMyselfAndI .SkillCanvas li{padding:20px}.MeMyselfAndI .SkillCanvas #myCanvasContainer{display:flex;justify-content:center}.MeMyselfAndI .meText{padding-bottom:1em;font-size:20px}@media only screen and (max-width: 64em){.MeMyselfAndI{gap:0;display:grid;grid-template-columns:1fr}}@media only screen and (max-width: 80em){.MeMyselfAndI .SkillCanvas{position:relative;top:0}}.mainContainer.detailPage{margin-bottom:200px}.mainContainer.detailPage h2{text-align:center}.mainContainer.detailPage .files{display:flex;justify-content:center;gap:5em;margin:auto;flex-wrap:wrap;flex-basis:20%}.mainContainer.detailPage .files .file{background-color:var(--support-color-dark-3);border-radius:50px;font-size:1.3em;text-align:center;padding:20px;color:#a599cc;position:relative;top:0;transition:all .2s ease-in-out}.mainContainer.detailPage .files a:hover{max-height:unset;top:-10px;transition:all .2s ease-in-out}.detailPage .titleContainer{margin-top:150px;display:flex;flex-direction:column}.detailPage .titleContainer .landingTitle{font-size:7em;text-align:center;color:#7866b2;font-weight:700;font-family:Asap}.detailPage .titleContainer .description{margin:5vh auto;font-size:1.5em;color:var(--text-color);text-align:center;width:70%;display:block}.detailPage .content{display:grid;grid-template-columns:35% 1fr;gap:5em}.detailPage .content .left{height:100%;width:90%;margin:auto}.detailPage .content .left .mainImageContainer{position:relative;margin-top:2em}.detailPage .content .left .mainImage{max-height:500px;width:100%;object-fit:contain;cursor:pointer}.detailPage .content .left svg{font-size:3em;color:#a599cc;cursor:pointer}.detailPage .content .left .back,.detailPage .content .left .forward{position:absolute;top:50%;transform:translateY(-50%)}.detailPage .content .left .back{left:-1em}.detailPage .content .left .forward{right:-1em}.detailPage .content .left .subImages{width:100%;gap:1em;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:2em}.detailPage .content .left .subImages .subImage{width:30%;opacity:.8}.detailPage .content .left .subImages .subImage img{width:100%;object-fit:contain;cursor:pointer}.detailPage .content .right{padding:1em}.detailPage .content .right .summary,.detailPage .content .right .process,.detailPage .content .right .assignment,.detailPage .content .right .result{margin-bottom:20px}.detailPage .content .right .process{display:flex;gap:5em}.detailPage .content .right h5{font-size:1.5em;font-weight:700;margin-bottom:10px}@media screen and (min-width: 1000px)and (max-width: 1460px){.detailPage .content .left{margin-right:0}.detailPage .content .left .back{left:-.5em}.detailPage .content .left .forward{right:-.5em}}@media screen and (max-width: 1000px){.detailPage .titleContainer{margin-top:100px}.detailPage .titleContainer .landingTitle{font-size:3em}.detailPage .content{grid-template-columns:90%;margin:auto;justify-content:center}.detailPage .content .left{grid-row-start:2;margin:auto;height:100%;width:60%}.detailPage .content .left svg{font-size:2em}.detailPage .content .left .back{left:-1.5em}.detailPage .content .left .forward{right:-1.5em}.detailPage .content .left .subImages{flex-wrap:wrap}.detailPage .content .right .summary,.detailPage .content .right .process,.detailPage .content .right .assignment,.detailPage .content .right .result{margin-bottom:20px}.detailPage .content .right .process{display:flex;gap:5em}.detailPage .content .right p{font-size:16px}.detailPage .content .right h5{font-size:1.5em;font-weight:700;margin-bottom:10px}}#app .overlay{opacity:.99}#app .overlay.open{display:flex;justify-content:center;align-items:center}#app .overlay.open .imageViewer{position:relative;display:flex;justify-content:center;width:100%;max-height:80%}#app .overlay.open .imageViewer img{object-fit:contain;width:70%;z-index:99}#app .overlay.open .imageViewer .closeImage{position:absolute;right:5%;font-size:3em;cursor:pointer}.miscButtons{position:absolute;z-index:99;display:flex;gap:.5em;justify-content:center;align-items:center;right:0;border-radius:50px;padding:1rem;transition:color .3s ease-in-out;transition:background-color .3s ease-in-out}.miscButtons .darkNightButton{width:50px;height:50px;border-radius:50px;display:flex;gap:2em;align-items:center;justify-content:center;cursor:pointer}.miscButtons .darkNightButton.moon{background-color:#1d1f2c;color:#c4c9d1}.miscButtons .darkNightButton.sun{background-color:#518bb6;color:#f4ca25}.miscButtons .darkNightButton .hidden{display:none}.miscButtons .languageCode{background-color:#1d1f2c;padding:10px;border-radius:50px;display:flex;justify-content:center;align-items:center;cursor:pointer}.miscButtons .languageCode img{width:30px;height:30px}.miscButtons img{display:block}.miscButtons img.hidden{display:none}@media only screen and (max-width: 64em){.miscButtons{position:relative}.miscButtons .darkNightButton{width:30px;height:30px}.miscButtons .languageCode img{width:20px;height:20px}}@media only screen and (max-width: 95em){.miscButtons{right:1%}}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--bg-color-dark);color:var(--text-color);margin:0;padding:0;height:100%;transition:color .3s ease-in-out;transition:background-color .3s ease-in-out}@media only screen and (max-width: 770px){.mainContainer div.topic{max-width:90vw}}.mainContainer{max-width:1400px;margin:auto;position:relative}.mainContainer .topicContainer{margin:200px 0}.mainContainer .topic{max-width:70vw;margin:auto;height:100%;position:relative}.mainContainer .topic .topicContent{z-index:5;display:block;position:relative}.mainContainer .topic .devGridItem{background-color:var(--support-color-dark);border-radius:50px;padding:10px;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.mainContainer .topic .devGridItem img,.mainContainer .topic .devGridItem picture{object-fit:contain;height:100%;margin:10px 0}*{scrollbar-width:10px;scrollbar-color:#7866b2 #fff}*::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.8);background-color:#484848;border-radius:10px}*::-webkit-scrollbar{width:10px;background-color:#484848}*::-webkit-scrollbar-thumb{border-radius:10px;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.44,#b597b5),color-stop(.86,#7866b2))}@media only screen and (max-width: 48em){.mainContainer .topic{max-width:95vw}.mainContainer .topicContainer{margin:100px 0}}@media only screen and (max-width: 64em){.mainContainer .topicContainer{margin:100px 0}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease-out}.fade-enter-from,.fade-leave-to{opacity:0}