:root{--color-sky-blue-light: #708D98;--color-cloud-orange-sunlight: #FF9A53;--color-bg: #0C1821;--color-surface: hsl(206, 40%, 14%);--color-surface-highlighted: hsl(206, 36%, 18%);--color-edge: hsl(206, 30%, 30%);--color-text-subtle: hsl(206, 25%, 60%);--color-text-faint: hsl(207, 15%, 42%)}*{font-family:IBM Plex Mono,Arial,Helvetica,sans-serif}html,body{margin:0;padding:0;background-color:var(--color-bg);color:#fff;width:100%;height:100%}.italic{font-style:italic}.banner{width:100%;padding-top:100px;padding-bottom:120px;background-size:cover;background-position-y:center;display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:inset 0 -40px 30px var(--color-bg)}.banner .effect{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.banner .effect img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}#banner-clouds-front{z-index:20}@keyframes up-down-bob{0%,to{transform:translateY(-5px)}50%{transform:translateY(5px)}}.banner-info{max-width:100vw;padding-left:20px;padding-right:20px}.banner .banner-profile-container{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;margin-bottom:20px;row-gap:10px;width:fit-content}.banner .pfp{height:150px;aspect-ratio:1;margin-right:30px;box-shadow:2px 2px 10px #0006;background-size:cover;border-radius:1000px}.banner .banner-text{padding-bottom:10px;display:flex;flex-direction:column;row-gap:10px}.banner .title{z-index:15;font-size:4rem;margin:10px 0 0;line-height:3.2rem}.banner .subtitle{margin-top:5px;margin-bottom:0;white-space:pre-line;max-width:650px}.banner-info p,.banner-info h1{text-shadow:#00000066 4px 4px 10px}.social-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:5px 5px}.social-container .social-item{text-decoration:none;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:3px 7px;border:solid 1px;background-color:#fff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .1s;font-size:.8rem}.social-item .social-label{margin:0}.social-item .social-icon{margin-right:5px}.social-container .social-item:hover{background-color:#fff5}.content{display:flex;flex-direction:column;align-items:center;padding-left:20px;padding-right:20px}.section-container{display:flex;flex-direction:column;row-gap:50px;align-items:center;width:1200px;max-width:100%;padding-top:40px;margin-bottom:30px}.section{width:100%}.section>h1,.section>h2,.section>h3,.section>h4,.section>h5,.section>h6{margin:10px 0}.section>h1{font-size:3rem}.section>h2{font-size:2.2rem}.section>h3{font-size:1.8rem}.section>h4{font-size:1.5rem;font-style:italic}.section>h5{font-size:1.3rem;font-style:italic}.section>h6{font-size:1.1rem;font-style:italic}.section>p{margin-bottom:30px}.card-container{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.card{background-color:var(--color-surface);padding:20px;border:solid 1px var(--color-edge);display:flex;flex-direction:column;gap:10px;max-width:300px;box-shadow:3px 3px 10px #0006;border-radius:5px;transition:background-color .1s;color:#fff;text-decoration:none}.card:hover{background-color:var(--color-surface-highlighted)}.card .card-img{aspect-ratio:16 / 9;background-size:contain;margin-bottom:5px;border-radius:2px;background-repeat:no-repeat;background-position:center}.card .card-title{margin:0;font-size:1.2rem}.card .card-subtitle{margin:-8px 0 0;font-size:.8rem;color:var(--color-text-faint);font-style:italic}.card .card-description{margin:0;color:var(--color-text-subtle);font-size:.9rem}