@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");:root{--ff-primary: "Space Grotesk", sans-serif;--fs-300: .875rem;--fs-400: 1rem;--fs-500: 1.25rem;--fs-600: 1.5rem;--fs-700: 2rem;--fs-800: 2.5rem;--fs-900: 3.5rem;--fw-light: 300;--fw-regular: 400;--fw-bold: 700;--clr-text: #000;--clr-background: linear-gradient(180deg, #833ab4 0%, #fd1d1d 50%, #fcb045 100%);--clr-neutral: #fbeaef;--clr-primary: #da3e70;--clr-dark-prim: #961c43;--clr-lite-prim: #eb94af;--clr-secondary: #a116d4;--clr-dark-sec: #5b0d78;--clr-lite-sec: #c962ef;--clr-accent: #f9c962;--clr-surface: #f7d4df;--clr-dark-surface: #efa9bf;--win-face: #fbdd9d;--win-highlight: #fdeece;--win-shadow: #bf46ec;--win-frame: #690e8b;--win-outer: inset -1px -1px var(--win-frame),inset 1px 1px var(--win-face);--win-inner: inset -2px -2px var(--win-shadow),inset 2px 2px var(--win-highlight);--brd-width: 1px;--brd-raised-outer: inset -1px -1px var(--win-frame),inset 1px 1px var(--win-highlight);--brd-raised-inner: inset -2px -2px var(--win-shadow),inset 2px 2px var(--win-face);--brd-sunken-outer: inset -1px -1px var(--win-highlight),inset 1px 1px var(--win-frame);--brd-sunken-inner: inset -2px -2px var(--win-face),inset 2px 2px var(--win-shadow);--brd-default-border-raised-outer: inset -2px -2px var(--win-frame),inset 1px 1px var(--win-frame);--brd-default-border-raised-inner: inset 2px 2px var(--win-highlight),inset -3px -3px var(--win-shadow),inset 3px 3px var(--button-face);--brd-default-border-sunken-outer: inset 2px 2px var(--win-frame),inset -1px -1px var(--win-frame);--brd-default-border-sunken-inner: inset -2px -2px var(--win-highlight),inset 3px 3px var(--win-shadow),inset -3px -3px var(--button-face);--dsk-cell-width: 8.3333333333vw;--dsk-cell-height: calc((100vh - 4.5rem)/6);--dsk-img-dim: calc((100vh - 4.5rem)/10)}*,*::before,*::after{box-sizing:border-box}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;margin:0}input,button,textarea{font:inherit}img,picture{max-width:100%;display:block}body{background:var(--clr-lite-sec);font-family:var(--ff-primary);font-size:var(--fs-400);color:var(--clr-text);font-weight:var(--fw-300);margin:0;display:flex;height:100vh;align-items:center}figure{align-items:center;text-align:center}figure img{margin-inline:auto}h1,h2,h3{line-height:1.1}ul{list-style-image:url("./img/SunsetPixelArt.webp")}article{padding-inline:.5rem}table{position:relative;background:var(--clr-surface)}th{position:sticky;top:0;font-weight:bold}th .button{height:3rem;min-width:90px;width:100%;padding-inline:.5rem}th .button::after{position:absolute;right:.5rem}th .button[data-dir=asc]::after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpolygon points='0, 0 8,0 4,8 8' fill='%23818688'/%3E%3C/svg%3E")}th .button[data-dir=desc]::after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpolygon points='4 0,8 8,0 8' fill='%23818688'/%3E%3C/svg%3E")}tr{background:var(--clr-neutral)}tr:hover{background-color:var(--clr-lite-prim)}blockquote{color:var(--clr-text);border:1px solid var(--clr-secondary);border-radius:3px;padding:1rem;background-color:var(--clr-neutral);background-image:repeating-linear-gradient(-45deg, rgba(0,0,0,0), rgba(0,0,0,0) 3px, var(--clr-surface) 3px, var(--clr-surface) 6px);quotes:"“" "”" "‘" "’";text-shadow:1px 1px 1px var(--clr-lite-prim)}blockquote:before{content:open-quote;font-size:var(--fs-900);line-height:0px;margin-right:.25rem;vertical-align:-.4em}a{text-decoration:none;color:var(--clr-text);text-shadow:1px 1px 2px var(--clr-accent);transition:.5s}a:hover{transition:.5s;letter-spacing:2px;text-shadow:0px 0px 2px #fff,0px 0px 3px #fff,0px 0px 5px #fff}*{line-height:1.25}*::selection{color:#fff;background:var(--clr-secondary);text-shadow:0px 0px 2px var(--clr-accent)}.gridContainer{display:grid;padding:1rem;grid-template:"a a a a a a" "b b b b b b";margin:auto;gap:.5rem}.gridItem{box-sizing:border-box;border:none;border-radius:0;color:rgba(0,0,0,0);text-shadow:0 0 var(--clr-text);background:var(--clr-surface);box-shadow:var(--brd-raised-outer),var(--brd-raised-inner);text-align:center;position:relative}.tag{margin:1rem;padding:3px;box-shadow:var(--brd-sunken-outer),var(--brd-sunken-inner);background:var(--clr-surface)}.tag h2{margin:auto;margin-inline:.5rem}.tag h3{margin-top:.25rem;margin-bottom:0}.tag .page-info{margin:1rem;padding:3px;padding-inline:.5rem;box-shadow:var(--win-outer),var(--win-inner);background:var(--clr-neutral)}.about{box-shadow:var(--win-outer),var(--win-inner);background:var(--clr-surface);width:75%;height:75%;margin:auto;margin-top:1rem;margin-bottom:3rem}.about .columns{display:flex;gap:.5rem;margin:1rem}.about .columns div{padding:2px;background:var(--clr-neutral)}.about .columns h1{text-align:center;margin-top:0;margin-bottom:0;font-size:var(--fs-700)}.about .columns :first-child{flex:2}.about .columns :last-child{flex:1}.center_title{text-align:center;font-size:var(--fs-800);text-shadow:1px 1px 3px var(--clr-lite-sec)}.contact{font-size:var(--fs-300)}.tabcontent{display:none;border-top:none;padding-inline:1rem}.tabcontent p{text-align:center;font-size:var(--fs-300)}.table-container{max-height:65vh;overflow:scroll;padding:3px;box-shadow:var(--win-outer),var(--win-inner);background:var(--clr-secondary)}.view-select{margin-inline:1rem}.note{margin:1rem;font-size:var(--fs-300);color:gray;text-align:center}.window,.container,.music_container{box-shadow:var(--win-outer),var(--win-inner);background:var(--clr-surface)}.container,.music_container{width:75%;background:var(--clr-surface);margin-inline:auto;margin-top:1rem;margin-bottom:3rem}.music_container{width:90%}.sidenote{font-style:italic;text-align:center;font-size:80%}.pad{background-color:var(--clr-surface);background-image:repeating-linear-gradient(-45deg, rgba(0,0,0,0), rgba(0,0,0,0) 3px, var(--clr-dark-surface) 3px, var(--clr-dark-surface) 6px);font-size:var(--fs-500);font-weight:var(--fw-bold);border-bottom:2px solid var(--clr-secondary);border-right:2px solid var(--clr-secondary)}.main-title{font-size:var(--fs-900);margin-block:0;text-align:center}.text-highlight{color:var(--clr-accent)}.scroll-left{height:inherit;overflow:hidden;position:relative;align-items:center}.scroll-left p{position:absolute;width:100%;height:100%;margin:10px auto;white-space:nowrap;transform:translateX(100%);animation:scroll-left 10s linear infinite}@keyframes scroll-left{0%{transform:translateX(100%)}100%{transform:translateX(-300%)}}.sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.sr-only-focusable:focus,.sr-only-focusable:active{clip:auto !important;-webkit-clip-path:none !important;clip-path:none !important;height:auto !important;margin:auto !important;overflow:visible !important;width:auto !important;white-space:normal !important}body{width:100%;height:100%;margin:0;padding:0}.logos{display:flex;align-items:center;flex-wrap:wrap;gap:3rem}.button-group{display:flex;flex-wrap:wrap;gap:1.5rem}.button,input[type=submit],input[type=reset]{box-sizing:border-box;border:none;color:rgba(0,0,0,0);text-shadow:0 0 var(--clr-text);background:var(--clr-surface);box-shadow:var(--brd-raised-outer),var(--brd-raised-inner);border-radius:0;min-width:27px;min-height:27px}.button:focus,.button:hover,input[type=submit]:focus,input[type=submit]:hover,input[type=reset]:focus,input[type=reset]:hover{outline:1px dotted var(--clr-secondary);outline-offset:-4px}.sunken,.blog_blurb{box-sizing:border-box;border:none;box-shadow:var(--brd-sunken-outer),var(--brd-sunken-inner);background:var(--clr-surface);min-height:27px;align-items:center}.blog_blurb{padding:2px;padding-bottom:.5rem;margin:1rem;background:var(--clr-neutral)}.blog_blurb .pad,.blog_blurb .date{padding-inline:.5rem}.blog_blurb .date{line-height:1.5rem;text-align:right;font-weight:var(--fw-bold);font-size:var(--fs-300);text-shadow:1px 1px 1px var(clr-accent)}.blog_blurb .bimg{margin-inline:auto;margin-bottom:.25rem;margin-top:.25rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);opacity:.8;transition:.5s}.blog_blurb .bimg:hover{opacity:1;transition:.5s}.blog_blurb .tags{font-size:var(--fs-300);margin-left:.5rem}.blog_blurb h2{text-align:center}.navbar{display:flex;gap:.1rem;width:100%;min-height:2rem;align-items:center;justify-content:flex-start;overflow:wrap;padding-inline:.2rem;box-shadow:var(--win-outer),var(--win-inner);background:var(--clr-dark-surface);text-align:center;}.navbar .tab{box-shadow:var(--win-outer),var(--win-inner);background:var(--clr-surface);border-radius:3px;padding:.3rem}.navbar .tab.active{background-color:#000}.navbar .tab a:hover{letter-spacing:normal;transition:.25s;text-shadow:0px 0px 2px #fff,0px 0px 3px #fff,0px 0px 5px #fff}.navbar .tab:hover{transition:.25s;text-shadow:0px 0px 2px #fff,0px 0px 3px #fff,0px 0px 5px #fff;background:var(--clr-dark-surface)}.navbar div:last-child{margin-left:auto}.footer{box-shadow:var(--win-outer),var(--win-inner);background:var(--clr-surface);display:flex;gap:.1em;width:100%;height:2rem;align-items:center;justify-content:space-between;position:fixed;bottom:0;}.footer div:first-child{margin-right:auto;margin-top:.25rem}.footer div:last-child{margin-right:.2em}.grid-flow{display:grid;gap:1rem}.desktop{height:100vh;width:100vw;display:grid;grid-template-rows:repeat(6, var(--dsk-cell-height));grid-template-columns:repeat(2, var(--dsk-cell-width));padding-top:.5rem}.desktop .shortcut{display:flex;flex-direction:column;align-items:center;gap:.4rem;grid-column-start:auto;padding-block:.5rem;font-size:.8rem;color:#fff;text-shadow:0px 0px 2px #000}.desktop .shortcut img{height:var(--dsk-img-dim);width:var(--dsk-img-dim)}.desktop .shortcut:hover .name{color:#fff;background:var(--clr-primary);text-shadow:0 0 .2rem #000;white-space:pre-line}