:root{font-family:PT Mono;font-size:16px;line-height:24px;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;background:linear-gradient(to bottom right,#1e1748,#40233e);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{width:100%;margin:0}.hero{width:100%;height:100vh;position:relative;align-items:center;justify-content:center;display:flex;flex-direction:column}.hero-image{width:100%;height:100%;position:absolute;object-fit:cover}.hero-text-container{position:relative;box-shadow:0 0 100px 100px #1e174899,0 0 200px 200px #1e174833;background-color:#1e1748ab;border-radius:50px;margin:0 20%}.hero-text{color:#ffb5ee;text-shadow:0 0 40px rgb(255,181,238,.3),0 0 20px rgba(30,23,72)}h1.hero-text{font-size:20vmin;line-height:1em;margin:0}h2.hero-text{font-size:4vmin;margin:0;line-height:1.25em}.card{width:25%;aspect-ratio:1.333;position:relative;overflow:hidden;text-decoration:inherit;color:inherit;cursor:auto;opacity:.7;transition:all .3s}.card:hover{opacity:1}.card img{height:100%;width:100%;object-fit:cover;position:absolute}.card-details{position:absolute;width:100%;bottom:0;background:#1e1748cc;box-shadow:0 0 50px 50px #1e1748cc}.card-details-inner{display:flex;position:relative;flex-direction:column;justify-content:end;height:100%;gap:.75em;padding:.75em}.card-container{width:100%;flex-wrap:wrap}.name{font-size:2em}p{margin:0}.links-container{gap:1em}.social-links-container{justify-content:center;align-items:center;height:100%;gap:1.25em}.social-link{font-size:1.75em}dialog{pointer-events:none;opacity:0;transition:opacity .25s,transform .25s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 .5rem 100vw #0003;transform:translateY(-64px);padding:0;border:none!important;box-shadow:0 0 #0000,0 0 #0000,0 25px 50px -12px #00000040,0 0 0 100vmax #1e174859;width:40%;aspect-ratio:1.333}dialog img{width:100%;height:100%;object-fit:cover}dialog[open]{opacity:1;pointer-events:inherit;transform:translateY(0)}dialog::backdrop{opacity:0}.scroll-arrow{position:absolute;bottom:5%;aspect-ratio:1;width:4em;cursor:pointer;animation:vertical-bob 1s ease-in-out 0s infinite alternate}@keyframes vertical-bob{0%{transform:translateY(0)}to{transform:translateY(-50px)}}@media only screen and (max-width: 800px){.card{width:100%}}@media only screen and (min-width: 800px) and (max-width: 1200px){.card{width:50%}}@media only screen and (min-width: 1200px) and (max-width: 1600px){.card{width:33.33%}}