@font-face {
    font-family: BreezeBold;
    src: url(../fonts/BreezeSans-Bold.ttf);
}

@font-face {
    font-family: BreezeLight;
    src: url(../fonts/BreezeSans-Light.ttf);
}

body {
    margin: 0;
    font-family: BreezeLight;
    font-weight: bold;
    color: white;
    background-image: url(../images/background.png);
}

#application {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

#waiting {
    position: absolute;
    top: 555px;
    left: 900px;
    width: 600px;
    text-align: center;
    font-family: BreezeBold;
    font-size: 98px;
    line-height: 98px;
    color: rgba(250, 175, 84, 1);
}

#pressed-status {
    position: absolute;
    top: 332px;
    left: 640px;
    width: 1070px;
    text-align: left;
}

#pressed-status > .text {
    line-height: 32px;
    font-size: 30px;
    padding-bottom: 28px;
}

#pressed-status > .button-info {
    font-family: BreezeBold;
    line-height: 97px;
    font-size: 97px;
}

#button-name {
    padding-bottom: 179px;
}

.unsupported-key {
    color: red !important;
}

.hidden {
    display: none;
}

.invisible {
    visibility: hidden;
}