:root{background-color:#000;display:flex;justify-content:center;height:100vh;margin:0}body{margin:0;padding:0;overflow-x:hidden}.box{display:flex;flex-direction:column;align-items:center;justify-content:center}.nameBox{border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:16 / 7;width:min(80vw,800px);max-width:90%;padding:3vh 3vw;text-align:center;font-family:Inter,sans-serif;margin-top:17vh;margin-bottom:37vh}.about-container,.experience-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;aspect-ratio:16 / 7;width:min(80vw,800px);max-width:90%;box-sizing:border-box;margin-bottom:3vh}.projects-container{display:flex;gap:3rem;flex-wrap:wrap;justify-content:center}.experience-box,.projects-box{margin-bottom:10vh}.experience-header,.projects-header{color:#ededed;font-size:clamp(1rem,3.5vw,1.8rem);font-weight:400;letter-spacing:-.08em;word-spacing:.1em;font-family:Inter,sans-serif;margin-bottom:1.5vh}.song-intro{color:#ededed;font-size:clamp(1rem,3.5vw,1.8rem);font-weight:400;letter-spacing:-.08em;word-spacing:.1em;font-family:Inter,sans-serif;margin-bottom:-1vh}.song-justification{color:#a1a1aa;font-size:min(1.05rem,8vw);font-weight:200;letter-spacing:-.02em;padding-bottom:.7vh}.spotify-page{padding-bottom:10vh}@media (max-width: 600px){.nameBox{width:85vw;max-width:450px;padding:2vh 4vw;aspect-ratio:auto;margin-top:15vh;margin-bottom:39vh;box-sizing:border-box}.name-title{font-size:clamp(3rem,6vw,4rem);text-align:center;width:100%;word-wrap:break-word}.name-description{font-size:clamp(.9rem,4vw,1.1rem);max-width:100%;text-align:center;margin-left:auto;margin-right:auto}.navbar{padding:1vh 3vw;width:100%;box-sizing:border-box}.name-logo{font-size:.6rem}.about-button,.projects-button{font-size:.7rem;padding:1px 2px}.about-container,.experience-container{width:85vw;max-width:450px;aspect-ratio:auto;padding:2vh 0vw;margin-bottom:7vh;margin-left:auto;margin-right:auto;text-align:center}.experience-box,.projects-box{margin-bottom:5vh;margin-left:auto;margin-right:auto}.about-header{font-size:clamp(1.5rem,5vw,2.3rem)!important;margin-bottom:2vh!important;font-weight:500!important;text-align:center!important;width:100%!important;display:block!important}.experience-header,.projects-header,.song-intro{font-size:clamp(1.5rem,5vw,2.3rem);margin-bottom:2vh;font-weight:500;text-align:center}.spotify-page{padding-bottom:5vh;width:85vw;max-width:450px;padding:2vh 4vw;aspect-ratio:auto;margin-left:auto;margin-right:auto}.song-justification{padding-bottom:5vh;width:90%;max-width:450px;padding:2vh 4vw;aspect-ratio:auto;margin-left:auto;margin-right:auto;text-align:center}.projects-container{gap:1.5rem;flex-direction:column;align-items:center;margin-bottom:5vh}.project-card{width:85vw;max-width:450px;padding:2vh 4vw;aspect-ratio:auto;margin-bottom:3vh;margin-left:auto;margin-right:auto}.job-card p,.job-description,.job-card div:not(.company-logo):not(.job-title):not(.job-date):not(.job-location){width:100%!important;max-width:100%!important;padding-right:0!important;margin-right:0!important;box-sizing:border-box!important;text-align:left!important;word-wrap:break-word!important;white-space:normal!important;display:block!important}.job-card{width:85vw!important;max-width:450px!important;padding:3vh 4vw!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;margin-left:auto!important;margin-right:auto!important}.job-card>div,.job-card>section{width:100%!important;max-width:100%!important;box-sizing:border-box!important;text-align:center!important}.meta-logo{padding-left:10vw;margin-left:auto;margin-right:auto;display:block}.sunlife-logo{padding-left:60vw;margin-left:auto;margin-right:auto;display:block}.gnv-logo{padding-left:52vw;margin-left:auto;margin-right:auto;display:block}.sharpstakes-logo{padding-left:10vw;margin-left:auto;margin-right:auto;display:block}}.name-title{color:#ededed;font-size:min(4.5rem,8vw);font-weight:500;letter-spacing:-.08em;word-spacing:.1em;margin:0;flex-shrink:1}.resume-button{color:#e2e2e2;background-color:#1f1f1f;font-size:1.2rem;font-weight:150;border-radius:50px;border:solid rgb(0,0,0);border-width:thin;padding:6px 15px;margin-bottom:2vh}.social-media-container{display:flex;flex-direction:row!important;justify-content:center;align-items:center;gap:5px;margin-bottom:3vh}.social-media{height:24px;width:24px;transition:transform .2s ease-in-out}.social-media:hover{transform:scale(1.2)}.resume-button:hover{color:#9f9f9f;background-color:#000;border:solid rgb(45,45,45);border-width:thin;transition:.2s;cursor:pointer}.personal-description{color:#9f9f9f;font-size:clamp(.9rem,2vw,1.2rem);font-weight:350;width:min(90%,50ch);letter-spacing:-.03em;word-spacing:.05em}.navbar{display:flex;width:100%;margin-top:1vh;margin-bottom:7vh;justify-content:space-between}.name-logo{color:#ededed;background:none;border:none;width:7vh;font-size:1rem;font-weight:500;letter-spacing:-.08em;word-spacing:.1em;text-align:center;margin-right:1vw}.navbar-buttons{display:flex;justify-content:flex-end}.about-button,.projects-button,.experience-button{color:#9f9f9f;background:none;font-size:.9rem;font-weight:150;margin-left:2vh;border-radius:50px;border:solid rgb(45,45,45);border-width:thin;padding-left:15px;padding-right:15px}.about-button:hover,.projects-button:hover,.experience-button:hover{color:#e2e2e2;background-color:#1f1f1f;transition:.2s;cursor:pointer}.about-header{color:#ededed;font-size:clamp(1rem,3.5vw,1.8rem);font-weight:400;letter-spacing:-.08em;word-spacing:.1em;font-family:Inter,sans-serif;display:flex}.description-one,.description-two,.description-three{color:#9f9f9f;font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:400;width:min(100%,100ch);letter-spacing:-.03em;word-spacing:.05em;font-family:Inter,sans-serif;display:flex}.job-card{display:flex;flex-direction:column;background-color:#000;border-radius:10px;padding:1rem 1.5rem;margin-bottom:2vh;width:min(90vw,920px);max-width:100%;box-sizing:border-box;align-items:flex-start;text-align:left;border:1px solid rgba(255,255,255,.1)}.job-card:hover{background-color:#0c0c0e}.job-header{display:flex;align-items:flex-start;width:100%}.company{color:#ededed;font-size:min(1.3rem,8vw);font-weight:350;margin:0;line-height:1;padding-top:.5vh}.job-details{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;text-align:right;line-height:1}.sunlife-logo{width:60px;margin-top:.5rem}.meta-logo{width:35px;margin-top:1rem;margin-right:.7rem}.sharpstakes-logo{width:40px;margin-top:.4rem;margin-right:.5rem}.gnv-logo{width:80px;margin-top:.7rem}.job-date{color:#a1a1aa;font-size:min(.9rem,8vw);font-weight:300;letter-spacing:-.08em;word-spacing:.1em;white-space:nowrap;line-height:1.3;display:flex;align-items:center}.job-location{color:#a1a1aa;font-size:min(.9rem,8vw);font-weight:300;letter-spacing:-.08em;word-spacing:.1em;white-space:nowrap;margin-top:2px}.job-title{color:#a1a1aa;font-size:min(1.05rem,8vw);font-weight:250;margin:0;flex-shrink:1;padding-bottom:1.4vh;padding-top:.3vh}.job-description{color:#a1a1aa;font-size:min(1.05rem,8vw);font-weight:200;letter-spacing:-.02em;margin:0;flex-shrink:1;padding-bottom:.7vh}*{font-family:Inter,sans-serif}.project-card{display:flex;flex-direction:column;background-color:#000;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;width:100%;max-width:350px;margin-bottom:2vh;flex:1}.project-card:hover{background-color:#0c0c0e}.project-card h3{color:#ededed;font-size:min(1.3rem,8vw);font-weight:350;margin:0;padding-top:.5vh}.project-card p{margin:.75rem 0 1rem;color:#a1a1aa;font-size:min(1.05rem,8vw);font-weight:200;letter-spacing:-.02em;padding-bottom:.7vh}.tags{margin-bottom:1rem}.tags span{display:inline-block;background-color:#333;color:#c5c5c8;font-weight:300;margin-right:.5rem;margin-bottom:.5rem;padding:.3rem .6rem;border-radius:15px;font-size:.85rem}.actions{display:flex;gap:.5rem;margin-top:auto}.actions .btn{display:inline-flex;align-items:center;text-decoration:none;background-color:#fff;color:#504b4b;padding:.5rem 1rem;border-radius:4px;margin-right:.5rem;transition:background-color .2s ease-in-out}.actions .btn:hover{background-color:#555}.black-github-logo{height:1em;width:auto;margin-right:.4em}