*{margin:0;padding:0;box-sizing:border-box}:root{--section-spacing: 15vh;--light-text-color: #f7f7f7;--dark-bg-color: #141414;--gray-color: #434343;--light-gray-color: #565656;--button-hover-color: #252526}canvas{position:fixed;z-index:1;top:0;left:0}.navbar-container{z-index:1000;width:100vw;height:55px;display:flex;top:0;left:0;justify-content:center;align-items:center;position:fixed;background:#1c1c1d66;box-shadow:0 4px 30px #1c1c1d1a;backdrop-filter:blur(.5px);-webkit-backdrop-filter:blur(.5px);border-bottom:1px solid rgba(255,255,255,.2)}.navbar-text{font-size:21px;font-family:Jost;height:100%;padding:0 30px;display:flex;justify-content:center;align-items:center;border-radius:3px;color:var(--light-text-color);border-width:0;outline-width:0;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .5s}.navbar-text:hover{background:#05050699}.navbar-button-container{height:100%;display:flex;flex-direction:column;align-items:center;overflow:hidden}.navbar-text-underline{position:absolute;content:" ";flex:1;width:0;height:1px;bottom:0;background-color:var(--light-text-color);transition:all .3s ease}.navbar-text:hover+.navbar-text-underline{display:block;width:100px}.logo{height:38px;left:10px;position:absolute;z-index:100;cursor:pointer;transition:all .3s ease}.progress-bar-container{justify-self:center;position:fixed;width:100vw;height:100vh;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;background-color:#0d0d0e;z-index:9999}.progress-bar-label{color:var(--light-text-color);font-family:Roboto Mono;font-size:24px}#progress-bar{width:0;height:3px;background-color:var(--light-text-color);transition:width .2s}main{z-index:10;position:absolute;width:100%;display:flex;font-family:Jost;align-items:center;justify-content:flex-start;flex-direction:column;overflow-x:hidden}.peaks-svg{z-index:10000;width:100%}.spacer{aspect-ratio:900/130;width:100%;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url(/peaks.svg)}section{margin-top:5vw;padding-top:5vw;margin-bottom:var(--section-spacing)}.section-container{background:#0f2027;background:-webkit-linear-gradient(to bottom,var(--dark-bg-color),#414345,#203a43,#0f2027);background:linear-gradient(to bottom,var(--dark-bg-color),#414345,#203a43,#0f2027);background:#ffffff26;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(8px);border-radius:30px;border:2px solid rgba(255,255,255,.18);display:flex;padding:0 5%;align-items:center;justify-content:flex-start;flex-direction:column;margin-bottom:5vh;width:90vw}.offset-border{width:100%;height:100%;position:absolute;top:25px;left:25px}.home-page{height:100vh;background-color:transparent;display:flex;justify-content:center;align-items:center;margin-bottom:5vh}.title-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:30vh;width:80vw;z-index:10;position:fixed}.name-svg{margin-top:30px;width:79vw;height:20vh;min-height:90px}.name-svg>g{fill:none;stroke:var(--light-text-color);outline:var(--light-text-color)}.subtitle-container{display:flex;width:100%;justify-content:left}.subtitle{font-family:Bebas Neue;font-size:65px;color:var(--light-text-color)}.section-title{padding:1rem;width:fit-content;margin-bottom:30px;font-size:50px;color:var(--light-text-color);display:grid;place-content:center;height:fit-content;border:4px solid var(--light-text-color)}.section-paragraph{padding:3rem 3rem 10rem;grid-column:2 / 3;font-size:22px;outline:0;border-width:0;color:var(--light-text-color)}.section-paragraph:hover{background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y),hsl(var(--color / 1),rgba(255,255,255,.12) 40%))}.section-background{background:#0d0d0e;box-shadow:#d6d9d870 0 0 0 1px}.transition-svg{width:100%}.svg-grow-animation{transition:transform .3s ease}.svg-grow-animation:hover{transform:scale(105%)}.svg-up-animation:hover{transform:translateY(-4px)}::-webkit-scrollbar{width:.75em}::-webkit-scrollbar-track{background-color:var(--gray-color)}::-webkit-scrollbar-thumb{background:#0d0d0ea6;border-radius:100vw;border:.15em solid var(--gray-color)}@keyframes section-glow{0%{box-shadow:0 0 10px 2px #d6d9d870}to{box-shadow:0 0 7px #d6d9d870}}@media only screen and (max-width:500px){.subtitle{font-size:50px}}.projects-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px}.projects-section>.section-paragraph{padding:1rem}.project{width:700px;height:500px;display:flex;justify-content:flex-start;align-items:flex-start;margin-bottom:10px;padding:3% 0!important}.tools-container{width:10%;height:100%;display:flex;flex-direction:column;align-items:center;padding:0 10px}.project-info-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:0 20px}.project-svg-container{height:90%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px}.project-svg{z-index:10;aspect-ratio:1;width:80%}.project-svg-sub-container{width:100%;height:auto;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.project-svg:hover+.svg-name{opacity:1;transform:translate(max(90%,40px))}.project-description{font-size:20px}.project-image-div{width:100%;height:350px;overflow:hidden;object-fit:contain}.project-image{height:100%;width:100%;object-fit:contain;transition:all .4s ease}.project-image:hover{transform:scale(102%)}.tools-container>img{width:80%;aspect-ratio:1}.image-container{position:relative;width:100%;height:100%}.open-svg{position:absolute;bottom:10px;right:10px;height:30px;aspect-ratio:1}.experience-section{width:80%;display:flex;flex-direction:column;align-items:center;min-height:1000px}.timeline-container{width:100%;height:120vh;display:flex;justify-content:center}.media-timeline{justify-self:center;grid-column:12/13;grid-row:1/26;background-color:#fff;width:5px}.card-container{width:100%;height:100%;display:grid;grid-template-rows:repeat(26,32px);grid-template-columns:repeat(23,1fr);min-width:900px;min-height:900px;margin-bottom:-200px}.card{padding:5%;display:flex;gap:20px;transition:all .3s ease;min-width:430px;min-height:224px}.card:hover{transform:scale(101%) translateY(-4px)}.dot{grid-column:12/13;border-radius:50%;background-color:var(--light-text-color);aspect-ratio:1;height:25px;align-self:center;justify-self:center}.experience-logo{aspect-ratio:1;height:100px;object-fit:contain}.item-info-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;color:var(--light-text-color)}.item-title{font-size:26px}.item-date{font-size:16px}.item-role{margin-top:20px;font-size:22px}.card-container :nth-child(odd of.card){grid-column:1/11}.card-container :nth-child(2n of.card){grid-column:14/24}@media only screen and (max-width: 940px){.timeline-container{justify-content:right}.card-container{min-width:300px;grid-template-columns:repeat(10,1fr)}.media-timeline{grid-column:12/13;grid-row:1/26}.card-container :nth-child(odd of.card){grid-column:1/10}.card-container :nth-child(2n of.card){grid-column:1/10}.card-container :nth-child(1 of.card){grid-row:2/9}.card-container :nth-child(2 of.card){grid-row:10/17}.card-container :nth-child(3 of.card){grid-row:18/24}.card-container :nth-child(1 of.dot){grid-row:5/6}.card-container :nth-child(2 of.dot){grid-row:13/14}.card-container :nth-child(3 of.dot){grid-row:21/22}}@media only screen and (max-width:660px){.card{min-width:200px}.card-container{grid-template-rows:repeat(30,32px);grid-template-columns:repeat(8,1fr)}.card-container :nth-child(odd of.card){grid-column:1/8}.card-container :nth-child(2n of.card){grid-column:1/8}.card-container :nth-child(1 of.card){grid-row:2/10}.card-container :nth-child(2 of.card){grid-row:11/19}.card-container :nth-child(3 of.card){grid-row:20/28}.card-container :nth-child(1 of.dot){grid-row:5/6}.card-container :nth-child(2 of.dot){grid-row:14/15}.card-container :nth-child(3 of.dot){grid-row:23/24}.media-timeline{grid-row:1/30}}@media only screen and (max-width:590px){.item-role{font-size:17px}.item-title{font-size:22px}.experience-logo{height:60px}}.contact-section{margin-top:-5vh;width:60%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.contact-container{position:relative;width:80%;display:flex;height:40vh;border:4px solid var(--light-gray-color);min-width:602px;min-height:344px;max-height:400px}.offset-border{display:flex}.column-container{display:grid;grid-template-rows:repeat(3,100px);grid-template-columns:1fr;padding:5%;height:100%;align-items:center}.logo-container{justify-items:center;width:30%;border-right:1px var(--light-text-color) solid}.info-container{width:70%;justify-items:left}.contact-svg{height:60px}.contact-text{font-size:24px;color:var(--light-text-color)}.contact-text-container{width:100%;height:100%;display:flex;align-items:center;gap:15px}.text-svg{width:35px;cursor:pointer}.svg-link{position:relative;border-radius:10px;display:flex;flex-direction:column;align-items:center}.copied-text{position:absolute;background-color:var(--gray-color);top:-35px;opacity:0;transition:opacity .4s ease;border-radius:10px;padding:2px 5px}.skills-container{width:100%;display:flex;flex-direction:column;justify-content:center}.skills-section{position:relative;height:58vh;width:70vw;display:flex;color:var(--light-text-color);border:4px solid var(--light-gray-color);min-width:798px;min-height:388px;max-height:500px}.offset-border>:not(:last-child){border-right:2px var(--gray-color) solid}.skill{width:50%;height:100%;padding:5%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px}.skill-separator{height:70%;width:2px;background-color:var(--gray-color)}.skill-title{font-size:25px}.skill-description{font-size:20px}.skill-svg-container{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:15px;height:45px}.svg-container{height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.skill-svg:hover+.svg-name{opacity:1;transform:translateY(40px)}.svg-name{position:absolute;z-index:1;opacity:0;transition:all .4s;text-align:center}.skill-svg{z-index:10;height:100%;aspect-ratio:1}.skills-div{margin-top:10vh}@media only screen and (max-width:890px){.skills-section{min-height:800px;min-width:500px}.skills-section>.offset-border{flex-direction:column}.skills-section>.offset-border>:not(:last-child){border-bottom:2px var(--gray-color) solid;border-right:0}.skill{width:100%;height:50%}}