body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root{height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}a,b,blockquote,body,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;border:0;font-size:100%;margin:0;padding:0;text-rendering:optimizeLegibility;vertical-align:initial}footer,header,main,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}.App{background-color:#1b212e;color:hsla(0,0%,100%,.7);display:flex;height:100%;width:100%}.App>main{flex:1 1;overflow:auto;padding:1em}.App>main>ul{display:flex;flex-wrap:wrap;gap:1em;justify-content:left}.App>main>ul>li{flex:1 1 400px;max-width:600px}.App>.Sidebar{flex-shrink:0}p{color:hsla(0,0%,100%,.7)}h1{color:#00ca81;font-size:20px}h1,h2{font-family:monospace}h2{color:#61dbfb;font-size:18px}button{transition-duration:.25s}a{color:#61dbfb;text-decoration-line:none}a:hover{color:#98eaff}.todo{color:crimson}.Card{background-color:#262d3d;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.05);flex:1 1;max-width:600px;min-width:400px;overflow:hidden;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.Card:hover{box-shadow:0 4px 8px rgba(0,0,0,.2),0 8px 24px rgba(0,0,0,.22),0 0 0 1px rgba(0,0,0,.2)}.Card .CardHeader{background:linear-gradient(180deg,hsla(0,0%,100%,.05),transparent);border-bottom:2px solid hsla(0,0%,100%,.05);font-weight:600;margin:0;padding:1em}.Card>main{padding:1em}#TicTacToe>main>section{display:flex;gap:1rem}#TicTacToe>main>section .board{grid-gap:1px;background-color:#444;border:1px solid #444;border-radius:5px;display:grid;grid-template-columns:2.5rem 2.5rem 2.5rem;overflow:hidden}#TicTacToe>main>section .board>button{aspect-ratio:1;background-color:#666;border:none;color:hsla(0,0%,100%,.7);font-size:16px;font-weight:700}#TicTacToe>main>section .board>button.active{cursor:pointer}#TicTacToe>main>section .board>button.active:hover{background-color:#555}#TicTacToe>main>section .controls>div{margin-bottom:4px}#TicTacToe>main>section .controls button{background-color:#007d4f;border:none;border-radius:3px;color:hsla(0,0%,100%,.7);min-width:100px;padding:3px}#TicTacToe>main>section .controls button:hover{background-color:#006641;cursor:pointer}#TicTacToe>main>section .controls .score{display:flex;gap:4px}#TicTacToe>main>section .controls .score>ul{border-radius:3px;overflow:hidden;width:48px}#TicTacToe>main>section .controls .score>ul>li{background-color:#888;border:1px solid transparent;text-align:center}#TicTacToe>main>section .controls .score>ul>:first-child{background-color:#666}#TicTacToe>main>section .controls .score>ul>:first-child.active{background-color:#007d4f;border:1px solid #888}#Calculator>main>section{background-color:#000;color:#fff;overflow:hidden;padding:8px;width:200px}#Calculator>main>section .display{align-items:flex-end;display:flex;height:60px;justify-content:flex-end;margin-bottom:10px;padding:0 6px;text-align:right}#Calculator>main>section .buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,40px);grid-template-rows:repeat(5,40px)}#Calculator>main>section .buttons button{background-color:#313131;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px}#Calculator>main>section .buttons button.gray{background-color:#a0a0a0;color:#333}#Calculator>main>section .buttons button.orange{background-color:#f69908}#Calculator>main>section .buttons button.grow{border-radius:20px;grid-column:1/3}#Calculator>main>section .buttons button.op-selected{background-color:#eee;color:#f69908}.Sidebar{background-color:#262d3d;box-shadow:3px 0 5px rgba(0,0,0,.2);height:100%;padding:1em;width:300px}.Sidebar .link{background:none;border:none;color:hsla(0,0%,100%,.7);transition-duration:.25s}.Sidebar .link:hover{color:#fff;cursor:pointer;padding-left:10px}.Sidebar h1{align-items:center;display:flex;font-size:24px}.Sidebar h1 .logo{height:5vmin;margin-left:-10px}.Sidebar h2{padding:1.5em 0 .5em}@media(prefers-reduced-motion:no-preference){.Sidebar .logo{-webkit-animation:logo-spin 20s linear infinite;animation:logo-spin 20s linear infinite}}@-webkit-keyframes logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#Stopwatch>main>section{align-items:center;background-color:#000;color:hsla(0,0%,100%,.9);display:flex;flex-direction:column;height:250px;overflow:auto;padding:10px;width:200px}#Stopwatch>main>section .spread{display:flex;justify-content:space-between;width:100%}#Stopwatch>main>section p{align-items:center;display:flex;font-family:Courier New;font-size:38px;height:70px;margin-bottom:5px}#Stopwatch>main>section button{background-color:#666;border:none;border-radius:50%;color:#fff;font-size:10px;height:38px;outline:2px solid #666;outline-offset:2px;width:38px}#Stopwatch>main>section button:first-child{margin-right:10px}#Stopwatch>main>section .start{background-color:#007d4f;outline:1px solid #007d4f}#Stopwatch>main>section .stop{background-color:crimson;outline:1px solid crimson}#Stopwatch>main>section hr{background-color:hsla(0,0%,100%,.2);border:none;height:1px;margin-top:15px;width:100%}#Stopwatch>main>section .lap-times{display:flex;flex-direction:column-reverse;width:100%}#Stopwatch>main>section .lap-times li{border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;font-size:13px;justify-content:space-between;padding:4px}#Stopwatch>main>section .lap-times li :last-child{font-family:Courier New;font-size:15px}#Stopwatch>main>section .lap-times li.slowest{color:crimson}#Stopwatch>main>section .lap-times li.fastest{color:#007d4f}#DogImages>main>section{display:flex;gap:1em;height:200px}#DogImages>main>section img{border-radius:3px}#DogImages>main>section select{margin:1em 0}#DogImages>main>section button{background-color:#007d4f;border:none;border-radius:3px;color:hsla(0,0%,100%,.7);margin-right:.25em;min-width:50px;padding:3px}#DogImages>main>section button:hover{background-color:#02ad6e;cursor:pointer}#DogImages>main>section button:disabled{background-color:#006641;cursor:default}.Wordle{--cell-size:2.5rem;--key-size-w:2rem;--key-size-h:2.5rem;--color-tone-1:#1a1a1b;--color-tone-2:#787c7e;--color-tone-3:#878a8c;--color-tone-4:#d3d6da;--color-tone-5:#edeff1;--color-tone-6:#f6f7f8;--color-tone-7:#fff;--green:#6aaa64;--dark-green:#538d4e;--yellow:#c9b458;--dark-yellow:#b59f3b;--gray:var(--color-tone-2);--background:var(--color-tone-7);--key-text-color:var(--color-tone-1);--key-bg:var(--color-tone-4)}.Wordle .guesses .guess .char{align-items:center;color:var(--color-tone-1);display:flex;font-weight:700;justify-content:center;text-transform:uppercase}.Wordle .guesses .guess .green.char{background-color:var(--green);border-color:transparent;color:#fff}.Wordle .guesses .guess .yellow.char{background-color:var(--yellow);border-color:transparent;color:#fff}.Wordle .guesses .guess .gray.char{background-color:var(--gray);border-color:transparent;color:#fff}.Wordle{background-color:var(--background);color:#000;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;padding:1rem;position:relative;width:380px}.Wordle .guesses{display:flex;flex-direction:column;gap:3px}.Wordle .guesses .guess{display:flex;gap:3px;justify-content:center}.Wordle .guesses .guess .char{border:2px solid var(--color-tone-4);font-size:20px;height:var(--cell-size);width:var(--cell-size)}.Wordle .guesses .guess .char.unevaluated{border:2px solid var(--color-tone-3)}.Wordle .score{display:flex;justify-content:space-between;padding-top:1rem}.Keyboard{--cell-size:2.5rem;--key-size-w:2rem;--key-size-h:2.5rem;--color-tone-1:#1a1a1b;--color-tone-2:#787c7e;--color-tone-3:#878a8c;--color-tone-4:#d3d6da;--color-tone-5:#edeff1;--color-tone-6:#f6f7f8;--color-tone-7:#fff;--green:#6aaa64;--dark-green:#538d4e;--yellow:#c9b458;--dark-yellow:#b59f3b;--gray:var(--color-tone-2);--background:var(--color-tone-7);--key-text-color:var(--color-tone-1);--key-bg:var(--color-tone-4)}.Keyboard .keyboard-row .keyboard-key{align-items:center;color:var(--color-tone-1);display:flex;font-weight:700;justify-content:center;text-transform:uppercase}.Keyboard .keyboard-row .green.keyboard-key{background-color:var(--green);border-color:transparent;color:#fff}.Keyboard .keyboard-row .yellow.keyboard-key{background-color:var(--yellow);border-color:transparent;color:#fff}.Keyboard .keyboard-row .gray.keyboard-key{background-color:var(--gray);border-color:transparent;color:#fff}.Keyboard{flex-direction:column}.Keyboard,.Keyboard .keyboard-row{display:flex;gap:3px}.Keyboard .keyboard-row.offset{margin-left:1rem}.Keyboard .keyboard-row .keyboard-key{border:none;border-radius:4px;cursor:pointer;font-size:12px;height:var(--key-size-h);width:var(--key-size-w)}.Keyboard .keyboard-row .keyboard-key.backspace,.Keyboard .keyboard-row .keyboard-key.enter{width:3rem}.PopUp{align-items:center;background:#000;border:1px solid #000;border-radius:3px;color:#fff;display:inline-flex;font-size:20px;justify-content:center;left:50%;margin:0 auto;padding:1rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.user-table{border-radius:3px;overflow:hidden}.user-table thead tr{background-color:#66a}.user-table thead tr td{padding:10px 4px}.user-table tbody tr:nth-child(2n){background-color:#333}.user-table tbody tr:nth-child(odd){background-color:#444}.user-table td{padding:4px}#PostViewer .post-content{display:flex;flex-direction:column;gap:1rem}#PostViewer .post-content .post-header{align-items:baseline;display:flex;gap:1rem;justify-content:space-between}#PostViewer .post-content .post-header .user-badge{background:hsla(0,0%,100%,.1);border-radius:12px;font-size:.875rem;opacity:.8;padding:.25rem .75rem}#PostViewer .post-content .post-body{line-height:1.6;opacity:.9}#PostViewer .post-content .tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}#PostViewer .post-content .tags li{background:#007d4f;border:1px solid rgba(65,67,221,.3);border-radius:16px;color:hsla(0,0%,100%,.9);font-size:.875rem;padding:.25rem .75rem}#PostViewer .post-content .reactions{border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:1.5rem;padding-top:.5rem}#PostViewer .post-content .reactions .reaction{align-items:center;display:flex;font-size:.95rem;gap:.5rem}#PostViewer .post-content .reactions .reaction .emoji{font-size:1.25rem}#PostViewer .post-content .reactions .reaction .count{font-weight:600}#PostViewer .error,#PostViewer .loading{opacity:.7;padding:2rem;text-align:center}
/*# sourceMappingURL=main.ccf72ef7.css.map*/