body {background-color: #23272a;margin: 0;padding: 10px 100px 0;color: #fff;font-family: roboto, sans-serif }#load-up {opacity: 0;position: relative;bottom: 40px;-webkit-transition: opacity ease .4s, bottom ease .4s;-moz-transition: opacity ease .4s, bottom ease .4s;-o-transition: opacity ease .4s, bottom ease .4s;transition: opacity ease .4s, bottom ease .4s }#load-down {opacity: 0;position: relative;top: 40px;-webkit-transition: opacity ease .4s, top ease .4s;-moz-transition: opacity ease .4s, top ease .4s;-o-transition: opacity ease .4s, top ease .4s;transition: opacity ease .4s, top ease .4s }.p {font-size: 15px;font-weight: 100 }.clean {clear: both }.fleft {float: left }.fright {float: right }h1 {display: block;margin: 0;padding: 0 0 10px;font-weight: 900;font-size: 64px;}h1 a {color: #fff;text-decoration: none }use {-webkit-transition: fill ease .2s;-moz-transition: fill ease .2s;-o-transition: fill ease .2s;transition: fill ease .2s }use.pressed {fill: #fe4957 }use.led {fill: green }use.pressed-key {fill: #fff }svg {width: 100%;max-width: 1338px;min-width: 350px;display: block }#a-little-one {max-width: 875px }#out {font-size: 30px;height: 100px;font-weight: 100;line-height: 50px }#cursor {display: block;width: 30px;height: 50px;border-right: 3px solid #fff;float: right;position: relative;top: 0 }#keys-frame {min-width: 350px;display: block;float: right;text-align: right }@media all and (max-width:1300px) {h1 {font-size: 32px;padding: 0 0 50px }#keys-frame {clear: both;float: none;text-align: left;margin: 0 0 40px }#cursor {float: left;height: 65px;border-right: none;border-left: 3px solid #fff }#out {font-size: 64px;line-height: 60px }}#stay-pressed {display: inline-block;margin: 0;padding: 60px 20px 80px 0;font-weight: 400;font-size: 24px }.switch {position: relative;display: inline-block;width: 54px;height: 28px;top: 4px }.switch input {display: none }.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;-moz-transition: .4s;-webkit-transition: .4s;transition: .4s;border: 2px solid #fff }.slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 2px;bottom: 2px;background-color: #fff;-webkit-transition: .4s;transition: .4s }input:checked+.slider {background-color: #fe4957 }input:focus+.slider {box-shadow: 0 0 1px #fe4957 }input:checked+.slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px) }.slider.round {border-radius: 28px }.slider.round:before {border-radius: 50% }.keyboard-options {display: flex;justify-content: center }@media(max-width:800px) {.keyboard-options {flex-direction: column }}.keyboard-choose {margin: 20px auto;font-size: 14px;font-weight: 400;line-height: 16px;cursor: pointer }.keyboard-choose img {display: block;margin: 10px auto;padding: 3px;border: 1px solid #23272a;border-radius: 5px }.keyboard-choose:hover img {border: 1px solid #fe4957 }.keyboard-choose.active {cursor: default }.keyboard-choose.active img {border: 1px solid #fe4957 }footer {width: 100%;overflow: auto;color: #fff;text-align: center;font-size: 18px;padding: 15px 0 }html {--scrollbarBG: #2c2f33;--thumbBG: white }body::-webkit-scrollbar {width: 13px }body {scrollbar-width: thin;scrollbar-color: var(--thumbBG) var(--scrollbarBG) }body::-webkit-scrollbar-track {background: var(--scrollbarBG) }body::-webkit-scrollbar-thumb {background-color: var(--thumbBG);border-radius: 8px;border: 3.5px solid var(--scrollbarBG) }.footer-link {text-decoration: none;color: #fff;font-size: 18px }.footer-link:hover {color: #fe4957 }.google-auto-placed a{color:red}

.textblocks{    
    background: #ffffff0d;
    padding: 5px 20px;
    border: 1px solid #ffffff1a;
    margin-bottom: 20px;
}

.center{text-align:center;}