*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}html{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}body{background-image:url(/keyboard-test-demo/assets/background.26543f6a.jpg);background-position:center;background-size:cover;height:100vh;display:grid;place-content:center;text-transform:uppercase}.keyboard__wraper{height:530px;width:1100px;background-color:#e6e6e6}.layout-main-key{width:47px;height:47px;display:inline-block;vertical-align:top;text-align:center;margin:.2em;background-color:#3a3a3a;border:1px solid white;color:#fff}.layout-main-key p{display:grid;place-content:center;height:100%}.layout__container{padding:0 .5em}.backspace{width:94px}.empty{border:none}.half{width:23.5px;border:none}.esc{margin-right:50px}.mr{margin-right:30px}.margin-right{margin-right:12px}.straight{width:71px}.tab{width:70px}.plus{height:102px}.relative{position:relative;top:-54px}.hidden-line{opacity:none;background-color:transparent;color:transparent;visibility:hidden}.caps{width:80px}.enter{width:114px}.shift{width:126px}.left-shift{width:122px}.tall-enter{height:102px}.relative-two{position:relative;top:-109px}.ctrl{width:70px}.alt,.windows,.notes{width:55px}.spaceBar{width:390px}.zero{width:100px}.left-click{position:relative;left:35%;width:100px;border-radius:0 0 0 10px}.middle-click{position:relative;left:35%;width:20px}.right-click{position:relative;left:35%;width:100px;border-radius:0 0 10px}.arrows{position:relative;top:-109px;left:511px}.active{background-color:#67c73b}.media-keys__container{color:#fff;display:flex;justify-content:space-evenly}.media-keys-key{border:1px solid rgb(0,0,0);padding:.2em .5em;border-radius:5px;display:inline-block;margin:.5em}.icon-margin-right{margin-right:2em}img{width:16px;color:#fff;fill:#fff}.output-display{display:flex;color:#fff;background-color:#407375;padding:.3em 0;overflow-x:hidden}.output-display span{margin-left:.5em;border:2px solid rgb(39,68,73);padding:.1em .2em}.system__container{display:flex;align-items:center;justify-content:center}.system__container .system-icon{padding:.2rem 2rem;background-color:#a5a5a5;margin:0 .1em}.system__container .system-icon .windows-icon,.system__container .system-icon .apple-icon{font-size:2rem;color:#000}