.sidebar{justify-content:center;position:flex;display:flex;flex-direction:row;align-items:center;padding:10px 20px;z-index:100;gap:2rem}.sidebar ul{display:flex;flex-direction:row;gap:1.5rem;list-style:none;margin:0;padding:0}.sidebar-box{transition:transform .2s ease-in-out;cursor:pointer;font-size:25px;font-family:Courier New,Courier,monospace}.sidebar-box:hover{transform:scale(1.1);text-decoration:underline}.profile-container,.project-container,.contact-container{position:relative;left:50%;transform:translate(-50%);max-width:80%;align-items:center;font-family:Courier New,Courier,monospace;margin-bottom:100px;background-image:"src/components/website-profile-transparent.jpeg"}.profile-header{border-top:2px solid gray;margin-top:250px;position:relative;font-size:35px;font-family:Courier New,Courier,monospace}.project-header{margin-top:80px;position:relative;font-size:35px;font-family:Courier New,Courier,monospace;border-top:2px solid gray}.project-container{margin-top:50px;margin-bottom:30px}.contact-container{margin-top:50px;margin-bottom:50px}.content-container{width:100%;max-width:100%;height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth}.section{height:100vh;display:flex;align-items:center;justify-content:center;scroll-snap-align:start}.project-box{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;border:2px solid black;border-radius:8px;font-weight:700;cursor:pointer;transition:transform .2s ease-in-out;text-align:center}.project-box:hover{transform:scale(1.05)}.homepage-text{position:relative;top:-210px;left:5%;transform:translate(-50%,-50%);font-family:Courier New,Courier,monospace;font-size:28px;z-index:15;pointer-events:none;text-shadow:2px 2px 4px rgba(0,0,0,.4);transform:rotate(-7deg)}a{display:block;margin-bottom:8px}.image-container{position:relative;display:flex;justify-content:center;padding-bottom:150px;max-width:100%}@keyframes fallIn{0%{opacity:0;transform:translateY(-200px) rotate(0) scale(.8)}to{opacity:1;transform:translateY(0) rotate(var(--rotate, 0deg)) scale(.9)}}.sunset-image,.tulum-image,.overlay-australia,.overlay-lake,.jakarta,.icy,.LA{animation:fallIn 1.6s ease-out forwards;opacity:0}.sunset-image{animation-delay:.1s;--rotate: -10deg;position:relative;top:0;left:-40px}.tulum-image{animation-delay:.2s;--rotate: -10deg;position:relative;top:-30px}.overlay-australia{animation-delay:.3s;--rotate: 10deg;position:absolute;top:280px;left:10%;z-index:10;pointer-events:none}.overlay-lake{animation-delay:.4s;--rotate: -15deg;position:absolute;top:290px;left:50%;z-index:10;pointer-events:none}.jakarta{animation-delay:.5s;--rotate: 15deg;top:20px;pointer-events:none;z-index:10;position:absolute;left:80%}.icy{animation-delay:.6s;--rotate: 10deg;position:absolute;left:80%;pointer-events:none;z-index:20;top:280px}.LA{animation-delay:.7s;--rotate: 10deg;position:absolute;left:2%;pointer-events:none;z-index:20;top:15px}@media (max-width: 600px) and (orientation: portrait){#root{transform:none;transform-origin:top center}.sunset-image,.tulum-image,.overlay-australia,.overlay-lake,.jakarta,.icy,.LA{max-width:100%;height:auto;top:40px;right:10px}.overlay-lake{width:180px;left:60%;top:240px}.sunset-image{width:200px}.jakarta{width:110px;left:75%;top:10px}.icy{width:110px;left:75%;top:130px}.tulum-image{width:110px;right:50px;top:0;--rotate: -5deg}.LA{width:130px;top:35%;left:-20px}.overlay-australia{width:225px;left:0%;top:230px}.homepage-text{position:relative;top:-150px;left:25%;font-size:20px;transform:translate(-50%,-50%);transform:rotate(-7deg);z-index:15;max-width:200px}.sidebar{transform:scale(.8)}.profile-header{margin-top:100px}}@media screen and (max-width: 600px) and (orientation: landscape){.sunset-image,.tulum-image,.overlay-australia,.overlay-lake,.jakarta,.icy{position:static;width:45vw;max-width:45vw;margin:0;opacity:1;animation:none;left:50px}.LA{position:absolute;margin:0;opacity:1;left:10%;top:40%}#root{transform-origin:top center;transform:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#010101de;background-color:#e1d7d7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#551414;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.App{text-align:center;min-height:100vh;display:flex;flex-direction:column}.app-layout{display:flex;flex:1}.main-content{flex:1;padding:0;margin-left:200px}