@font-face{font-family:Unageo;src:url(./Unageo-Regular-DQvudqpX.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Unageo;src:url(./Unageo-Bold-BG0qJIsr.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Unageo;src:url(./Unageo-Regular-Italic-CQl8xE07.ttf) format("truetype");font-weight:400;font-style:italic}html{scroll-behavior:smooth;overflow-x:scroll}::-webkit-scrollbar{width:0}body{margin:0;Font-family:Unageo,Helvetica,sans-serif;gap:20px;background-color:#ecfcff}#root{height:100%}a{font-style:none;color:#000}.flex-column{display:flex!important;flex-direction:column}.landing-page{width:90%;display:none;flex-direction:column;gap:.75rem}.header{display:flex;flex-direction:row;width:100%;height:100vh;gap:2rem;align-items:center;justify-content:center}.header-text{display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:end}.prof-pic{width:40%;height:auto;object-fit:cover;border-radius:10px;animation:spawn-left .7s ease-out}.img-hide{visibility:hidden;width:400px}#greeting{max-width:430px}#aboutme,#projects{display:flex;align-items:center;justify-content:center}@media all and (max-width: 800px){.landing-page{width:100%}.prof-pic{width:75%}.header{padding:20px;height:unset;flex-direction:column;align-items:center;width:auto;justify-content:space-around;gap:0}#menu,.header-image{display:none}}@keyframes spawn-left{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.contact{display:grid;align-items:start;justify-items:end;z-index:50;width:100%}.contact-box{z-index:100;display:grid;grid-gap:10px;align-items:center;justify-content:end;border-radius:5px}.contact-box h1{text-align:right;font-size:medium}.social-logos{align-content:center;justify-content:center;display:flex;column-gap:10px}.social-logos img{cursor:pointer;height:2rem}h1,.social-logos{margin:0}@media all and (max-width: 800px){.contact{justify-items:center}.contact-box{justify-content:center}.contact-box h1{text-align:center}}.greeting{color:#000;display:flex;flex-direction:column;justify-content:center;align-content:center;width:100%;gap:.25rem;animation:spawn-right .5s ease-out}.greeting h1{margin-bottom:1rem;font-size:min(6vw,5rem);font-weight:700;text-shadow:0 2px slategrey;text-align:right}.greeting p{margin:0;text-align:right;font-size:1.3vw}@media all and (max-width: 800px){.greeting{height:fit-content;margin:2rem 0 0}.greeting h1{font-size:4rem;text-align:center;margin-bottom:1.5rem}.greeting p{font-size:.8rem;text-align:center;margin-bottom:.2rem}}@keyframes spawn-right{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.nav-bar{position:fixed;display:flex;height:30dvh;padding:1.5rem 0;flex-direction:column;align-items:center;justify-content:space-between;color:#000;text-align:center;text-decoration:underline;top:30dvh;right:0}.nav-bar a{font-size:1rem;transform:rotate(-90deg);font-weight:400;border-radius:5px;display:flex;place-items:center;cursor:pointer}.nav-bar a:nth-child(1){animation:.6s ease-out 0s normal forwards 1 spawn-opacity}.nav-bar a:nth-child(2){animation:1s ease-out 0s normal forwards 1 spawn-opacity}.nav-bar a:nth-child(3){animation:1.4s ease-out 0s normal forwards 1 spawn-opacity}.nav-bar a:hover{font-weight:700}@keyframes spawn-opacity{0%{opacity:0}80%{opacity:0}to{opacity:1}}.about-me{padding:1rem;max-width:90%}.about-me>h1{text-align:left;font-size:1.5rem}.about-me>p{font-style:italic;margin:2rem 0}.about-me-container{height:100vh;z-index:50}.about-me-container img{height:90vh;border-radius:3px}.cards-container{height:100%;width:100%;display:grid;grid-gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.cards{background-color:transparent;max-width:400px;height:100%;padding:10px;display:grid;align-content:start;border-radius:10px;z-index:100}.title{display:inline-flex;align-items:center;column-gap:10px;margin-bottom:.5rem}.title h1{font-size:1.2rem}.cards img{height:25px;width:25px}.cards p{font-size:1rem;margin:5px}@media all and (max-width: 800px){.cards-container{display:flex;flex-direction:column;gap:10px}.about-me-container{height:fit-content}}.projects-container{height:100vh;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;z-index:50;padding:.75rem}.projects-container h1{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.project{display:flex;gap:1rem;width:100%;height:fit-content}.project img{z-index:100;width:auto;height:20vh;border-radius:5px}.project img:hover{z-index:200;transform:scale(1.5);transition-duration:.3s;cursor:pointer;border-radius:5px}#project-text{z-index:100;margin:0 0 0 15px}#project-text{max-width:500px}#project-1 img:hover{transform-origin:top left}#project-2 img:hover{transform-origin:left center}#project-3 img:hover{transform-origin:bottom left}h2{font-size:1.2rem}@media all and (max-width: 800px){.project{display:flex;flex-direction:column}.project img{width:100%;height:auto}.projects-container{height:fit-content}.project img:hover,#project-1 img:hover,#project-2 img:hover,#project-3 img:hover{transform:initial;transform-origin:unset}}.page-loader{width:100%;height:100vh}.loader{position:relative;display:flex;width:100%;height:100%}.loader:after{content:"";background:#fff;border:10px black solid;position:absolute;left:50%;top:50%;width:32px;height:32px;border-radius:4px;transform-origin:-16px -32px;animation:rotate 1s linear infinite}@keyframes rotate{0%,to{transform:rotate(-45deg) translate(-50%,-50%)}50%{transform:rotate(-245deg) translate(-50%,-50%)}}