body {
    background: no-repeat center center fixed;
    background-size: cover;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.text {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222;
}

.bg {
    background-color: rgba(200,200,200,0.5);
    border-radius: 5px;

}

.btn {
    text-align: center;
    text-color: #333;
    background-color: #999;
    border-radius: 8px;
    border: 2px solid #00ff36
}

.btn:hover {
    background-color: #00ff36;
    cursor: pointer;
}

.startup-input {
    position: absolute;
    background: none;
    border: none;
    left: 35%;
    top: 42%;
    width: 30%;
    height: 5%;
    font-size: 18pt;
}

.question {
    font-size: 28pt;
    padding: 10px;
    border-radius: 5px;
    background-color: rgba(225,225,225,0.5);
    color: #222;
}

.airship {
    cursor: pointer;
}

.input-checkbox {
    position: absolute;
    width: 23.2% !important;
    height: 7.5% !important;
    background: none;
}

.input-checkbox.active {
    border: solid 5px #01ff4f;
}

.input-checkbox:hover {
    cursor: pointer;
}

.btn-transp {
    background: rgba(0,0,0,0);
    border: none;
}

.btn-transp:hover {
    background: rgba(0,0,0,0);
    border: none;
}