html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--purple:#a0f}html{height:100%;font-family:var(--font-mono);font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:400}p{color:#f5f5f5;margin:0;padding:0}html,body{overflow-x:auto}body{color:#f5f5f5;background-color:#000;flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex:1;padding:20px 20px 60px}nav{z-index:100;backdrop-filter:blur(10px);background-color:#00000080;justify-content:space-between;align-items:center;height:60px;padding:0 50px;line-height:60px;display:flex;position:fixed;top:0;left:0;right:0}.logo a{color:#f5f5f5;font-size:20px;font-weight:700;text-decoration:none}.logo a:hover{color:#02fee4}.nav-links{align-items:center;padding:0;list-style:none;display:flex}.nav-links li{margin-right:20px}.nav-links li:last-child{margin-right:0}.nav-links a{color:#f5f5f5;text-decoration:none}.nav-links a:hover{color:#02fee4}.main-content{text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:85px 1.5em 1.5em;display:flex}.button-container{justify-content:center;align-items:center;margin-top:20px;margin-bottom:150px;padding:20px 0;display:flex}.button{cursor:pointer;color:var(--purple);border:3px solid var(--purple);text-shadow:0 0 .125em #ffffff1a, 0 0 .8em var(--purple);box-shadow:inset 0 0 .5em 0 var(--purple), 0 0 .5em 0 currentColor;border-radius:.25em;padding:.5em 1.25em;font-size:1.5rem;font-weight:700;text-decoration:none;transition:background-color .1s linear;display:inline-block;position:relative}.button:before{pointer-events:none;content:"";background:var(--purple);filter:blur(1.8em);opacity:.7;width:100%;height:100%;position:absolute;top:120%;left:0;transform:perspective(1em)rotateX(40deg)scaleY(.35)}.button:after{content:"";box-shadow:0 0 2em .5em var(--purple);opacity:0;transition:opacity .1s linear;position:absolute;inset:0}.button:hover,.button:focus{background:var(--purple);color:#000;text-shadow:none}.button:hover:after{opacity:1}.main-content h1{color:var(--purple);text-shadow:0 0 .125em #ffffff1a, 0 0 .8em var(--purple);align-items:flex-start;margin-bottom:1em;font-size:1.5em;font-weight:700}.main-content p{letter-spacing:.02em;margin-bottom:1em;font-size:1em;font-weight:200;line-height:1.6}.main-content a{color:var(--purple);font-weight:400;text-decoration:underline}.main-content a:hover{color:#02fee4}footer{text-align:center;background-color:#000;flex-direction:column;justify-content:center;align-items:center;min-height:100%;margin-top:auto;padding:10px;display:flex}.text-details{letter-spacing:.02em;white-space:nowrap;margin-bottom:1em;font-family:sans-serif;font-size:.8em;font-weight:200;line-height:1.6}#handcoded-info,#last-updated,#copyright{font-size:.8em}#handcoded-info{font-size:1em}#last-updated{font-style:italic}@media screen and (width>=768px){.logo a,.nav-links{font-size:1.5em}.main-content{padding:100px 6em 1em}.main-content h1{font-size:2.5em}.main-content p{font-size:1.2em}}@media screen and (width>=1024px){.logo a{font-size:2em}.nav-links{font-size:1.5em}.main-content{padding:150px 23em 2em}.main-content h1{font-size:3em}.main-content p{font-size:1.1em}footer{flex-direction:row;justify-content:space-between;gap:1em;min-height:60px;padding:0 4em}#handcoded-info{order:2}#last-updated{order:3}#copyright{order:1}}@media screen and (width>=1280px){footer{padding:0 10em}}.icon{vertical-align:-.125em;fill:currentColor;height:1em;display:inline-block;overflow:visible}
