.Card>img{object-fit:cover;height:100%}.GridSection{display:flex;flex-direction:column}.GridTitle{margin:2ch auto 0}.Card-Grid{display:grid;grid:repeat(auto-fit,minmax(30ch,1fr))/repeat(auto-fit,minmax(30ch,1fr));grid-gap:1ch;align-items:center}.Card,.Card-Grid{box-sizing:border-box;gap:1ch;padding:1ch;margin:1ch;justify-items:center}.Card{background:var(--color-darken);width:100%;height:100%;border:solid var(--color-lighten);border-radius:1ch;display:flex;flex-direction:column;justify-content:space-evenly;align-content:space-around;display:grid;grid:"Title" minmax(0,11ch) "Metadata" minmax(0,5ch) "Thumbnail" minmax(0,20ch) "Summary" minmax(0,15ch) "Link" minmax(0,3ch)/minmax(30ch,1fr);grid-gap:1ch;align-items:baseline;position:relative;text-align:center}.Card *{margin:1ch;max-height:100%;overflow-y:hidden}.CardTitle{grid-area:Title}.CardMetadata{grid-area:Metadata}.CardThumbnail{grid-area:Thumbnail;width:100%;max-width:calc(100% - 2ch);background-position:50%;background-size:cover;background-repeat:no-repeat}.CardSummary{grid-area:Summary}.CardLink{grid-area:Link}.Card>.ClickableZone{position:absolute;box-sizing:border-box;margin:0;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;line-height:117ch;border-radius:1ch;color:transparent}.Card>.ClickableZone:hover{border:solid var(--color-darken)}.typewriter>*{overflow:hidden;border-right:.3ch solid var(--color-secondary);white-space:nowrap;margin:0;letter-spacing:.2ch;-webkit-animation:appear .5s linear,typing 3s steps(13),blink-caret 1s step-start infinite;animation:appear .5s linear,typing 3s steps(13),blink-caret 1s step-start infinite;font-family:Consolas}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}10%{border-color:transparent}50%{border-color:rgba(0,255,128,.9)}}@keyframes blink-caret{0%,to{border-color:transparent}10%{border-color:transparent}50%{border-color:rgba(0,255,128,.9)}}@-webkit-keyframes appear{0%{border-color:transparent;color:transparent}10%{border-color:transparent;color:transparent}to{border-color:inherit;color:inherit}}@keyframes appear{0%{border-color:transparent;color:transparent}10%{border-color:transparent;color:transparent}to{border-color:inherit;color:inherit}}div.circle{height:50vmin;width:50vmin;border:1ch solid rgba(128,0,255,0);border-radius:50%;-webkit-animation:rotating 3s linear infinite;animation:rotating 3s linear infinite}@-webkit-keyframes rotating{0%,to{border-color:rgba(255,0,0,0);transform:rotate(0)}50%{border-color:rgba(255,0,0,0) #80ff00 rgba(0,255,255,0) #7f00ff}to{border-color:rgba(255,0,0,0);transform:rotate(1turn)}}@keyframes rotating{0%,to{border-color:rgba(255,0,0,0);transform:rotate(0)}50%{border-color:rgba(255,0,0,0) #80ff00 rgba(0,255,255,0) #7f00ff}to{border-color:rgba(255,0,0,0);transform:rotate(1turn)}}.blinking-eye,div.sphere{height:20vmin;width:25vmin;display:inline-block;margin:5vmin;background:#e8e6e3;border:1ch solid #c96;border-radius:50%;-webkit-animation:blinking-eye 2s linear infinite;animation:blinking-eye 2s linear infinite}@-webkit-keyframes blinking-eye{0%,to{border-top-width:5vmin;border-bottom-width:5vmin}45%{border-top-width:5vmin;border-bottom-width:5vmin;background:#e8e6e3}48%{border-top-width:10vmin;border-bottom-width:10vmin;background:#c96}52%{border-top-width:10vmin;border-bottom-width:10vmin;background:#c96}55%{border-top-width:5vmin;border-bottom-width:5vmin;background:#e8e6e3}to{border-top-width:5vmin;border-bottom-width:5vmin}}@keyframes blinking-eye{0%,to{border-top-width:5vmin;border-bottom-width:5vmin}45%{border-top-width:5vmin;border-bottom-width:5vmin;background:#e8e6e3}48%{border-top-width:10vmin;border-bottom-width:10vmin;background:#c96}52%{border-top-width:10vmin;border-bottom-width:10vmin;background:#c96}55%{border-top-width:5vmin;border-bottom-width:5vmin;background:#e8e6e3}to{border-top-width:5vmin;border-bottom-width:5vmin}}*{transition:all .1s ease-in-out;transition:color 0s ease-in-out;box-sizing:border-box}html{overflow-y:scroll;overflow-y:overlay}body::-webkit-scrollbar{width:1ch;position:fixed;right:0}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}body::-webkit-scrollbar-thumb{background:hsla(0,5%,95%,.2);background:hsla(0,var(--lowest),var(--highest),calc(var(--opacity)*2));opacity:1%;border:1px solid #708090;border-radius:1ch;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:root{--hue-primary:270;--hue-secondary:150;--hue-highlight:90;--lowest:5%;--lower:15%;--low:25%;--medium:50%;--high:75%;--higher:85%;--highest:95%;--opacity:0.1;--multiplier:2;--x2:calc(1*var(--multiplier));--x4:calc(2*var(--multiplier));--x6:calc(3*var(--multiplier));--x8:calc(4*var(--multiplier));--color-background:hsla(var(--hue-primary),var(--lowest),var(--lower),1);--color-background-lowest:hsla(var(--hue-primary),var(--lower),var(--lowest),1);--color-background-lower:hsla(var(--hue-primary),var(--lower),var(--lower),1);--color-background-low:hsla(var(--hue-primary),var(--lower),var(--low),1);--color-background-medium:hsla(var(--hue-primary),var(--lower),var(--medium),1);--color-background-high:hsla(var(--hue-primary),var(--lower),var(--high),1);--color-background-higher:hsla(var(--hue-primary),var(--lower),var(--higher),1);--color-background-highest:hsla(var(--hue-primary),var(--lower),var(--highest),1);--color-primary:hsla(var(--hue-primary),var(--higher),var(--medium),0.9);--color-primary-lowest:hsla(var(--hue-primary),var(--higher),var(--lowest),0.9);--color-primary-lower:hsla(var(--hue-primary),var(--higher),var(--lower),0.9);--color-primary-low:hsla(var(--hue-primary),var(--higher),var(--low),0.9);--color-primary-medium:hsla(var(--hue-primary),var(--higher),var(--medium),0.9);--color-primary-high:hsla(var(--hue-primary),var(--higher),var(--high),0.9);--color-primary-higher:hsla(var(--hue-primary),var(--higher),var(--higher),0.9);--color-primary-highest:hsla(var(--hue-primary),var(--higher),var(--highest),0.9);--color-secondary:hsla(var(--hue-secondary),var(--higher),var(--medium),0.9);--color-secondary-lowest:hsla(var(--hue-secondary),var(--higher),var(--lowest),0.9);--color-secondary-lower:hsla(var(--hue-secondary),var(--higher),var(--lower),0.9);--color-secondary-low:hsla(var(--hue-secondary),var(--higher),var(--low),0.9);--color-secondary-medium:hsla(var(--hue-secondary),var(--higher),var(--medium),0.9);--color-secondary-high:hsla(var(--hue-secondary),var(--higher),var(--high),0.9);--color-secondary-higher:hsla(var(--hue-secondary),var(--higher),var(--higher),0.9);--color-secondary-highest:hsla(var(--hue-secondary),var(--higher),var(--highest),0.9);--color-highlight:hsla(var(--hue-highlight),var(--high),var(--medium),0.9);--color-lighten:hsla(0,var(--lowest),var(--highest),calc(var(--opacity)));--color-lighten-2x:hsla(0,var(--lowest),var(--highest),calc(var(--opacity)*var(--x2)));--color-lighten-3x:hsla(0,var(--lowest),var(--highest),calc(var(--opacity)*var(--x6)));--color-lighten-4x:hsla(0,var(--lowest),var(--highest),calc(var(--opacity)*var(--x8)));--color-desaturate:hsla(0,var(--lowest),var(--medium),calc(var(--opacity)*var(--x2)));--color-desaturate-2x:hsla(0,var(--lowest),var(--medium),calc(var(--opacity)*var(--x4)));--color-desaturate-3x:hsla(0,var(--lowest),var(--medium),calc(var(--opacity)*var(--x6)));--color-desaturate-4x:hsla(0,var(--lowest),var(--medium),calc(var(--opacity)*var(--x8)));--color-darken:hsla(0,var(--lowest),var(--lowest),calc(var(--opacity)*var(--x2)));--color-darken-2x:hsla(0,var(--lowest),var(--lowest),calc(var(--opacity)*var(--x4)));--color-darken-3x:hsla(0,var(--lowest),var(--lowest),calc(var(--opacity)*var(--x6)));--color-darken-4x:hsla(0,var(--lowest),var(--lowest),calc(var(--opacity)*var(--x8)))}::selection{background-color:rgba(137,245,191,.9);background-color:var(--color-secondary-high);color:rgba(64,10,118,.9);color:var(--color-primary-low)}.App,body{margin:0;padding:0;background:#262428;background:var(--color-background);color:hsla(0,5%,95%,.8);color:var(--color-lighten-4x);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App,a,body{box-sizing:border-box}a{color:rgba(217,184,249,.9);color:var(--color-primary-higher)}a:hover{background:hsla(0,5%,95%,.1);background:var(--color-lighten)}a:focus,a:hover{color:rgba(128,223,32,.9);color:var(--color-highlight)}a:focus{border:outset rgba(128,19,236,.9);border:var(--color-primary) outset}pre>code{background:hsla(0,5%,5%,.4);background:var(--color-darken-2x);color:rgba(19,236,128,.9);color:var(--color-secondary);border:thin solid hsla(0,5%,95%,.2);border:thin solid var(--color-lighten-2x);border-radius:1ch;display:block;padding:20px;font-family:monospace;overflow-x:auto;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}img{max-width:100%;object-fit:cover}.Template{display:flex;flex-direction:column;display:grid;min-height:100vh;min-width:100%;grid:" Header      Header       Header " minmax(0,-webkit-min-content) " Left-Bar Main-Content Right-Bar " minmax(0,1fr) " Footer      Footer       Footer " minmax(0,-webkit-min-content)/minmax(-webkit-max-content,1fr) minmax(0,140ch) minmax(-webkit-min-content,1fr);grid:" Header      Header       Header " minmax(0,min-content) " Left-Bar Main-Content Right-Bar " minmax(0,1fr) " Footer      Footer       Footer " minmax(0,min-content)/minmax(max-content,1fr) minmax(0,140ch) minmax(min-content,1fr);justify-items:center;position:relative}.Template>*{box-sizing:border-box;padding:1ch}header.Header{grid-area:Header}.Main-Content{grid-area:Main-Content;transition:all 1s;max-width:100%;max-height:100%}aside.Sidebar.Left{grid-area:Left-Bar;justify-self:left}aside.Sidebar.Right{grid-area:Right-Bar;justify-self:right}.Footer{grid-area:Footer}.Footer,.Header{width:100%;flex-wrap:wrap}.Footer,.Header,aside.Sidebar{padding:1ch;display:flex;background:hsla(0,5%,5%,.6);background:var(--color-darken-3x)}aside.Sidebar{height:100%;flex-direction:column;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;max-width:-webkit-min-content;max-width:-moz-min-content;max-width:min-content}.Around{z-index:10}@media (max-height:560px),(max-width:560px){@media (orientation:portrait){aside.Sidebar{display:none}@media (max-height:480px){header.Header{display:none}}}@media (orientation:landscape){header.Header{display:none}@media (max-width:910px){aside.Sidebar.Right{display:none}}@media (max-width:480px){aside.Sidebar{display:none}}}}aside.Sidebar>nav{display:flex;flex-direction:column}header.Header>nav{display:flex;flex-direction:row;align-content:flex-end}.Article{min-width:20ch;max-width:80ch;background:hsla(0,5%,5%,.2);background:var(--color-darken);border:solid hsla(0,5%,95%,.1);border:solid var(--color-lighten);border-radius:1ch}.Article>*{margin:1ch}.Article>p{text-indent:3ch}.Article img{max-width:100%;max-height:90vh;display:block;margin:auto;object-fit:contain}@media print{aside.Sidebar,footer.Footer,header.Header{display:none}}.Navbar{display:flex;flex-wrap:wrap;max-height:-webkit-max-content;max-height:-moz-max-content;max-height:max-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;min-height:-webkit-min-content;min-height:-moz-min-content;min-height:min-content;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;margin:0 auto}.Link{margin:1ch;min-width:2cm;min-height:1cm;text-align:center;border:var(--color-primary) outset;border-radius:1ch;text-decoration:none;line-height:1.5cm}.Active,.Active:hover{color:var(--color-lighten-x2)}.Active,.Active:focus,.Active:hover{border-color:var(--color-desaturate)}.Active:focus{color:var(--color-lighten-2x)}input#ThemeSwitch,input#ThemeSwitchGlobal{opacity:0;position:absolute}input#ThemeSwitchGlobal:checked+.App{--hue-primary:60;--hue-secondary:180;--hue-highlight:300;--color-background:#dfcf9f;color:var(--color-darken-3x)}.ThemeSwitchLabel,.ThemeSwitchLabel>*{transition:all .5s ease-in-out;box-sizing:border-box}.ThemeSwitchLabel{width:8ch;height:4ch;background:#191971;border:5% solid rgba(191,128,64,.8);border-radius:2ch;align-self:center;justify-self:center;position:relative;margin:2ch}input#ThemeSwitch:checked+.ThemeSwitchLabel{background:#85cdfa}.Switch{--width:3.5ch;--space-left:calc(var(--width)/8);--space-right:calc(var(--space-left) + var(--width));width:var(--width);height:var(--width);border-radius:50%;background:#c2c5cc;position:absolute;top:calc(50% - var(--width)/ 2);left:calc(var(--space-left))}input#ThemeSwitch:checked+.ThemeSwitchLabel>.Switch{background:hsla(41,100%,69%,100%);left:calc(100% - var(--space-right))}.Moon{position:absolute;z-index:10;top:0;right:0;border-radius:50%;background:rgba(0,0,0,.75);width:80%;height:80%;transition:all .5s linear}input#ThemeSwitch:checked+.ThemeSwitchLabel>.Switch>.Moon{width:0;height:0%;top:10%;right:10%;background:0 0}