main{margin:0}#landing-container{position:relative;width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(hsl(276, 10%, 0%), hsl(276, 20%, 10%))}#landing-background{position:absolute;top:0;left:0;width:100%;height:100dvh;overflow:hidden}#landing-background svg{position:absolute}svg#stars{top:0;left:0;width:100vw;height:100vh}svg#stars circle{fill:hsl(206,26%,95%)}svg#stars circle.glow{fill:url(#star-glow)}svg#wave{bottom:0;width:100%;height:128px}svg#wave #wave-gradient-fill>:first-child{stop-color:hsl(200,50%,30%)}svg#wave #wave-gradient-fill>*{stop-color:hsl(210,50%,20%)}svg#wave path{stroke:hsl(206,26%,95%)}svg#wave path.major{stroke-width:6px}svg#wave path.minor{transform:translateY(12px)}svg#shootingstar{width:112px;height:112px;opacity:0}#landing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;position:relative;width:max-content;padding:2rem;border:2px solid hsl(276,35%,50%);background-color:hsl(210,16%,7%);border-radius:2rem}@media not (prefers-reduced-motion: reduce){#landing{opacity:0}}#landing #header{text-align:center;width:max-content}#landing #header h1{color:hsl(276,35%,50%);font-size:7rem}#landing #header p{font-size:1.5rem;line-height:1.5;margin-top:.5rem}@media screen and (max-width: 896px){#landing #header h1{font-size:4rem}#landing #header p{font-size:1rem}}@media screen and (max-width: 640px){#landing #header span,#landing #header p{display:none}}#landing #landing-buttons{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;align-items:center;justify-content:center;text-align:center}#landing #landing-buttons a{display:flex;flex-direction:column;font-size:2rem;font-family:"Nunito",sans-serif;color:hsl(276,35%,50%);text-decoration:unset;align-items:center;justify-content:center;transition:scale 300ms ease-in-out}#landing #landing-buttons a span{color:#fff}#landing #landing-buttons a .material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 200,"opsz" 40;animation-direction:normal;animation-name:unfillicon;animation-duration:300ms;animation-timing-function:cubic-bezier(0.65, 0, 0.35, 1);font-size:4rem}#landing #landing-buttons a:hover{scale:1.2}#landing #landing-buttons a:hover .material-symbols-rounded{animation-name:fillicon;animation-direction:normal;font-variation-settings:"wght" 400,"GRAD" 200,"opsz" 40,"FILL" 1}@media screen and (max-width: 896px){#landing #landing-buttons a{font-size:1.5rem}#landing #landing-buttons a .material-symbols-rounded{font-size:40px}}@media screen and (max-width: 640px){#landing #landing-buttons a{font-size:1rem}#landing #landing-buttons a .material-symbols-rounded{font-size:36px}}@media(prefers-reduced-motion: reduce){#landing #landing-buttons a{transition-duration:0ms;scale:1 !important}#landing #landing-buttons a .material-symbols-rounded{animation-duration:0ms}}@media screen and (max-width: 640px){#landing{gap:1rem}}@keyframes fillicon{from{font-variation-settings:"wght" 400,"GRAD" 200,"opsz" 40,"FILL" 0}to{font-variation-settings:"wght" 400,"GRAD" 200,"opsz" 40,"FILL" 1}}@keyframes unfillicon{from{font-variation-settings:"wght" 400,"GRAD" 200,"opsz" 40,"FILL" 1}to{font-variation-settings:"wght" 400,"GRAD" 200,"opsz" 40 "FILL" 0}}.stuff-container{position:relative;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto auto;margin:0 1rem;gap:1rem}.stuff-container .about-and-blog-container{display:flex;flex-flow:column nowrap;gap:1rem}.stuff-container .transition-gradient{position:absolute;top:-1rem;left:-1rem;width:100dvw;height:12rem;z-index:-10;background:linear-gradient(to bottom, hsl(210, 50%, 20%), hsl(215, 16%, 5%))}.stuff-container section{background:hsl(210,16%,7%);border:solid 2px hsl(276,35%,50%);padding:1rem;border-radius:2rem;text-align:center}@media screen and (max-width: 1152px){.stuff-container{display:flex;flex-flow:column nowrap}}@media screen and (max-width: 640px){.stuff-container{margin:0 .25rem}.stuff-container .transition-gradient{top:-1rem;left:-0.25rem}}section#buttons-container{padding:1rem 2rem;grid-column:1/span 2;width:calc(100dvw - 2rem)}@media screen and (max-width: 640px){section#buttons-container{width:calc(100dvw - .5rem)}}section#buttons-container #buttons{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:.5rem;min-width:0}@media not (prefers-reduced-motion: reduce){section#buttons-container #buttons>a{display:block;z-index:0;transition:scale 300ms,z-index 300ms;transition-timing-function:ease-in-out}section#buttons-container #buttons>a:hover{scale:1.5;z-index:2}section#buttons-container #buttons>a>img{image-rendering:pixelated}}section#about{display:flex;flex-flow:column nowrap;align-items:start;justify-content:center;text-align:left;gap:.5rem;padding:1rem 2rem}section#about h2{text-align:center;width:100%}section#about p{line-height:1.5;font-size:1.25rem;max-width:50ch}section#about strong{font-weight:700}section#about em{font-style:italic}section#about ul{line-height:1.5;font-size:1.25rem;list-style:disc;padding-left:1.75rem}section#about ul li.pronouns .pronouns-page{margin-left:.25rem;display:inline-flex;align-items:center;justify-content:center}section#about ul li.pronouns .pronouns-page svg{display:inline;height:1rem;scale:1.6;fill:hsla(206,26%,95%,.625);transition:fill 300ms}section#about ul li.pronouns .pronouns-page svg:hover{fill:#c71585}section#about ul li.pronouns .pronouns-page::after{display:none;content:none}section#about ul li.languages>span{white-space:pre}section#about ul li.languages>span>span{cursor:help;text-decoration:underline dotted hsla(206,26%,95%,.625) 2px;color:hsla(206,26%,95%,.625)}section#about ul li.languages>span>span::before{content:"("}section#about ul li.languages>span>span::after{content:")"}section#about ul li:last-child>span{background-color:hsl(276,35%,50%);padding:0 .25rem;border-radius:.5rem}section#info-container{display:flex;gap:2rem;align-items:center;justify-content:space-between}#song{text-decoration:unset;color:unset;display:grid;grid-template-columns:128px auto;gap:1rem;width:100%}#song div{display:grid;align-items:center;justify-content:center;width:128px;height:128px;background-color:hsl(204,16%,10%);border-radius:1rem;overflow:hidden}#song div img{width:128px;height:128px}#song div span{font-size:40px}#song hgroup{display:flex;flex-flow:column nowrap;align-items:start;justify-content:center;gap:.5rem}#song hgroup *{text-align:left}#song hgroup h2{font-size:1.777rem;font-family:"Nunito",sans-serif;font-weight:700;color:hsl(276,35%,50%)}#song hgroup p{font-size:1.25rem}#view-counter{display:flex;flex-flow:column nowrap;gap:.25rem;align-items:center;justify-content:center;font-size:1.25rem;color:hsla(206,26%,95%,.625)}#view-counter span{white-space:pre;line-height:100%}#view-counter #view-number{font-family:"Fira Code",monospace;font-size:2.369rem;color:hsl(206,26%,95%)}section#projects{display:flex;width:100%;flex-direction:column;align-items:center;gap:1rem}section#projects #project-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(24rem, 1fr));align-items:center;justify-content:center;gap:1rem}section#projects #project-list a{display:flex;height:100%;padding:1rem;border-radius:1rem;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:hsl(206,26%,95%);background-color:hsl(204,16%,10%);text-decoration:none;text-align:center;transition:box-shadow 300ms,scale 300ms}@media(prefers-reduced-motion: reduce){section#projects #project-list a{transition-property:box-shadow;transition-duration:0ms;scale:1 !important}}section#projects #project-list a:hover{box-shadow:0 0 0 2px hsl(210,70%,60%);z-index:10;scale:1.05}section#projects #project-list a h3{color:hsl(276,35%,50%)}section#projects #project-list a p{line-height:1.5;font-size:1.25rem}@media screen and (max-width: 640px){section#projects #project-list{display:flex;flex-flow:column nowrap}}section#blog{display:flex;flex-flow:column nowrap;gap:1rem}section#blog article{transition:box-shadow 300ms,scale 300ms}@media(prefers-reduced-motion: reduce){section#blog article{transition-property:box-shadow;transition-duration:0ms;scale:1 !important}}section#blog article:hover{box-shadow:0 0 0 2px hsl(210,70%,60%);z-index:10;scale:1.05}img.duck{position:fixed;width:10dvw;height:10dvw;top:50%;left:0%;transition:all 1s;transform:translateX(-150%) translateY(-50%);z-index:100000}img.duck.activated{transform:translateX(-50%) translateY(-50%) rotate(360deg);left:50%}