body {
    margin: 0;
    background-color: #eee;
}
* {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#question-container {
}
#question {
    background-color: #3548ae;
}
#question-text {
    padding: 8px 16px 32;
    font-size: 50px;
    display: flex;
    justify-content: center;
}
#answer-input {
    width:100%;
    padding:12px 16px;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    background: white;
    border: 2px solid rgba(0,0,0,0);
    box-shadow: 3px 3px 0 #e1e1e1;
}
#input-label {
    text-transform: capitalize;
    display: block;
    background-image: linear-gradient(#3C3C3C, #1A1A1A);
    color: white;
    font-size: 22px;
    padding:12px 0;
    text-align: center;
}
#input-container {
    padding:10px;
}
/*animation: .15s ease-in-out 3 effects--shake
@keyframes effects--shake {
    0% {
        transform: translateX(0px)
    }

    25% {
        transform: translateX(-20px)
    }

    75% {
        transform: translateX(20px)
    }

    100% {
        transform: translateX(0px)
    }
}

@keyframes effects--blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}*/