@import"https://db.onlinewebfonts.com/c/eb3b4668df881043f89580bb2814cc00?family=Posterama1927W04-Thin";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--color-white: #E7E7E7;--color-black: #231E1D;--color-gold: #876630;--color-text-dark: #6D6D6D;--color-text-light: #DED2BF;--font-primary: "Posterama1927W04-Thin", sans-serif;--font-secondary: "Inter", sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-white);text-align:center;min-height:100vh;display:flex;align-items:center;justify-content:center}h1{font-family:var(--font-primary);font-size:3.1rem;color:var(--color-text-dark);line-height:3rem}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.5rem;color:var(--color-text-dark);letter-spacing:.07rem;font-family:var(--font-secondary);font-weight:200}p,a{font-size:1rem;color:#555;text-decoration:none;font-family:var(--font-secondary);font-weight:200}button{border-radius:10px;border:2px solid transparent;padding:1rem;font-size:1rem;font-weight:1000;font-family:inherit;background-color:#fff;color:#555;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-gold)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.clipboard-btn{display:flex;align-items:center;justify-content:space-around;gap:1rem}.horizontal-container{display:flex;flex-direction:row;gap:1rem}.intro-sequence-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-black);z-index:1000;display:flex;align-items:center;justify-content:center}.intro-sequence-container h3{color:var(--color-text-light)}.headers-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0rem}.projects-container{display:flex;flex-direction:row;gap:1rem;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none;border-radius:.5rem}.landing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:3rem 20%}.email-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.email-container>*{border:1px solid #d0d0d0;cursor:pointer;padding:1rem;border-radius:.5rem;user-select:none;transition:color .3s ease-out,background-color .3s ease-out,border-color .3s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.email-container>*:hover{background-color:#fff;border-color:var(--color-gold)}.email-container>*:active{background-color:var(--color-white)}.clipboard-btn-container,.socials-container{display:flex;flex-direction:row;justify-content:center;gap:1rem}.social{filter:invert(68%) sepia(97%) saturate(1%) hue-rotate(14deg) brightness(103%) contrast(92%);border-radius:.2rem;width:50px;height:50px;transition:all .3s ease-in-out;cursor:pointer}.social:hover{filter:invert(33%) sepia(0%) saturate(0%) hue-rotate(323deg) brightness(100%) contrast(98%)}.project-card{display:flex;flex-direction:column;min-width:40%;background:#fff;border:1px solid transparent;border-radius:10px;padding:2rem;cursor:pointer;line-height:1.3rem;gap:2rem;transition:border-color .3s,box-shadow .3s}.project-card-unavail{color:#d2d2d2;cursor:not-allowed}.project-card-unavail p{color:#d2d2d2}.project-card:hover{border-color:var(--color-gold);box-shadow:0 4px 16px #8766301a}.project-card-unavail:hover{border-color:transparent;box-shadow:none}.stack-container{display:flex;gap:1rem}.tech-tag{background-color:var(--color-white);color:var(--color-black);padding:.5rem;border-radius:1rem}header{position:sticky;top:0;width:100%;z-index:999;background:var(--color-white);display:flex;align-items:center;justify-content:center;padding:2rem}header *{max-height:3rem}footer{display:flex;flex-direction:column;color-scheme:dark;gap:1rem}.footer p{color:#d0d0d0}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}@media (max-width: 1000px){.projects-container{flex-direction:column}header{padding:0}h1{font-size:2.3rem;line-height:2rem;text-wrap:nowrap}h3{font-size:1.3rem;text-wrap:nowrap}.landing-container{gap:1rem;padding:3rem 15%}.email-container{flex-direction:column;align-items:center}.email-container>*{width:100%;max-width:300px}}