.navbar{display:flex;font-size:1.2rem;height:80px;justify-content:center;padding:10px;position:sticky;z-index:999}.navbar-container{height:80px;padding:30px;position:relative;width:100%}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{cursor:pointer;font-size:24px;justify-self:flex-start;text-decoration:none;width:300px}.fa-typo3{font-size:1.8rem;margin-left:.5rem}.nav-menu{grid-gap:20px;display:grid;grid-template-columns:repeat(4,auto);justify-content:end;margin-right:1rem;text-align:center;width:80vw}.nav-links{align-items:center;display:flex;padding:12px;text-decoration:none}.activated{border-bottom:3px solid #434790}.activated,.nav-links:hover{color:#434790;transition:all .2s ease-out}.fa-bars{color:#fff}.menu-icon{align-items:center;cursor:pointer;display:none;height:60px;justify-content:center;width:60px}.nav-menu{display:flex;gap:20px;list-style:none}@media screen and (max-width:960px){.navbar-container{align-items:center;display:flex;justify-content:flex-start;padding:10px;width:100%}.navbar-logo{align-items:center;justify-content:start;margin:30px}.menu-icon{display:flex}.nav-menu{align-items:start;background:#fff5f5;flex-direction:column;height:100vh;justify-content:start;left:-100%;opacity:0;position:absolute;top:80px;transition:all .5s ease;width:100%}.nav-menu.active{left:0;opacity:1}.nav-links{font-size:20px;padding:20px;text-align:center;width:100%}}*{box-sizing:border-box;color:#434790;color:var(--darkBlue);font-family:MyFont;margin:0;position:relative}@font-face{font-family:MyFont;font-style:normal;font-weight:900;src:url(/static/media/CircularStd-Black.757b8ac8efa71be3fcd0.otf) format("truetype")}@font-face{font-family:MyFont;font-style:normal;font-weight:500;src:url(/static/media/CircularStd-Medium.9ffafeddf192e8c8a111.otf) format("truetype")}@font-face{font-family:MyFont;font-style:normal;font-weight:400;src:url(/static/media/CircularStd-Book.9048137056e4347dbbd5.otf) format("truetype")}@font-face{font-family:MyFont;font-style:normal;font-weight:700;src:url(/static/media/CircularStd-Bold.5c4514a8399ec0064b9b.otf) format("truetype")}@font-face{font-family:MyFont;font-style:normal;font-weight:300;src:url(/static/media/CircularStd-Light.4a1a0bfcc3a53847a945.otf) format("truetype")}.gradient-bg{background:conic-gradient(from 45deg,#fffbe9 0,#ecc1ec 25%,#c1c0fc 50%,#bedbfc 75%,#fffbe9 100%);height:100vh}:root{--darkBlue:#434790;--lightBlue:#c1cdff;--pink:#f1a8c6;--cream:#ffeceb;--color1:252,247,247;--color2:193,205,255;--color3:67,71,144;--color4:242,169,199;--color5:234,83,0;--head-size:3rem;--title-size:2rem;--header-size:1.5rem;--text-size:1.2rem}@media screen and (max-width:960px){:root{--head-size:2rem;--title-size:1.5rem;--header-size:1.2rem;--text-size:1rem}}.head{font-size:3rem;font-size:var(--head-size)}.head,.title{font-weight:900}.title{font-size:2rem;font-size:var(--title-size)}.textBold{font-size:1.5rem;font-size:var(--header-size);font-weight:500}.text{font-size:1.2rem;font-size:var(--text-size);font-weight:300}.scroll{animation:down 1.5s infinite;-webkit-animation:down 1.5s infinite;border:3px solid #434790;border-radius:50%;height:60px;margin:40px;position:relative;width:60px}.scroll:before{border-bottom:3px solid #434790;border-left:3px solid #434790;content:"";height:18px;left:17px;position:absolute;top:14px;transform:rotate(-45deg);width:18px}@keyframes down{0%{transform:translate(0)}20%{transform:translateY(15px)}40%{transform:translate(0)}}body{background:radial-gradient(circle at top left,#fffbe9,#0000 40%),radial-gradient(circle at top right,#c1c0fc,#0000 80%),radial-gradient(circle at center right,#bedbfc,#0000 60%),radial-gradient(circle at center left,#f7c4f7,#0000 80%),radial-gradient(circle at bottom left,#bedbfc,#0000 80%),radial-gradient(circle at bottom right,#fffbe9,#0000 40%),url("/static/media/nnnoise%20(5).3d45827eefd27a54187c.svg");background-blend-mode:overlay;width:100%}@keyframes moveInCircle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translateX(-50%) translateY(-10%)}50%{transform:translateX(50%) translateY(10%)}to{transform:translateX(-50%) translateY(-10%)}}.hero-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding:20px 20px 300px}.loading-container{height:100vh}.self-presentation{align-items:center;display:flex;flex-direction:row;font-family:800;font-size:40px;gap:3rem;justify-content:space-between;scroll-margin-top:100vh;text-align:center;width:100%}.presentation-text{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;left:20%;position:absolute;top:25%;width:60%;z-index:1}.homepage-image{animation:floatUp 2s ease-out forwards;height:auto;position:relative;width:30%}@keyframes floatUp{0%{opacity:0;transform:translateY(50px)}to{opacity:.7;transform:translateY(0)}}.scroll-container{cursor:pointer}.projects-section{flex:1 1;flex-direction:column;width:90%}.projectContainer,.projects-section{align-items:left;display:flex;gap:2rem;justify-content:space-between}.projectContainer{flex-direction:row}.introduction{font-size:32px}.title{font-weight:500;margin-bottom:20px}.project-component{background-color:#c1cdffcc;flex:1 1;height:500px;justify-content:flex-start}.project-component:hover{background-color:#c1cdff80;transition:all .2s ease-out}.project-img{height:17.4%;transition:opacity .3s ease;width:30%}@media screen and (max-width:960px){.introduction{font-size:18px}.projectContainer{flex-direction:column;gap:30px}.projects-section{width:100%}}.project-component{background-color:#ffffff1a;border:1px solid #ffffffe6;border-radius:20px;box-shadow:0 4px 15px #3b24a91a;cursor:pointer;display:flex;flex-direction:column;gap:1rem;height:40rem;padding:30px;transition:background-color .3s ease}.project-component:hover{background-color:#ffffff80}.project-info{display:flex;flex-direction:column;gap:10px;justify-content:space-evenly;padding:30px}.project-title{align-self:flex-start;font-weight:500}.project-description{font-size:20px;font-weight:lighter}.project-image{display:flex;height:100%;max-height:25rem;object-fit:contain;transition:transform .3s ease-in-out;width:100%}.project-component.active .project-image{transform:scale(1)}.project-component:not(.active) .project-image{transform:scale(.95)}@media screen and (max-width:768px){.project-info{padding:5px}.project-title{font-size:20px}.project-description{font-size:16px}.project-image-container{align-items:center;justify-content:center}.project-image{max-height:17rem;padding:0;width:100%}.project-component{flex:none;height:25rem;padding:20px}}.loader-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.animation{height:70px;width:70px}.about-container{align-items:center;display:flex;justify-content:center;margin-top:10px;padding-bottom:300px}.about-content{border-radius:10px;display:flex;flex-direction:column;gap:2rem;padding:50px;text-align:left;width:90%}.about-header{display:flex;flex-direction:row;justify-content:space-between}.about-image{align-items:center}.about-image,.about-text{display:flex;justify-content:center}.about-text{flex-direction:column}.about-text h1{margin-bottom:10px;text-align:left}.about-text p{padding-right:10%}.about-image img{border-radius:20px;width:400px}.about-section h1{margin-bottom:10px;text-align:left}.about-contact,.about-education,.about-skills{display:flex;flex-direction:column;justify-content:space-evenly;margin-bottom:50px}.about-contact p,.about-education p,.about-skills p{margin-bottom:20px}.about-links{display:flex;flex-direction:column}.about-link-item{align-items:center;display:flex;flex-direction:row;gap:15px;padding:10px}.about-link-item img{height:auto;width:24px}.about-link-item a{color:inherit;text-decoration:underline}@media screen and (max-width:768px){.about-content{padding:20px}.about-header{align-items:center;flex-direction:column;text-align:center}.about-text p{padding-right:0;text-align:left}.about-image img{margin-top:30px;max-width:300px;width:80%}}.thesis-header-section{align-items:flex-start;display:flex;flex-direction:column;height:100vh;justify-content:center;width:90%}.thesis-prototype-section{align-items:flex-start;display:flex;flex-direction:row;width:90%}.thesis-process-section{align-items:flex-start}.thesis-image-container,.thesis-process-section{display:flex;flex-direction:column;gap:2rem;justify-content:center;width:100%}.thesis-image-container{align-items:center;margin-top:4rem}.concept-image-section{display:flex;flex-direction:column;gap:3rem;padding:20px}.thesis-image{height:"auto";object-fit:contain;width:70%}.final-concept-image{height:"auto";object-fit:contain;width:90%}.model-container{height:40rem;padding:20px}.model-container,.model-loader{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.model-loader{background:#fffc;height:100%;left:0;position:absolute;top:0;z-index:10}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:10px;width:40px}.loader{color:#555;font-size:1.2rem;font-weight:700;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:768px){.thesis-header-section{height:auto}.concept-image{width:100%}.concept-image-section{display:flex;flex-direction:column;gap:2rem;padding:1rem}.model-container{height:20rem}}.blue-loops-header-section{align-items:flex-start;display:flex;flex-direction:column;height:100vh;justify-content:center;width:90%}.circle-text{font-size:x-small}@media screen and (max-width:768px){.blue-loops-header-section{height:auto}.header-content{flex-direction:column}.header-image{width:100%}}.canea-container{align-items:center;padding-bottom:300px}.canea-container,.header-section{display:flex;flex-direction:column}.header-section{align-items:flex-start;height:100vh;justify-content:center;width:90%}.header-content{gap:1rem}.text-section{display:flex;flex-direction:column}.text-section h1,.text-section p{padding:5px;text-align:left}.extra-text{display:flex;flex-direction:column;gap:2rem}.process-section h1{margin-bottom:1rem;text-align:center}.process-content{flex-direction:row;justify-content:space-between;width:100%}.process-column,.process-content{align-items:flex-start;display:flex}.process-column{flex-direction:column;gap:2rem;width:40%}.process-image{width:20rem}.process-image-item{border-radius:20px;width:90%}.prototype-section{align-items:flex-start;display:flex;flex-direction:column;padding-top:10%;width:90%}.prototype-section h1,.prototype-section p{padding:5px;text-align:left}.carousel-container{margin-top:1rem}.report-link{margin:50px;padding:5px;text-align:left}.report-link a{text-decoration:underline}.reveal{transform:translateY(20px);transition:opacity .6s ease-in-out,transform .6s ease-in-out}.reveal.visible{transform:translateY(0)}.document-icon{cursor:pointer;margin:.5rem;width:40px}@media screen and (max-width:768px){.header-content{align-items:center;flex-direction:column;gap:2rem;justify-content:center}.header-section{height:auto;padding:0}.header-image{margin-top:1rem;width:90%}.process-content{flex-direction:column;gap:2rem;padding:0}.process-image{display:none}.report-link{align-items:center;display:flex;justify-content:center;margin:2rem 0 0;width:100%}.process-section h1{text-align:left}}.carousel-container{flex-direction:row;width:100%}.carousel-container,.image-container{align-items:center;display:flex;justify-content:center}.image-container{aspect-ratio:16/9;overflow:hidden;position:relative;width:100vh}.carousel-image{opacity:0;position:absolute;transition:opacity .7s ease-in-out;width:100%}.carousel-image.active{opacity:1}.arrow-left,.arrow-right{align-items:center;cursor:pointer;display:flex;height:60px;justify-content:center;width:60px}.arrow-left:before,.arrow-right:before{border-bottom:3px solid #434790;border-left:3px solid #434790;content:"";height:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:18px}.arrow-left:before{transform:translate(-50%,-50%) rotate(45deg)}.arrow-right:before{transform:translate(-50%,-50%) rotate(-135deg)}@media screen and (max-width:960px){.arrow-left,.arrow-right{display:none}}.reveal{display:flex;flex-direction:column;opacity:0;padding:20px;transition:opacity .5s ease-in-out;width:100%}.reveal.visible{opacity:1}.textBold{font-weight:700}.text{padding-top:10px;text-align:left}@media screen and (max-width:960px){.reveal{padding:0}}.filmfriends-container{flex-direction:column;padding-bottom:300px}.ff-header-section,.filmfriends-container{align-items:center;display:flex;justify-content:center}.ff-header-section{flex-direction:row;height:100vh;padding-right:5rem;width:90%}.header-content{display:flex;flex-direction:row;gap:8rem}.header-text{display:flex;flex-direction:column}.header-image{height:"auto";max-height:25rem;object-fit:contain;width:50%}.process-section{align-items:flex-start;gap:2rem;justify-content:center;margin-top:4rem;width:90%}.process-section,.timeline{display:flex;flex-direction:column}.timeline{height:1000px;justify-content:space-between;padding:0;position:relative}.timeline:before{background:linear-gradient(180deg,var(--pink),var(--lightBlue),var(--darkBlue));content:"";height:100%;left:0;position:absolute;top:0;width:6px}.timelineGrid{display:grid;grid-template-columns:.5fr 1.5fr;grid-template-rows:200px 200px 200px 200px 200px 200px;justify-items:start;padding:0 5% 0 0}.timelineLine{background-color:var(--pink);height:6px;padding:0;width:300px}.timelineLine:nth-child(3){background-color:#e0b5da}.timelineLine:nth-child(5){background-color:#ccc4f1}.timelineLine:nth-child(7){background-color:#a5b0e7}.timelineLine:nth-child(9){background-color:#737abb}.timelineLine:nth-child(11){background-color:var(--darkBlue)}.app-section{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-top:4rem;width:90%}.app-content,.app-lower-content{display:flex;flex-direction:row}.app-lower-content{gap:2rem}.app-image{height:"auto";max-height:50rem;object-fit:contain;width:32%}@media screen and (max-width:768px){.ff-header-section{height:auto;padding:0}.header-content{flex-direction:column;gap:2rem;margin-top:4rem}.header-image{margin-bottom:2rem;width:80%}.app-content,.app-lower-content{flex-direction:column}.app-image{width:90%}}
/*# sourceMappingURL=main.742ed1f4.css.map*/