.header-nav{align-items:end;display:flex;height:var(--headerHeight);justify-content:space-between}.qoute-icon{height:70%}.hamburger-icon{display:none}.header-nav ul{display:flex;list-style:none;margin:inherit}.header-nav ul li a{color:inherit;font-size:1.8vw;text-decoration:none}.header-nav ul li:not(:last-child){margin-right:1.4vw}.header-nav ul li a.active-page{color:var(--white);position:relative}.header-nav ul li:hover{transform:scale(1.1)}.header-nav ul li{transition:transform .3s ease}.header-nav ul li a.active-page:after{background-color:#f1ba59;border-radius:50%;content:"";height:.3vw;left:50%;position:absolute;top:105%;width:.3vw}@media (max-width:576px){.header-nav{height:12vh}.hamburger-icon{color:var(--yellow);cursor:pointer;display:block;font-size:9vw;margin-right:5vw}.header-nav ul{display:none}.header-nav ul.list-opened{align-items:flex-start;animation:slideInMenu .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#232533e0;box-shadow:-5px 0 5px #00000040;display:flex;flex-direction:column;height:100vh;padding:8vw;position:fixed;right:0;top:0;width:80%;z-index:999}.header-nav ul.list-closing{animation:slideOutMenu .3s ease forwards}.header-nav ul.list-opened li.close-icon{color:var(--yellow);cursor:pointer;display:block;font-size:8vw;margin-top:-2vw}.header-nav ul.list-opened li{margin-top:4vw;transform:none}.header-nav ul.list-opened li a{font-size:6vw}.header-nav ul li a.active-page:after{height:1.2vw;top:105%;width:1.2vw}}@keyframes slideInMenu{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutMenu{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}footer{background-color:#232533;height:var(--footerHeight);margin-left:calc((100vw - var(--contentWidth))/-2);margin-top:auto;width:100vw}.footer-content{display:flex;height:inherit;justify-content:space-between;margin:0 calc((100vw - var(--contentWidth))/2)}.footer-content .footer-left-section,.footer-right-section{display:flex;flex-direction:column;justify-content:center}.footer-content .footer-left-section{width:45%}.footer-content .contact-icons{display:flex;gap:.6vw;padding:.5vw}.footer-content .social-icon{width:2vw}.footer-content .add-text{font-size:1.05vw;margin:0}.footer-content .footer-right-section{width:55%}.footer-content .footer-right-section p{font-family:Courier Prime,monospace;font-size:1.5vw}.footer-content .code-text{color:var(--yellow)}.footer-content .cursor{animation:blink 1.1s step-start infinite;display:inline-block;width:.6vw}@keyframes blink{50%{visibility:hidden}}@media (max-width:576px){footer{height:var(--footerHeightPhone);margin-left:0}.footer-content{margin:0 calc((100vw - var(--contentWidth))/3)}.footer-content .footer-left-section{width:40%}.footer-content .footer-right-section{justify-content:flex-start;width:60%}.footer-left-section .contact-icons{display:flex;gap:0;padding:0}.footer-left-section .contact-icons .social-icon{width:6vw}.footer-left-section .add-text{font-size:2vw;margin-top:2vw}.footer-content .footer-right-section p{font-size:2vh;margin-top:5.5vh}.footer-content .cursor{width:1vw}}.home-content{display:flex;height:var(--contentHeight)}.home-content .left-section{display:flex;width:60%}.home-content .left-section-1{display:flex;flex-direction:column;justify-content:start;width:60%}.home-content .name-text{animation:homeSlideIn 1.4s ease forwards;animation-delay:.8s;color:var(--white);font-family:Rubik,sans-serif;font-size:7vw;margin-bottom:-2.5vw;margin-left:1vw;visibility:hidden;z-index:1}.home-content .name-text:first-of-type{margin-top:3vw}.home-content .name-text:nth-of-type(2){margin-left:3.7vw}.home-content .rectangle{animation:homeSlideIn 1.4s ease forwards;animation-delay:.8s;background-color:#f1ba59;height:.6vw;margin-left:1vw;margin-top:2vw;visibility:hidden;width:7vw;z-index:1}.home-content .left-section-2{display:flex;justify-content:end;position:relative;width:40%}.home-content .selfie{animation:homeSlideIn 1.4s ease forwards;bottom:0;filter:drop-shadow(-.1vw 0 .2vw rgba(0,0,0,.2));height:29vw;position:absolute;right:1vw;width:auto}.home-content .right-section{display:flex;flex-direction:column;justify-content:start;width:40%}.home-content .text-field-1{color:var(--white);font-size:2vw;margin-top:6vw}.home-content .text-field-2{color:#626b7a;font-size:1.2vw;margin-top:1.2vw}.home-content .about-link{color:#f1ba59;font-size:1.5vw;margin-left:1vw;margin-top:1vw}.home-content .about-link a{color:inherit;font-weight:400}.home-content .arrow-icon{height:auto;margin-left:1vw;width:1.3vw}@media (max-width:850px){.home-content .name-text:first-of-type{margin-top:0}.home-content .selfie{height:36vw}.home-content .text-field-1{margin-top:10vw}}@media (max-width:576px){.home-content{height:var(--contentHeightPhone)}.home-content .left-section{flex-direction:column;justify-content:space-between;width:55%}.home-content .left-section-1,.home-content .left-section-2{width:100%}.home-content .right-section{margin-top:3vh;width:45%}.home-content .selfie{height:44vh;left:6vw}.home-content .name-text{font-size:14vw;margin-bottom:-4vw;margin-left:4vw}.home-content .name-text:first-of-type{margin-top:4vw}.home-content .name-text:nth-of-type(2){margin-left:8vw}.home-content .rectangle{height:1vw;margin-left:4vw;margin-top:2.5vw;width:12vw}.home-content .text-field-1{font-size:4vw;margin-left:2vw;margin-top:10vw}.home-content .text-field-2{color:#626b7a;font-size:2.8vw;margin:2vw 2vw 0}.home-content .about-link{font-size:2.5vw;margin-left:6vw;margin-top:2vw}.home-content .arrow-icon{height:auto;margin-left:1vw;width:2vw}}@keyframes homeSlideIn{0%{opacity:0;transform:translateX(-100%);visibility:hidden}to{opacity:1;transform:translateX(0);visibility:visible}}.media-modal{background-color:#15161ff0;height:100%;left:0;overscroll-behavior:contain;position:fixed;top:0;width:100%;z-index:1000}.media-modal .modal-content{background-color:#1f212dbf;display:flex;flex-direction:column;height:96%;left:2%;position:fixed;top:2%;width:96%;z-index:1001}.media-modal .modal-controls{align-items:center;background-color:#282b3bd9;display:flex;height:10%;justify-content:space-between;width:100%}.media-modal .modal-counter{color:var(--lightGrey);font-size:1vw;margin-left:2%}.media-modal .modal-right-section{display:flex;margin-right:2%}.media-modal .modal-close{cursor:pointer;height:2.5vw;transition:transform .3s ease,filter .3s ease}.media-modal .modal-media-container{align-items:center;display:flex;height:90%;justify-content:space-between;touch-action:pinch-zoom;width:100%}.media-modal .modal-arrow{cursor:pointer;height:3.5vw;transition:transform .3s ease,filter .3s ease;width:auto}.media-modal .hidden{visibility:hidden}.media-modal .modal-arrow:hover,.media-modal .modal-close:hover{transform:scale(1.2)}.media-modal .modal-arrow.left{margin-left:2%}.media-modal .modal-arrow.right{margin-right:2%}.media-modal .modal-image,.media-modal .modal-video{max-height:90%;max-width:80vw;position:relative}.media-modal .modal-image{cursor:zoom-in}.media-modal .modal-image.zoomed{cursor:zoom-out;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:auto}@media (max-width:576px){.media-modal .modal-counter{font-size:3.5vw;margin-left:5%}.media-modal .modal-right-section{align-items:center;display:flex;margin-right:5%}.media-modal .modal-arrow{height:6vw}.media-modal .modal-arrow.left{margin-right:5vw}.media-modal .modal-arrow:hover{transform:scale(1)}.media-modal .modal-close{height:6.5vw;margin-left:5vw}.media-modal .modal-image,.media-modal .modal-video{height:auto;max-height:95%;max-width:95%}.media-modal .modal-media-container{justify-content:center}}.project-card-content{border-radius:.5vw;box-shadow:0 .8vw 1.6vw #00000080;height:13.5vw;overflow:hidden;position:relative;width:23vw}.project-card-content .card-image{cursor:pointer;height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.project-card-content .card-overlay{background-color:#34303ffa;bottom:-60%;display:flex;flex-direction:column;height:60%;left:0;padding:1vw;position:absolute;transition:bottom .5s ease-in-out;width:100%}@media (hover:hover){.project-card-content:hover .card-image{transform:scale(1.1)}.project-card-content:hover .card-overlay{bottom:0}}.project-card-content.hovered .card-image{transform:scale(1.1)}.project-card-content.hovered .card-overlay{bottom:0}.project-card-content .card-overlay h3{color:var(--white);font-size:1.2vw}.project-card-content .card-overlay p{color:var(--lightgrey);font-size:.9vw;margin-bottom:.5vw}.project-card-content .card-overlay .read-more{align-self:flex-start;color:var(--yellow);font-size:.9vw;margin-left:.3vw;text-decoration:none}.project-card-content .zoom-container{align-items:center;background-color:var(--purple2);border-radius:50%;cursor:pointer;display:flex;height:2.2vw;justify-content:center;left:5%;opacity:0;position:absolute;top:10%;transition:transform .3s ease-in-out,opacity .4s ease-in-out,visibility 0s linear .4s;visibility:hidden;width:2.2vw}@media (hover:hover){.project-card-content .card-image:hover+.zoom-container{opacity:.65;transition-delay:0s;visibility:visible}}.project-card-content.hovered .zoom-container{opacity:.65;transition-delay:0s;visibility:visible}.project-card-content .zoom-icon{height:auto;transition:filter .3s ease-in-out;width:1.15vw}@media (hover:hover){.project-card-content .zoom-container:hover{opacity:.8;transform:scale(1.1);visibility:visible}.project-card-content .zoom-container:hover .zoom-icon{filter:brightness(.7) invert(1)}}@media (max-width:576px){.project-card-content{height:47vw;width:80vw}.project-card-content .card-overlay{padding:2vw}.project-card-content .card-overlay h3{font-size:3.6vw}.project-card-content .card-overlay p{font-size:3.2vw}.project-card-content .card-overlay .read-more{font-size:3.1vw;margin-left:1vw}.project-card-content .zoom-container{height:7vw;left:3%;top:8%;width:7vw}.project-card-content .zoom-icon{filter:brightness(.7) invert(1);width:3.5vw}}.portfolio-content{margin:2vh 0 14vh}.portfolio-content .page-name{display:none}.portfolio-content .filters-container{height:auto;margin:4vh 0}.portfolio-content .filter-button,.portfolio-content .filter-button-active{background:none;border:none;color:var(--grey);font-size:1.1vw;margin-right:.8vw;transition:color .3s ease}.portfolio-content .filter-button-active,.portfolio-content .filter-button:hover{color:var(--white)}.portfolio-content .cards-container{display:flex;flex-wrap:wrap;gap:3.5vw}@media (max-width:576px){.portfolio-content{margin-bottom:5vh}.portfolio-content .page-name{color:var(--grey);display:block;text-align:center}.portfolio-content .filters-container{display:flex;justify-content:center;margin-top:2vh}.portfolio-content .filter-dropdown{background-color:var(--purple3);border:1px solid var(--grey);border-radius:4px;color:var(--lightGrey);height:12vw;padding:3vw;transition:color .3s ease;width:90%}.portfolio-content .filter-dropdown:focus{border-color:var(--white);color:var(--white)}.portfolio-content .cards-container{display:flex;gap:5vw;justify-content:center}}.contact-content{margin:2vh 0 4vh}.contact-content h1{color:var(--white);font-size:1.1vw;font-weight:700;margin:3vh 0}.contact-information{display:flex;justify-content:space-between;margin-bottom:5vh}.contact-table{background-color:var(--purple2);box-shadow:-.2vw .4vw .4vw #0003;font-size:1.05vw;padding:1.6vw;width:24vw}.contact-table p{color:var(--lightgrey);display:flex;justify-content:space-between;margin:0;padding:.3vw}.contact-table .label{color:var(--white)}.contact-table a{color:var(--lightgrey);text-underline-offset:.15vw}.contact-form{background-color:var(--purple2);box-shadow:-.2vw .4vw .4vw #0003;margin-bottom:8vh}.contact-form form{display:flex;flex-direction:column;padding:2vw}.contact-form .input-wrapper{display:flex}.contact-form .icon-container{background-color:var(--purple3);display:flex;justify-content:center;transition:background-color .8s ease;width:5vw}.contact-form .icon-container.focused{background-color:var(--yellow)}.contact-form .icon{height:1.4vw;margin-top:1.3vw}.contact-form input,.contact-form textarea{background-color:var(--purple6);border:.1vw solid var(--purple6);border-radius:0;color:var(--white);font-size:1.1vw;padding:1.2vw;width:100%}.contact-form input:-webkit-autofill,.contact-form textarea:-webkit-autofill{-webkit-text-fill-color:var(--white);background-color:var(--purple6);-webkit-box-shadow:0 0 0 1000px var(--purple6) inset;color:var(--white);-webkit-transition:background-color 1s ease-in-out 0s;transition:background-color 1s ease-in-out 0s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--grey)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--purple2);outline:none}.contact-form .error-container{display:flex;height:3vw}.contact-form .error-container .icon{height:1.7vw;margin:1vh .5vw 0 5vw}.contact-form .error-message{color:#b61b1b;font-size:1.2vw;font-weight:700;margin:1vh 0 0}.contact-form .error-border,.contact-form .error-border:focus{border:1px dashed #b61b1ba8}.contact-form .button-container{display:flex}.contact-form .submit-button{background-color:var(--yellow);border:none;border-radius:.2vw;color:var(--purple2);cursor:pointer;font-size:1vw;font-weight:700;padding:.8vw;transition:transform .5s ease-in-out;width:15vw;z-index:2}.contact-form .submit-button:hover{transform:translateY(-.2vw)}.contact-form .response-container{align-items:center;animation:slideInFromLeft 1s forwards;border:1px dashed var(--yellow);border-left:none;display:flex;opacity:0;transform:translateX(-100%)}.contact-form .response-container.fail{border:1px dashed #b61b1b;border-left:none}.contact-form .message{color:var(--yellow);font-size:1vw;margin:0 0 0 1vw}.contact-form .message.fail{color:#b6281a}.contact-form .response-container .icon{margin:0 .5vw 0 .8vw}@media (max-width:576px){.contact-content h1{font-size:4vw;margin:1.5vh 0 2vh 4vw}.contact-information{align-items:center;display:flex;flex-direction:column;gap:2vh}.contact-table{font-size:3.2vw;min-height:22vw;width:80vw}.contact-table p{margin-right:3vw}.contact-table .label{margin-left:3vw}.contact-table a{text-underline-offset:.5vw}.contact-form{margin:0 5vw 5vh}.contact-form .input-wrapper .icon-container{width:10vw}.contact-form .icon{height:3.8vw;margin-top:2.6vw}.contact-form input,.contact-form textarea{font-size:3.2vw;padding:2vw}.contact-form .error-container{display:flex;height:6.4vw}.contact-form .error-container .icon{height:3.8vw;margin:.7vh .5vw 0 9.5vw}.contact-form .error-message{font-size:3vw;margin-top:.4vh}.contact-form .button-container{margin-top:0}.contact-form .submit-button{font-size:2.6vw;margin-bottom:1vh;padding:1.2vw;transition:none;width:28vw}.contact-form .submit-button:hover{transform:none}.contact-form .response-container{margin-bottom:1vh}.contact-form .message.success{font-size:2.6vw;margin:0 0 0 1vw}.contact-form .response-container .icon{margin:0 1vw 0 .8vw}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.experience-content{align-items:baseline;display:flex;margin:7vh 0 14vh}.mobile-tabs{display:none;justify-content:center;margin-bottom:3vh}.mobile-tabs button{background-color:var(--grey);border:1px solid var(--grey);border-radius:1vw;color:var(--white);font-size:4vw;margin:0 3vw;padding:1.5vh;text-align:center;width:28vw}.mobile-tabs button.active{background-color:var(--yellow);border:.3vw solid var(--purple3);color:var(--purple3)}.experience-content .left-section,.experience-content .right-section{align-items:center;background-color:var(--purple2);box-shadow:-.4vw .4vw .6vw #0003;display:flex;flex-direction:column;padding:.6vw}.experience-content h1{color:var(--white);font-size:1.6vw;margin:.6vw 0;text-shadow:-.2vw .2vw .6vw #0006}.experience-content .left-section{width:67%}.experience-content .skill-container{border-radius:.3vw;box-shadow:-.2vw .4vw .6vw #00000040;margin-bottom:2vw;overflow:hidden;width:94%}.experience-content .info{background-color:var(--purple3);display:flex;justify-content:space-between;padding:.6vw}.experience-content .header{align-items:center;display:flex;height:2vw}.experience-content .icon{align-items:center;display:flex;height:100%}.experience-content .icon img{height:85%;margin-left:.4vw;margin-right:.8vw}.experience-content .name{color:var(--white);font-size:1.2vw}.experience-content .bar{align-items:center;display:flex;margin-right:1vw}.experience-content .bar img{margin-left:.6vw;width:2.5vw}.experience-content .description-container{background-color:var(--purple5);padding:.8vw}.experience-content .description{font-size:1.1vw}.experience-content .spacer{width:3%}.experience-content .right-section{width:30%}.experience-content .info-container{border-radius:.3vw;box-shadow:-.2vw .4vw .6vw #00000040;margin-bottom:2vw;overflow:hidden;width:94%}.experience-content .info-header{background-color:var(--purple3);padding:.7vw}.experience-content .info-header p{font-size:1.2vw;margin-left:.2vw}.experience-content .content{background-color:var(--purple5);display:grid;grid-template-columns:1fr 6fr;grid-template-rows:repeat(3,auto)}.experience-content .line{background-color:var(--yellow);grid-column:1;grid-row:1/4;height:68%;margin-left:50%;margin-top:62%;position:relative;width:8%}.experience-content .circle{background-color:var(--yellow);border-radius:50%;height:1vw;left:50%;position:absolute;transform:translateX(-50%);width:1vw}.experience-content .row{font-size:1.2vw;margin:.8vw 0;padding:.6vw}.experience-content .row p:first-of-type{color:var(--yellow);font-weight:400}.experience-content .content-2{display:grid;grid-template-columns:1fr 6fr;grid-template-rows:1fr 1fr;margin:1.2vw 0}.experience-content .circle-2{align-self:center;background-color:var(--yellow);border-radius:50%;height:.4vw;justify-self:center;position:relative;width:.4vw}.experience-content .lang-name{color:var(--white);font-size:1.2vw;font-weight:400}.experience-content .level{align-items:center;display:flex}.experience-content .level img{margin-right:.6vw;width:2.2vw}@media (max-width:576px){.experience-content{align-items:center;flex-direction:column;margin-top:3vh}.experience-content .mobile-tabs{display:flex}.experience-content .left-section,.experience-content .right-section{display:none}.experience-content .left-section.active,.experience-content .right-section.active{display:flex;width:94%}.experience-content h1{font-size:6vw;margin:1vh 0}.experience-content .skill-container{margin-bottom:4vw}.experience-content .info{padding:1.2vw}.experience-content .header{height:8vw}.experience-content .icon{height:100%}.experience-content .icon img{height:75%;margin-left:.8vw;margin-right:1.8vw}.experience-content .name{font-size:3.4vw}.experience-content .bar img{margin-left:.7vw;width:4vw}.experience-content .description-container{padding:2vw}.experience-content .description{font-size:3vw}.experience-content .spacer{display:none}.experience-content .info-container{margin-bottom:4vw}.experience-content .info-header{padding:2.5vw}.experience-content .info-header p{font-size:3.4vw;margin-left:.8vw}.experience-content .content{grid-template-columns:1fr 8fr}.experience-content .line{height:69%;margin-top:36%;width:6%}.experience-content .circle{background-color:var(--yellow);border-radius:50%;height:2vw;width:2vw}.experience-content .row{font-size:3vw;margin:.8vw 0;padding:1.2vw}.experience-content .content-2{grid-template-columns:1fr 7fr;grid-template-rows:1fr .8fr;margin:2vw 0}.experience-content .circle-2{height:1.2vw;width:1.2vw}.experience-content .lang-name{font-size:3vw}.experience-content .level img{margin-right:.7vw;width:4vw}}.about-content{display:flex;flex-direction:column;margin:8vh 0 14vh}.about-content .row{display:flex;flex-direction:row}.about-content .item{display:inline-block;position:relative}.about-content .item img{width:95%}.about-content .item .note-container{position:relative;width:95%}.about-content .note .title{font-size:1.4vw;font-weight:600;left:50%;position:absolute;transform:translateX(-50%)}.about-content .note .text{font-size:1.04vw;font-weight:500;left:10%;line-height:1.4;max-width:85%;position:absolute;top:16.5%}.about-content .item .note-container img{width:100%}.about-content .note.one{width:50%}.about-content .note.one .text{transform:rotate(-1deg)}.about-content .arrow.one{align-content:end;width:10%}.about-content .image.one{text-align:end;width:40%}.about-content .image.one img{width:90%}.about-content .note.three{align-content:end;justify-items:center;width:45%}.about-content .note.three .note-container{width:100%}.about-content .note.three .title{top:9.5%}.about-content .note.three .text{left:10%;line-height:1.32;top:27%}.about-content .column{text-align:center;width:10%}.about-content .column .spacer{height:7.5vw}.about-content .arrow.two{margin-bottom:3.5vw}.about-content .arrow.three img,.about-content .arrow.two img{width:80%}.about-content .note.two{width:50%}.about-content .note.two .note-container{width:100%}.about-content .note.two .title{top:5%;transform:translateX(-50%) rotate(-3deg)}.about-content .note.two .text{left:10%;line-height:1.36;top:16%;transform:rotate(-3deg)}.about-content .image.two{text-align:center;width:40%}.about-content .image.two img{width:70%}.about-content .arrow.four{align-content:end;width:10%}.about-content .note.four{width:50%}.about-content .note.four .title{top:3.5%;transform:translateX(-50%) rotate(-2deg)}.about-content .note.four .text{left:10%;line-height:1.42;top:13.8%;transform:rotate(-2deg)}.about-content .note.five{margin-top:1vw;width:50%}.about-content .note.five .title{top:3.5%;transform:translateX(-50%) rotate(-2deg)}.about-content .note.five .text{left:10%;line-height:1.42;top:15%;transform:rotate(-2deg)}.about-content .image.three{text-align:start;width:50%}.about-content .image.three img{margin-left:2vw;width:75%}@media (max-width:576px){.about-content{margin:3vh 2vw 6vh}.about-content .item,.about-content .item .note-container{width:100%}.about-content .note .title{font-size:3vw}.about-content .note .text{font-size:2.2vw}.about-content .item.arrow,.about-content .item.image{width:100%}.about-content .row.one{display:grid;grid-template-columns:8fr 2fr}.about-content .note.one{grid-column:1/2;width:100%}.about-content .image.one{grid-column:2/3;grid-row:1}.about-content .image.one img{margin-top:2vw;width:95%}.about-content .arrow.one{grid-column:2/3;grid-row:1}.about-content .arrow.one img{margin:27vw 0 0 1vw;width:60%}.about-content .row.two{display:grid;grid-template-rows:auto auto auto}.about-content .column{display:contents}.about-content .spacer{display:none}.about-content .note.two{display:flex;grid-column:1;grid-row:1;justify-content:end;width:100%}.about-content .note.two .note-container{width:82%}.about-content .note.two .text{line-height:1.38}.about-content .arrow.two{grid-column:1;grid-row:2;margin:0 0 0 25vw;width:10%}.about-content .arrow.two img{transform:rotate(-20deg)}.about-content .note.three{grid-column:1;grid-row:3;width:75%}.about-content .note.three .text{line-height:1.39}.about-content .arrow.three{grid-column:1;grid-row:3;text-align:end}.about-content .note.three .title{top:10%}.about-content .arrow.three img{margin:16vw 9vw 0 0;width:14%}.about-content .row.three{display:grid;grid-template-columns:2.5fr 7.5fr}.about-content .image.two{grid-column:1/2;grid-row:1;width:100%}.about-content .image.two img{margin-top:4vw;width:95%}.about-content .arrow.four{grid-column:1/2;grid-row:1;margin-top:31vw;text-align:end}.about-content .arrow.four img{width:60%}.about-content .note.four{grid-column:2/3;grid-row:1;width:100%}.about-content .note.four .title{top:2.5%}.about-content .note.four .text{line-height:1.34}.about-content .note.five{margin-top:1vw;width:80%}.about-content .image.three{text-align:start;width:20%}.about-content .image.three img{margin-left:1vw;margin-top:3vw;width:100%}}.project-detail-content{display:flex;margin:5vh 0}.project-detail-content .left-section{width:58%}.project-detail-content .description-container,.project-detail-content .title{background-color:var(--purple2);box-shadow:-.4vw .4vw .6vw #0003;margin-bottom:3vh;padding:1.5vw;width:100%}.project-detail-content li,.project-detail-content p{color:var(--lightGrey);font-size:1vw;margin:0}.project-detail-content ul{margin-bottom:2vh}.project-detail-content ul ul{margin-bottom:.2vh}.project-detail-content li{margin-left:1vw}.project-detail-content h1{color:var(--yellow);font-size:1.5vw}.project-detail-content h2{color:var(--white);font-size:1.2vw}.project-detail-content h2:not(:first-of-type){margin-top:3vh}.project-detail-content h3{color:var(--grey);font-size:1.1vw;font-weight:700;margin:0 0 .1vw;text-decoration:underline}.project-detail-content h3:not(:first-of-type){margin-top:1vh}.project-detail-content table{border-collapse:collapse;font-size:1vw;font-weight:700;margin:.8vw 0 1.4vw 1vw;width:90%}.project-detail-content th,td{border:.1vw solid var(--lightGrey);padding:.6vw}.project-detail-content th{background-color:var(--purple6);color:var(--white)}.project-detail-content .spacer{width:4%}.project-detail-content .right-section{justify-items:center;width:38%}.project-detail-content .media-container{height:fit-content;margin-bottom:2vh;position:relative;width:fit-content}.project-detail-content .media-container-inner{max-height:66vh;max-width:100%}.project-detail-content .image{cursor:pointer;display:block;filter:drop-shadow(-.2vw .4vw .5vw rgba(0,0,0,.5));max-height:66vh;max-width:100%;transition:transform .5s ease-in-out,filter .3s ease-in-out;will-change:transform,filter}@media (hover:hover){.project-detail-content .media-container-inner:hover .image{transform:scale(1.03)}}.project-detail-content .media-container-inner.hovered .image{transform:scale(1.03)}.project-detail-content .video{display:block;filter:drop-shadow(-.2vw .4vw .5vw rgba(0,0,0,.5));height:auto;width:100%;will-change:transform,filter}.project-detail-content .zoom-container{align-items:center;background-color:var(--purple2);border-radius:50%;cursor:pointer;display:flex;height:2.2vw;justify-content:center;left:5%;opacity:0;position:absolute;top:8%;transition:transform .3s ease-in-out,opacity .4s ease-in-out,visibility 0s linear .4s;visibility:hidden;width:2.2vw}@media (hover:hover){.project-detail-content .media-container-inner:hover .zoom-container{opacity:.9;transition-delay:0s;visibility:visible}}.project-detail-content .media-container-inner.hovered .zoom-container{opacity:.9;transition-delay:0s;visibility:visible}.project-detail-content .zoom-container:hover{opacity:1;transform:scale(1.1)}.project-detail-content .zoom-icon{height:auto;transition:filter .3s ease-in-out;width:1.15vw}.project-detail-content .zoom-container:hover .zoom-icon{filter:brightness(.7) invert(1)}.project-detail-content .media-controls{display:flex;justify-content:space-between;margin-top:.5vw}.project-detail-content .counter{color:var(--lightGrey);font-size:1.1vw;margin-top:.5vh}.project-detail-content .arrow{color:var(--lightGrey);cursor:pointer;font-size:1.6vw;-webkit-user-select:none;user-select:none}.project-detail-content .arrow.left-arrow{margin-right:.4vw}.project-detail-content .arrow.disabled{color:var(--grey);pointer-events:none}.project-detail-content .tool{align-items:center;display:flex;margin:0 0 1.4vh}.project-detail-content .tool:first-of-type{margin-top:1.5vh}.project-detail-content .tool:before{background:var(--grey);border-radius:50%;content:"";height:.4vw;margin-right:1vw;width:.4vw}.project-detail-content .tool img{height:1.8vw;width:auto}.project-detail-content .link-container{margin-top:3vh}.project-detail-content .link-container a{color:var(--lightGrey);font-size:1vw;text-underline-offset:.15vw}@media (max-width:576px){.project-detail-content{align-items:center;flex-direction:column}.project-detail-content .description-container,.project-detail-content .title{padding:4vw}.project-detail-content .link-container a,.project-detail-content li,.project-detail-content p{font-size:4vw}.project-detail-content li{margin-left:5vw}.project-detail-content h1{font-size:5vw;margin-bottom:1vw}.project-detail-content h2{font-size:5vw}.project-detail-content h3{font-size:4.3vw}.project-detail-content .spacer{display:none}.project-detail-content .image,.project-detail-content .video{filter:drop-shadow(-.5vw .8vw 1.2vw rgba(0,0,0,.4))}.project-detail-content .zoom-container{height:7vw;left:3%;top:8%;width:7vw}.project-detail-content .zoom-icon{filter:brightness(.7) invert(1);width:3.5vw}.project-detail-content .counter{font-size:5vw;margin-top:3vw}.project-detail-content .arrow{font-size:10vw;margin-top:-8vw}.project-detail-content .arrow.left-arrow{margin-right:5vw}.project-detail-content .tool:before{height:1.2vw;margin-right:2.5vw;width:1.2vw}.project-detail-content .tool img{height:5vw;width:auto}.project-detail-content .left-section,.project-detail-content .right-section{display:contents}.project-detail-content .description-container,.project-detail-content .title{width:90%}.project-detail-content .title{order:1}.project-detail-content .media-container{max-width:90%;order:2}.project-detail-content .left-section .description-container{order:3}.project-detail-content .right-section .description-container{order:4}.project-detail-content .link-container a{text-underline-offset:.5vw}}:root{--yellow:#f1ba59;--purple1:#383444;--purple2:#34303f;--purple3:#232533;--purple4:#413d4f;--purple5:#302d3b;--purple6:#2c2936;--white:#dedee3;--grey:#626b7a;--lightGrey:#74838f;--headerHeight:15vh;--footerHeight:20vh;--footerHeightPhone:16vh;--contentHeight:65vh;--contentHeightPhone:72vh;--contentWidth:76vw}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#383444;background-color:var(--purple1);color:#626b7a;color:var(--grey);font-family:Poppins,sans-serif;font-weight:300;margin:0 auto;max-width:76vw;max-width:var(--contentWidth);overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh}@media (max-width:576px){body{max-width:100vw}}
/*# sourceMappingURL=main.32d33308.css.map*/