@import url('https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap');

* {
    box-sizing: border-box;
}

html,
body {
    overflow-x: hidden;
    overflow-y: hidden;
    touch-action: none;
}

body {
    background-color: #fbfcfe;
    font-family: 'Roboto', sans-serif;
}

#header {
    background: #263551;
}

.footer {
    position: fixed;
}

.info {
    background-color: #eaeaea;
    display: inline-block;
    padding: 10px;
    line-height: 20px;
    color: #777;
    border-radius: 5px;
}

@media (max-width: 600px) {
    .code-container {
        flex-wrap: wrap;
    }
}

#keyboard div.col:hover {
    background-color: yellow !important;
}

div.filled {
    background-color: yellow!important;
}