*{box-sizing:border-box}body{padding:1em}body{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#333;background-color:#faf9f6}.wrapper{max-width:50em}.heading{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}#portrait{display:flex;justify-content:center;width:22%;clip-path:circle()}nav{margin-top:.5vw;margin-bottom:1.5vw}nav ul{list-style:none;padding-left:0}nav li{display:inline;margin:1.2vw}.nav_links{color:#faf9f6;background:#333;text-decoration:none;font-size:2.2vw;border-radius:5vw;padding:.4vw 1vw;margin-right:1vw;margin-left:1vw}.background{position:fixed;width:100vw;height:100vh;z-index:-1;overflow:hidden;container-type:inline-size;mask:linear-gradient(90deg,#0000 0 2px,#fff,#0000 calc(100% - 2px) 100%)}.background .background_div{width:3%;aspect-ratio:1;background:red;position:absolute;top:calc(var(--y) * 1%);background:var(--color);animation-name:travel;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:calc(var(--d) * -3s);animation-duration:calc(var(--a) * 3s)}@keyframes travel{0%{translate:100cqi 0;opacity:0}10%{opacity:.5}20%{opacity:.8}80%{opacity:.8}90%{opacity:.5}to{translate:-50% 0;opacity:0}}#container{display:inline-block}.typewriter{color:#333;font-size:5vw;border-right:5px solid;margin-top:0vw;margin-bottom:1vw;width:100%;white-space:nowrap;overflow:hidden;animation:typing 2s,cursor .4s step-end infinite alternate}@keyframes cursor{50%{border-color:transparent}}@keyframes typing{0%{width:0}}.typewriter span{background-image:linear-gradient(to right,#5c6e3d,#a3b18a,#8d9f6c,#5c6e3d,#a3b18a,#8d9f6c,#5c6e3d,#a3b18a,#8d9f6c,#5c6e3d);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200%;animation:animate 4s ease infinite}.grow{transition:all .2s ease-in-out}.grow:hover{font-size:1.2em}@keyframes animate{0%{background-position:0}to{background-position:200%}}.active{background-color:#a3b18a;text-decoration:underline}nav ul li a:hover{transition:all .2s ease-in-out;background-color:#a3b18a}nav ul li a:focus{outline:#A3B18A double 3px}#image-track-wrapper{overflow:hidden;width:95vw;position:relative}#image-track .image{width:40vmin;height:56vmin;object-fit:cover;object-position:center}#image-track{display:flex;gap:4vmin;transform:translate(0);width:max-content}*::selection{background-color:transparent}*::-moz-selection{background-color:transparent}*{-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}input[type=text],textarea,[contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#image-track-wrapper h4{font-size:3vw;margin:.2rem}#image-track-wrapper img{width:15vw;margin:.2rem}.projects_list{display:flex;flex-direction:column;list-style:none;padding-left:0;gap:1vw}.projects_list li{display:flex;flex-direction:column;background:#faf9f6;border:#333 double 1vw;padding:1vw;gap:1.5vw;margin-top:1.2vw;margin-bottom:1.2vw}.projects_list img{width:100%}.projects_list a{color:#333;text-decoration:underline;text-shadow:.04em .03em .04em #2F4F4F;padding:0;margin-left:1vw;margin-top:.2vw;margin-bottom:.2vw;font-size:3vw}.projects_list a:hover{transition:all .2s ease-in-out;color:#a3b18a}.projects_list a:focus{text-decoration:none}.projects_list h3{padding:0;margin-left:1vw;margin-top:.4vw;margin-bottom:.4vw;font-size:2vw}.projects_list p{padding:0;margin:.4vw 1vw;font-size:1.8vw}.experiences_list{display:flex;flex-direction:column;list-style:none;padding-left:0;gap:1vw}.experiences_list li{display:flex;flex-direction:row;background:#faf9f6;border:#333 double .75vw;padding:1vw;gap:1.5vw;margin-top:1.2vw;margin-bottom:1.2vw}.experiences_list img{height:20vw;width:20vw}#kitlab{transition:all .2s ease-in-out}#kitlab:hover{transform:scale(1.1);filter:saturate(1.25)}#tartanlogo{transition:all .2s ease-in-out}#tartanlogo:hover{transform:scale(1.1);filter:saturate(1.25)}#howmet{transition:all .2s ease-in-out}#howmet:hover{transform:scale(1.1);filter:saturate(1.25)}.experiences_list a{color:#333;text-decoration:underline;text-shadow:.04em .03em .04em #2F4F4F;padding:0;margin-left:1vw;margin-top:.2vw;margin-bottom:.2vw;font-size:3vw}.experiences_list a:hover{transition:all .2s ease-in-out;color:#a3b18a}.experiences_list a:focus{text-decoration:none}.experiences_list h3{padding:0;margin-left:1vw;margin-top:.4vw;margin-bottom:.4vw;font-size:2vw}.experiences_list p{padding:0;margin:.4vw 1vw;font-size:1.8vw}.text{display:flex;flex-direction:column}.leadership_list{display:flex;flex-direction:column;list-style:none;padding-left:0;gap:1vw}.leadership_list li{display:flex;flex-direction:row;background:#faf9f6;border:#333 double 1vw;padding:1vw;gap:1.5vw;margin-top:1.2vw;margin-bottom:1.2vw}.leadership_list img{height:20vw;width:20vw}#piano{clip-path:circle();transition:all .2s ease-in-out}#piano:hover{transform:scale(1.07) rotate(4deg);filter:saturate(1.25)}#valorant{clip-path:circle();transition:all .2s ease-in-out}#valorant:hover{transform:scale(1.07) rotate(4deg);filter:saturate(1.25)}.leadership_list a{color:#333;text-decoration:underline;text-shadow:.04em .03em .04em #2F4F4F;padding:0;margin-left:1vw;margin-top:.2vw;margin-bottom:.2vw;font-size:3vw}.leadership_list a:hover{transition:all .2s ease-in-out;color:#a3b18a}.leadership_list a:focus{text-decoration:none}.leadership_list h3{padding:0;margin-left:1vw;margin-top:.4vw;margin-bottom:.4vw;font-size:2vw}.leadership_list p{padding:0;margin:.4vw 1vw;font-size:1.8vw}#discord{color:#333;text-shadow:none!important;padding:0;margin-left:0vw;margin-top:0vw;margin-bottom:0vw;font-size:1em}#discord:hover{transition:all .2s ease-in-out;color:#a3b18a}#discord:focus{text-decoration:none}#about_section{display:flex;flex-direction:column;align-items:center;background:#faf9f6;border:#333 solid .75vw;padding:1vw}#about_section h2{margin:0;font-size:3vw}#about_section p{text-align:justify;margin:1vw;font-size:1.8vw;text-indent:4vw}#about_section a{color:#333;text-decoration:underline}#about_section a:hover{transition:all .2s ease-in-out;color:#a3b18a}#about_section a:focus{text-decoration:none}.footing{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;margin-top:1vw}.footing ul{list-style:none;padding-left:0;display:flex;gap:5vw}.footing img{width:4.5vw;height:4.5vw}.footing a{color:#333;text-decoration:none;text-shadow:.04em .03em .04em #2F4F4F}.footing p{font-size:2.5vw;margin:.5em 0}.footing a:hover{transition:all .2s ease-in-out;color:#a3b18a}.footing a:focus{text-decoration:underline}@media screen and (max-width: 501px){#welcome{margin-bottom:1vw}nav{list-style-type:none;margin-top:0vw;margin-bottom:0vw}.projects_list li,.experiences_list li,.leadership_list li{margin-top:0vw}#about_section{padding:2vw}#about_section h2{margin:0;font-size:3vw}#about_section p{font-size:2.5vw;text-indent:4vw}.footing img{width:5vw;height:5vw}}