@font-face{font-display:swap;font-family:"Oswald";font-style:normal;font-weight:400;src:url(e00d75bdcf92202123c1.woff2) format("woff2"),url(f80a8f63a9138e3668b6.woff) format("woff")}*{margin:0;padding:0}.keyboard{font-family:"Oswald",sans-serif}.keyboard__text-field{outline:none !important}.keyboard__text-field{font-family:"Oswald",sans-serif;font-size:2rem;display:block;width:80%;height:50vh;margin:0 auto;margin-top:5vh;border:none}.keyboard__area{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:80%;margin:0 auto;display:grid;grid-template-columns:repeat(30, 1fr);grid-gap:7px;gap:7px;outline:1px solid #000;padding:15px;border-radius:15px}.keyboard__area .keyboard__square{grid-column-start:span 2;border:1px solid #000;text-align:center;border-radius:3px;cursor:pointer;-webkit-box-shadow:0 3px 2px #1d1c1c;box-shadow:0 3px 2px #1d1c1c;-webkit-transition:.1s;transition:.1s}.keyboard__area .keyboard__square__Tab,.keyboard__area .keyboard__square__ShiftRight{grid-column-start:span 3}.keyboard__area .keyboard__square__Backslash,.keyboard__area .keyboard__square__Super{grid-column-start:span 1}.keyboard__area .keyboard__square__Enter,.keyboard__area .keyboard__square__ControlRight,.keyboard__area .keyboard__square__CapsLock,.keyboard__area .keyboard__square__Backspace{grid-column-start:span 4}.keyboard__area .keyboard__square__ShiftLeft{grid-column-start:2;grid-column-end:5}.keyboard__area .keyboard__square__ControlLeft{grid-column-start:2;grid-column-end:4}.keyboard__area .keyboard__square__Space{grid-column-start:span 10}.keyboard__description{margin-top:3vh;text-align:center}.pressed{-webkit-box-shadow:none !important;box-shadow:none !important}.pressed{-webkit-transform:translate(0, 2px);transform:translate(0, 2px)}