p{font-size:1.5rem;line-height:1.8rem}.about{display:flex;flex-flow:column nowrap;align-items:center;gap:40px;padding:0 10px 10px}.profile{display:grid;justify-items:center;gap:25px}.bio{display:flex;flex-direction:column;gap:16px}.bio p{max-width:520px}.stack{display:flex;flex-flow:row wrap;gap:18px;justify-content:center;align-items:center}.stack>*{border:1px solid var(--primary-faded);padding:8px;border-radius:6px}img.personal{height:auto;width:100%;max-width:520px;border-radius:12px;box-shadow:0 15px 35px #00000059}@media screen and (min-width: 1025px){.profile{display:grid;grid-template:auto 1fr/repeat(2,1fr);gap:10px 40px}.profile h1{grid-row:1/2;grid-column:1/-1}.profile .bio{grid-row:2/-1;grid-column:2/-1}.profile img.personal{grid-row:2/-1;grid-column:1/2}}#content{display:flex;flex-flow:column nowrap;justify-content:center}.projectBoard{display:grid;grid-template:320px/auto;grid-auto-rows:320px;gap:24px;width:100%}.projectBoard img{height:100%;width:100%;object-fit:cover}.projects{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:28px;padding:0 10px 10px}.projects a{color:var(--links)}.project{position:relative}.project .hover{opacity:1;position:absolute;top:0;z-index:1;height:100%;width:100%;font-size:2.6rem;text-shadow:.1ex 0 var(--secondary-faded),-.1ex 0 var(--tertiary-faded),.2ex .06ex 0 var(--primary-faded),.1ex 0 0 rgba(0,0,0,.7);background:#212537cc;transition:linear .08s;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;text-align:center}.project .hover .links{display:flex;flex-flow:row nowrap;gap:6px;letter-spacing:.18ch}.project>*{border-radius:14px}@media screen and (min-width: 800px){.project .hover{opacity:0}.project .hover:hover,.project .hover:focus,.project .hover:focus-visible{opacity:1;transition:linear .08s}.projectBoard{grid-template:auto/repeat(2,1fr);grid-auto-rows:initial;gap:28px}}@media screen and (min-width: 1025px){.projectBoard{grid-template:auto/repeat(3,1fr);gap:32px}}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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}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}@font-face{font-family:IBM_VGA_8x16;src:url(/assets/PxPlus_IBM_VGA_8x16-D2LKPc13.ttf)}@font-face{font-family:HP_100LX_6x8;src:url(/assets/PxPlus_HP_100LX_6x8-BQR_uQvb.ttf)}:root{--primary: #ff4177;--primary-faded: hsla(343.1, 86.3%, 54.1%, .31);--background: #160b1e;--background-gradient: linear-gradient(to bottom , #160b1e 30%, #0e152f);--secondary: #fbea4f;--secondary-faded: rgba(251, 234, 79, .6);--tertiary: #4bfcfc;--tertiary-faded: rgba(75, 252, 252, .6);--text-font: IBM_VGA_8x16;--header-font: HP_100LX_6x8;--links: #fbfbfb;--cursor: url(/assets/cyanmouse-C-rPnOfy.ico), auto}*{cursor:var(--cursor)}html{min-height:100vh;background:var(--background)}body{font-family:var(--text-font);background:var(--background-gradient);color:var(--primary);padding:40px 45px;overflow-y:scroll;font-size:1.3rem}a,a:visited{color:var(--links)}footer{display:flex;flex-flow:column nowrap;margin:100px auto 0;gap:16px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);max-width:1000px;width:100%}footer .links{display:flex;flex-flow:row nowrap;gap:22px;justify-content:center;align-items:center}footer .rights{font-size:1.3rem;text-align:center;letter-spacing:.08ch}footer a{height:48px;width:48px;border-radius:100%}footer a:hover,footer a:focus,footer a:focus-visible{background-color:#ff41777d;box-shadow:0 0 12px #ff4177f7}footer img{height:100%;width:100%;padding:6px}h1,h2,h3,h4,h5,h6{font-family:HP_100LX_6x8;text-shadow:.1ex 0 var(--secondary-faded),-.1ex 0 var(--tertiary-faded),0 .06ex 0 var(--primary-faded),.1ex 0 0 rgba(0,0,0,.7);text-align:center}h1{font-size:2.2rem;margin-bottom:28px}h2{font-size:2rem;margin-bottom:22px}h3{font-size:1.8rem;margin-bottom:18px}h4{font-size:1.6rem;margin-bottom:17px}h5{font-size:1.4rem;margin-bottom:15px}h6{font-size:1.2rem;margin-bottom:10px}header{display:flex;flex-flow:column;gap:35px;margin:0 auto 45px;align-items:center;max-width:1000px;width:100%}header>.logo{margin:0 auto;height:150px;width:150px;background-image:url(/assets/logotransparent300x300-BWljB_Fq.png);background-size:cover}nav{display:flex;flex-flow:row wrap;gap:24px;justify-content:center}nav button{appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-progress-appearance:none;border:none;background:transparent;color:var(--primary);font-size:1.6rem;font-family:HP_100LX_6x8;text-align:center;position:relative;letter-spacing:.2ch}nav button .border{padding:9px 26px}nav button:hover,nav button:focus-visible{outline:0}nav button:hover:before,nav button:hover:after,nav button:hover .border:before,nav button:hover .border:after,nav button:focus-visible:before,nav button:focus-visible:after,nav button:focus-visible .border:before,nav button:focus-visible .border:after,nav button.active:before,nav button.active:after,nav button.active .border:before,nav button.active .border:after{content:"";position:absolute;height:9px;width:9px;border-color:var(--primary);border-style:ridge;border-width:0}nav button:hover:before,nav button:focus-visible:before,nav button.active:before{top:-7px;left:-4px;border-left-width:4px;border-top-width:4px}nav button:hover:after,nav button:focus-visible:after,nav button.active:after{top:-7px;right:-6px;border-right-width:4px;border-top-width:4px}nav button:hover .border:before,nav button:focus-visible .border:before,nav button.active .border:before{bottom:-4px;left:-4px;border-left-width:4px;border-bottom-width:4px}nav button:hover .border:after,nav button:focus-visible .border:after,nav button.active .border:after{bottom:-4px;right:-6px;border-right-width:4px;border-bottom-width:4px}.content{display:flex;flex-direction:column;gap:48px;margin:0 auto;width:100%;max-width:1000px}.crt:before{content:" ";display:block;position:fixed;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:2;background-size:100% 2px,3px 100%;pointer-events:none}@keyframes flicker{0%{opacity:.15278}5%{opacity:.2423}10%{opacity:.394124}15%{opacity:.612323}20%{opacity:.223423}25%{opacity:.592323}30%{opacity:.65583}35%{opacity:.37807}40%{opacity:.766559}45%{opacity:.3693}50%{opacity:.1233425}55%{opacity:.275594}60%{opacity:.40313}65%{opacity:.3345345}70%{opacity:.6344}75%{opacity:.17288}80%{opacity:.241234}85%{opacity:.3454}90%{opacity:.4614}95%{opacity:.64325}to{opacity:.24387}}.crt:after{content:" ";display:block;position:fixed;inset:0;background:#1210101a;opacity:0;z-index:2;pointer-events:none;animation:flicker 1.3s infinite}@media screen and (min-width: 825px){header .logo{height:200px;width:200px}}@media screen and (min-width: 1025px){body{font-size:1.6rem}body div.content{gap:60px}footer a{height:40px;width:40px}footer .links{gap:16px}footer .rights{font-size:1.1rem}header .logo{height:300px;width:300px}h1{text-align:center;font-size:2.8rem}h2{font-size:2.6rem}h3{font-size:2.4rem}h4{font-size:2.2rem}h5{font-size:2rem}h6{font-size:1.8rem}nav button{font-size:1.8rem}p{line-height:2.4rem}}