:root{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg0:hsl(0, 0%, 97%);--bg1: hsl(0, 0%, 98%);--bg2:hsl(0, 0%, 100%);--bg3:hsl(42.55,44.72%,80%);--bd: rgba(32, 33, 36, .28);color:var(--text);--secondary:hsl(42.55,44.72%,60%);--text:rgb(24, 24, 24);--insignificant:hsl(0, 0%, 30%);--corner:10px;--h1:3rem;--h1L:.33rem;--h2:2rem;--h2L:.4rem;--p:1.125rem/.8rem;--aboutPad:10rem;---ptop:3rem;scrollbar-width:thin}html,body{margin:0 auto}.topic{font-family:Georgia,Times New Roman,Times,serif}h1{font-size:var(--h1)}h2{font-size:var(--h2)}p{font-size:var(--p)}@media not (min-width:768px){:root{--h1:2.75rem !important;--h2:1.75rem !important;--p:1rem/1rem !important;--aboutPad:1rem}}@media not (min-width:2560){:root{--h1:5.5rem !important;--h2:3.5rem !important;--p:2rem/1rem !important}}@media(prefers-color-scheme:dark){:root{-bd:rgba(255,255,255,.1);--bg0:rgb(24, 24, 24);--bg1:rgb(48, 48, 48);--bg3:hsl(42.55,44.72%,20%);--text:whitesmoke;--insignificant:rgb(154, 35, 35) !important}}#root{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;text-align:center;max-width:100vw;padding-top:0;background-color:var(--bg0)}#header{position:fixed;top:0%;left:50%;transform:translate(-50%);width:100%;max-width:2560px;height:4rem;background-color:#cdcdcd30;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);z-index:9998;display:flex;justify-content:space-between;align-items:center}#navDiv{width:50%;display:flex;flex-direction:row;justify-content:space-evenly}#navDiv p a{text-decoration:none}#logoCont{height:100%;aspect-ratio:1;overflow:hidden}#logo{object-fit:contain;width:100%;height:100%}.navLink{text-decoration:none;color:var(--text)}#menuButton{display:none}@media not (min-width:1024px){#navDiv{position:fixed;display:none;z-index:9999;top:4rem;width:100%;height:100vh;flex-direction:column;justify-content:center;background-color:#3330;transition:background-color 1s ease}#navDiv.open{display:inherit;background-color:#333333ec}#header{justify-content:center}.navLink{color:#f5f5f5}#menuButton{display:block;display:inherit;position:absolute;left:1rem;color:#fff}#skillsCont{width:90%}}h1,h2,p{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.fade-in{opacity:1;transform:translateY(0)}@font-face{font-family:TheSignature;src:url(/assets/Thesignature-BDt5Stit.woff) format("woff");src:url(/assets/Thesignature-B0n1h7ex.otf) format("otf");src:url(/assets/Thesignature-ZhGEr2n1.ttf) format("ttf");font-display:swap}#home{position:relative;width:100%;max-width:100%;color:#efefef;padding:0}#imgCont{width:100%;height:100vh}#backgroundImg{object-fit:cover;width:100%;height:100%;filter:brightness(35%)}#hero{min-width:100%;padding-top:8rem;inset:0% 0 0;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center}#heading{font-family:TheSignature;font-size:10rem;line-height:0rem;color:#c7ac6b}#heroDesc{line-height:auto}#heroButtons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-size:var(--p);margin-top:2rem}#heroButtons>a{margin:1rem}#heroButtons button{width:10rem;padding:1rem 2rem;border-radius:var(--corner);border:1px solid hsl(42.55,44.72%,60%);background-color:var(--bg3);margin:0}#projects{height:100vh;padding-top:5rem;color:var(--text);display:flex;flex-direction:column;justify-content:center}#projectsContainer{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;gap:.75rem}.projectCard{width:15rem;text-align:left;display:flex;flex-direction:column;box-shadow:0 1px 6px var(--bd);background-color:var(--bg1);padding:.25rem;border-radius:var(--corner);padding:1rem 1.25rem;line-height:var(--p);justify-content:space-between;color:var(--text)}.projectCard>p{color:var(--insignificant)}.projectRedirect{margin-top:1.25rem;width:10rem;padding:.5rem 1rem;border-radius:var(--corner);border:1px solid hsl(42.55,44.72%,60%);background-color:var(--bg3)}#skills{padding-top:5rem;min-height:100vh;border:1x solid red}#skillsCont{margin:0 auto;height:fit-content;display:flex;flex-wrap:wrap;width:100%;max-width:768px;gap:30px;align-items:center;justify-content:space-around;border:1x solid red}.skillItem{background-color:var(--bg1);border-radius:var(--corner);padding:1rem;font-size:var(--p);width:4rem;border:2px solid rgb(255,255,255);box-shadow:0 1px 6px var(--bd)}#about{margin-top:4rem;display:flex;flex-direction:column;align-items:center;padding-right:var(--aboutPad);padding-left:var(--aboutPad);max-width:2560px}#pfpCont{width:10rem;aspect-ratio:1;border-radius:50%;background-size:cover;overflow:hidden;background-color:gray}#pfp{object-fit:fill;width:100%;height:100%}#aboutDescription{min-width:fit-content;width:95%;max-width:1366px;text-align:left}#references{margin-top:4rem;min-width:100%;max-width:1366px;height:100vh;display:flex;flex-direction:column;align-items:center}#referencesContainer{width:90%;height:fit-content;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}#fullscreenPic{top:0%;left:0%;right:0%;position:fixed;width:auto;height:90vh;z-index:10000}#fullscreenPic>img{object-fit:contain;height:99vh;zoom:normal;max-width:99vw}.reference{width:10rem;height:20rem;background-color:var(--bg1);display:flex;flex-direction:column;align-items:center;margin:1rem;border-radius:var(--corner);box-shadow:0 1px 6px var(--bd)}.refpicCont{width:99%;height:90%;margin:0 auto;overflow:hidden}.refImg{object-fit:contain;width:100%;height:100%}#contact{margin-top:4rem;display:flex;align-items:center;justify-content:center;flex-direction:column}#contactFormContainer{margin-top:3rem;text-align:left;display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%}.inputField{width:20em;height:2rem;border-radius:var(--corner);border:none;margin-bottom:1rem;padding:.5rem;box-shadow:0 1px 6px var(--bd)}#submit{width:10em;border-radius:var(--corner);border:none;background-color:var(--bg3);border:1px solid hsl(42.55,44.72%,60%);box-shadow:0 1px 6px var(--bd)}#sendStatus{display:none}#sendStatus.sent{display:inherit}