*{margin:0;padding:0;box-sizing:border-box}body,html{background-color:#fff;width:100%;height:400vh;overflow-x:hidden}nav{position:relative;width:100%;height:5%}ul{position:relative;top:40%;width:100%;height:40%;display:flex;justify-content:space-around;list-style:none;text-decoration:none}a{color:inherit;text-decoration:none;font-family:Fustat,sans-serif;font-weight:400;color:#373737}a:hover{color:#649700;text-decoration:underline;text-shadow:0 0 10px rgb(237,255,196),0 0 20px rgb(231,255,204),0 0 30px rgb(220,255,182)}li{display:inline;align-items:first baseline;font-size:18px}.section{height:100vh}#home{height:90vh}span{overflow:hidden;display:block}h1{font-family:Playfair Display;font-weight:400;font-size:60px}h2{font-family:Playfair Display;font-weight:400;font-size:50px}h3{padding-top:30px;font-family:Playfair Display;font-weight:400;font-size:20px}#home-text{display:inline-block;width:40%;margin-left:70px}.loader-wrap{position:absolute;z-index:10;width:100%;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden;position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:all}.loader-wrap svg{position:absolute;width:100vw;height:110vh}.loader-wrap .loader-wrap-heading h1{font-size:120px;z-index:20;color:#fff;text-transform:uppercase;font-weight:lighter;font-family:Playfair Display,serif}.container{display:flex;padding-top:20px;height:100vh;width:100%;overflow:hidden}.tester{width:fit-content;height:fit-content;display:flex;justify-content:center;align-items:center}.home{display:flex;margin:auto}.container h1{font-family:Playfair Display,serif;font-weight:lighter;font-size:100px;text-transform:uppercase}svg{color:#9bcf23}#container3D{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}canvas{position:fixed}.pfp{width:25%}html{scroll-behavior:smooth}.flower-bulb{height:65vh;position:absolute;z-index:0;display:flex;justify-self:end;right:0}.project-content{z-index:5;display:flex;justify-content:center}.projects{position:relative}.AiExhibtion,.Pochi,.Dockers{z-index:3;display:inline-block;width:27%;margin:2em}.project-image{width:95%}.pochi{filter:saturate(90%)}.title{font-family:Fustat,sans-serif;font-weight:400;font-size:5px;justify-self:center;text-align:center;opacity:0}.project-title{z-index:5;padding-left:5%;margin-bottom:2%}.tags{font-family:Fustat,sans-serif;font-size:15px;font-style:italic;font-weight:300;text-align:left;margin-top:1em}.project-summary{justify-self:center}.project-summary-info{font-family:Fustat,sans-serif;font-weight:400;text-align:left;font-size:17px;width:100%;margin-top:1em}.tags{width:95%}.card{position:relative;aspect-ratio:540 / 540}.project-image{display:block;width:100%;height:auto}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;opacity:0;transition:.5s ease;background-color:#fff}.overlay-text{color:#000;font-size:30px;width:85%;font-family:Playfair Display;font-weight:400;text-align:center}.card:hover .overlay{opacity:.9}.TR{text-shadow:0 0 10px rgba(0,242,255,.107),0 0 20px rgba(0,225,255,.111),0 0 30px rgba(0,255,229,.231)}.PP{text-shadow:0 0 10px rgba(255,149,0,.107),0 0 20px rgba(255,179,0,.111),0 0 30px rgba(255,166,0,.231)}.DR{text-shadow:0 0 10px rgba(179,109,255,.107),0 0 20px rgba(203,121,255,.111),0 0 30px rgba(207,130,255,.231)}.white-flower-vine{height:89vh;position:absolute;z-index:0;display:flex;left:0}.about-title{z-index:5;margin-bottom:2%;margin-right:6%;display:flex;justify-content:end}.about-image{z-index:5;width:35%}.about-page{z-index:5;position:relative}.about{z-index:5;display:flex}.about-content{z-index:5;display:flex;align-items:center;justify-content:center}.about-paragraph{width:45%;margin-left:5%}.abt-sentence{font-size:20px;font-family:Fustat,sans-serif}.contact{display:flex;position:relative}.contact-visuals{width:50%;z-index:5}.poppy{height:30vh;position:absolute;z-index:0;display:flex;right:0;bottom:0}.contact-information{font-size:20px;font-family:Fustat,sans-serif;width:60%;display:flex;justify-content:center;align-items:center;z-index:5}.contact-title{padding-left:20%;font-size:87px;z-index:5}.landing-flower{position:absolute;z-index:0;left:-5}.flower-contact{height:89vh;overflow:hidden}.contact-content,.starting-info,.content-deets,.social-media,.cv-deets{margin-bottom:2em}.starting-info{margin-top:5em}.social-media{margin-top:2em}#contact{height:fit-content;position:relative}.cv-sentence{margin-bottom:1em}.social{width:80px;margin-right:1em}.social-media{display:inline-block}@media (max-width: 767px){.loader-wrap svg{width:200vw;margin-left:-50vw}.loader-wrap .loader-wrap-heading,.container h1{font-size:60px}}@media (min-width: 601px) and (max-width: 768px){h2{font-size:30px}h3{font-size:20px}.section{height:40vh;width:auto;margin-bottom:auto}.flower-contact{height:60vh;overflow:hidden}.overlay{position:absolute;align-self:center;justify-self:center;top:0;bottom:0;left:0;right:0;height:92%;width:92%;opacity:85%;transition:.5s ease;background-color:#fff;box-shadow:0 0 5px 10px #ccd0bf71}.overlay-text{font-size:16px}}@media (min-width: 769px) and (max-width: 1024px){main{padding-bottom:90vh}#home{height:80vh;margin-top:20px}#about{margin-bottom:100px;margin-top:20px}#projects{margin-bottom:100px}#about,#projects,#contact{height:90vh;width:auto}body{display:flex;flex-direction:column;min-height:90vh}main{flex:1 0 auto;padding-bottom:0}.contact{position:relative;margin-top:auto;width:100%}.contact-title{font-size:75px;padding-left:10%}.contact-visuals{width:55%}.contact-information{width:40%}.flower-contact{height:85vh;overflow:hidden}.landing-flower{display:flex;align-self:flex-end;margin-bottom:0%;padding-bottom:0%}.overlay{position:absolute;align-self:center;justify-self:center;top:0;bottom:0;left:0;right:0;height:92%;width:92%;opacity:85%;transition:.5s ease;background-color:#fff;box-shadow:0 0 5px 10px #ccd0bf71}.overlay-text{font-size:16px}}@media (orientation: portrait){#home-text{display:block;width:100%;margin-left:0}#home-text h2{font-size:30px}#home-text h3{font-size:15px}.tester{flex-direction:column;width:100%}.pfp{width:80%}}