@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap);
@font-face{font-family:"Keyboard";font-style:normal;src:url(assets/212Keyboard-lmRZ.otf)}.material-icons{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}:root{--white: #fff;--maintheme: #9d75c2;--black: #333}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}input,button,textarea{font-family:inherit}textarea:focus{border:1px solid #9d75c2;border:1px solid var(--maintheme);outline:1px solid #9d75c2;outline:1px solid var(--maintheme);border-radius:3px}body{font-family:"Roboto",sans-serif;font-style:normal;font-weight:300;font-size:16px;line-height:normal;color:#333;color:var(--black);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;height:100vh;margin:0}h1{font-weight:normal;font-size:2.5em;color:#9d75c2;color:var(--maintheme)}:focus,:active{outline:none}a:focus,a:active{outline:none;color:inherit}button{cursor:pointer}a,a:visited,a:link{text-decoration:none;color:inherit}a:hover{text-decoration:none;color:#9d75c2;color:var(--maintheme)}nav,footer,header,aside{display:block}ul,li{line-height:25px}li .material-icons{margin-top:-6px}.container{display:-ms-flexbox;display:flex;height:50vh;max-width:1100px;position:relative;margin:0 auto;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-direction:column;flex-direction:column;width:90vw}.use-keyboard-input{position:absolute;top:178px;right:0;font-size:1em;line-height:1.5em;font-weight:300}.footer__container{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center}.footer-copyright__element{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.year{padding:0 20px}.github-username,.rss{text-decoration:none;transition:.3s}@media(max-width: 900px){ul,li{line-height:25px;max-width:380px;font-size:14px}}@media(max-width: 768px){.footer__container{-ms-flex-wrap:wrap;flex-wrap:wrap}.footer__container>div,.footer__container a,.footer__container p{line-height:2.5rem}}.keyboard{position:fixed;bottom:20%;width:90vw;padding:15px 0;background:#9d75c2;background:var(--maintheme);box-shadow:0 0 50px rgba(0,0,0,.5);-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:bottom .6s;border-radius:5px;max-width:1100px;-ms-flex-item-align:center;align-self:center}.keyboard--hidden{bottom:-100%}.keyboard__keys{text-align:center}.keyboard__key{height:46px;width:5%;max-width:117px;margin:3px;border-radius:4px;border:none;background:rgba(255,255,255,.25);color:#fff;font-size:1.05rem;outline:none;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;vertical-align:top;padding:0;-webkit-tap-highlight-color:transparent;position:relative}.use-keyboard-input{caret-color:#cd62ff}.keyboard__key:active{background:rgba(255,255,255,.1)}.keyboard__key.active{background:rgba(255,255,255,.1)}.keyboard__key--wide{width:12%}.keyboard__key--semi-wide{width:8%}.keyboard__key--extra-wide{width:40%;max-width:421px}.keyboard__key--activatable::after{content:"";top:10px;right:10px;position:absolute;width:8px;height:8px;background:rgba(0,0,0,.4);border-radius:50%}.keyboard__key--active::after{background:#08ff00}.keyboard__key--dark{background:rgba(0,0,0,.25)}