#hud{display:flex;justify-content:space-between;padding:2.5rem;position:fixed;height:100svh;width:100vw}#hero{height:100svh;padding:2.5rem;display:flex;align-items:center;justify-content:center}h1{font-size:8rem}#hero h2{font-size:1.5rem;letter-spacing:50%;line-height:150%}#main{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:6rem}#title{margin-top:auto}#button-cont,#mobile-alert{z-index:1;height:200px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#button-cont button{width:222px;height:55px;border-radius:69px;background-color:#0000;border:1px solid white;margin-bottom:-20%;transition:.2s}#button-cont button:hover{background-color:#342b41;scale:1.1}#arrow{width:20px;height:20px;border-bottom:3px solid white;border-right:3px solid white;animation:arrowBounce 3s infinite;transform:rotate(-45deg)}#dots{right:10%;top:20%}#lines{left:20%;bottom:25%}#rect{right:48px;bottom:40px}@keyframes arrowBounce{0%{transform:rotate(45deg) translate(0)}50%{transform:rotate(45deg) translate(10px,10px)}to{transform:rotate(45deg) translate(0)}}#pagination{display:flex;height:100%;width:4.3rem;flex-direction:column;justify-content:space-between}#pagination ul{width:0}#pagination-top,#pagination-bottom{height:20vh;width:100%;border-left:2px white solid}#pagination-top{border-top:2px white solid}#pagination-bottom{border-bottom:2px white solid}#pagination ul{display:flex;flex-direction:column;gap:4.3rem;margin-left:-.75rem;font-size:1rem}.pagination-button p{letter-spacing:.5rem;color:#fff}.current-page{font-weight:800;scale:1.5;transition:.3s;text-shadow:0px 0px 5px rgba(244,189,254,1)}#socials{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:50px}#socials ul{display:flex;flex-direction:column;gap:50px}#socials ul li:hover{scale:1.2;transition:222ms}#socials-top,#socials-bottom{width:2px;background-color:#fff;height:10%}#root{display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;text-align:center}html{scroll-behavior:smooth}.page-section{padding:calc(2 * var(--padding));height:100svh}.background-decoration{position:absolute;z-index:1}#projects{display:flex;flex-direction:column;width:95%;min-height:100svh;align-self:center;color:#e6e6e6}#project-list{margin:auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:48px;z-index:1}#projects h2{text-align:start}:root{--card-background-color: #2e21407a;--padding: 20px;--border-color: white;--border-width: 2px;--icon-size: 24px;--card-height: 300px;--card-width: 450px}.project-link{display:block;width:fit-content}.project-card{position:relative;border-radius:22px;color:#fff;background-color:var(--card-background-color);height:var(--card-height);width:var(--card-width);padding:var(--padding);display:flex;flex-direction:column;transition:.2s;border:solid 1px rgb(207,175,236)}.project-card:hover{border:solid 1px rgb(187,255,0);scale:1.1}.project-card-header{text-shadow:0px -2px 8px rgba(0,0,0,.3)}.card-header{display:flex;justify-content:space-between}.card-header h2{margin-top:-1rem;font-size:1.5rem}.card-header-left{width:60px;height:50px;border-left:solid var(--border-width);border-top:solid var(--border-width)}.card-header-right{width:60px;border-top:solid var(--border-width)}.card-bottom-right{position:absolute;bottom:20px;right:20px;width:160px;height:100px;border-right:solid var(--border-width) var(--border-color);border-bottom:solid var(--border-width) var(--border-color)}.card-header-left,.card-header-right,.card-bottom-right{border-color:var(--border-color)}.card-content{height:100%;display:flex}.tools{height:100%;flex-wrap:wrap;padding:12px 0;align-self:start;display:flex;flex-direction:column;gap:12px;margin-left:calc(var(--padding) / 2 * -1)}.tool-icon{width:var(--icon-size)}#about{display:flex;flex-direction:column;height:fit-content}#about-title{padding:var(--padding);text-align:start;font-size:3rem}#about-container{display:flex;flex-direction:row;justify-content:space-between}#about-para{display:flex;align-self:start;flex-direction:column;text-align:start}#about-para p{padding:var(--padding)}#about-container section{display:flex;align-items:start;padding:calc(2 * var(--padding));width:100%}#about-history{display:flex;flex-direction:row}#timeline{display:flex;flex-direction:column;align-items:center}.point,.line{background-color:#fff}.point{height:var(--timeline-point-height);border-radius:100%;aspect-ratio:1}.line{width:2px;height:var(--timeline-line-height)}#timeline-end{width:var(--timeline-point-height);border-top:2px solid white}#job-history{display:flex;flex-direction:column;justify-content:space-between}#job-history ul li{list-style:outside;padding:.5rem}.history{height:var(--timeline-history-height);padding:var(--padding);text-align:start}:root{--timeline-point-height: 18px;--timeline-history-height: 200px;--timeline-line-height: calc( var(--timeline-history-height) - var(--timeline-point-height) );--mobile-timeline-history-height: 400px;--mobile-timeline-line-height: calc( var(--mobile-timeline-history-height) - var(--timeline-point-height) );--background-color: #141118;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--header-height: 3em;color-scheme:light dark;color:#ffffffde;background-color:var(--background-color);color:#ececec;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{list-style:none;box-sizing:border-box;margin:0;padding:0}a{font-weight:500;color:#646cff;text-decoration:inherit}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body::-webkit-scrollbar{width:2px;background:#e7e7e7}body::-webkit-scrollbar-thumb{background-color:#7f7f7f;border-radius:12px}#mobile-alert,#mobile-socials{display:none}@media screen and (max-width: 900px){html{scroll-snap-type:none;scroll-behavior:smooth}.page-section{scroll-snap-align:none;scroll-snap-stop:none}:root{--padding: 20px;--border-width: 2px;--card-width: 300px;--card-height: 200px}#projects{padding:30px}h1{font-size:2rem}h2{font-size:.8rem}#main{height:fit-content;gap:84px}#hud,#button-cont,#about-title,#mobile-alert,.background-decoration{position:absolute;display:none}#mobile-socials{display:block}#mobile-socials ul{display:flex;gap:48px}#title{margin:auto 0}#about{padding:0}#about-container{flex-direction:row;flex-direction:column;align-items:center}#about-para h3{font-size:x-large;place-self:center}.point{height:var(--timeline-point-height)}.line{height:var(--mobile-timeline-line-height)}.history{height:var(--mobile-timeline-history-height)}#projects{display:grid;max-width:100vw;place-items:center;padding:0}#projects .section-heading{padding:2rem 0;font-size:2rem}#project-list{padding:0;width:100%;max-width:100vw;flex-direction:column}#project-list li,.project-link,.project-card{width:90vw}.tools li{text-align:start}#project-list li:last-child{margin-bottom:48px}.project-card{height:340px}#projects .card-header h2{font-size:1rem;text-wrap:nowrap}}