index.css

* {
    margin: 0px;
    padding: 0px 0px 20px 0px;
    font-family: 'Bebas Neue', cursive;
    background-color: #f4f4f4;
}

*:focus {
    outline: none;
}

#header {
    text-align: center;
    padding: 10px 10px;
    margin-top: 210px;
    margin-bottom: 60px;
    font-size: 26px;
}

#main {
    text-align: center;
}

#results {
    text-align: center;
}

#subs {
    width: 225px;
    text-align: center;
}

input[type=text] {
    border: none;
    border-bottom: 2px solid #2E2E7E;
    padding: 5px 5px;
    font-size: 18px;
}

button {
    margin-top: 15px;
    padding: 5px 5px;
    width: 150px;
    font-size: 15px;
    border: 1px solid #353535;
    border-radius: 4px;
    transition-duration: 0.5s;
}

button:hover {
    background-color: #353535;
    color: #f4f4f4;
}

#btn2 {
    margin-right: 15px;
    margin-bottom: 50px;
}

/* #btn2:disabled {
    transition: none;
}

#btn2:disabled:hover {
    background-color: #f4f4f4;
    color: #1010104D;
} */

#btn3 {
    margin-right: 15px;
}

.markinp {
    margin-left: 25px;
}