body {
    height: 100vh;
}

#app-title {
    text-align: center;
}

h1 span, h1 i, h5 a {
    color: #3367b9;
}

#result-box {
    display: block;
    padding: 5px 0;
    color: #2a8b2a;
    background-color: #cff8d3;
    border: 1px solid #2a8b2a;
    text-align: center;
    flex: auto;
}

#result {
    font-weight: bold;
}

.row button {
    max-width: 49% !important;
}

#clear, #copy {
    margin: 10px 0;
}

#footer {
    padding: 20px 0;
}

#footer h5 {
    font-size: 1em;
    color: grey;
}

/*Responsive layout breakpoints*/
@media screen {
    #block {
        max-width: 700px;
    }
}

@media screen and (max-width: 770px){
    #block {
        max-width: 75vw;
    }
}

@media screen and (max-width: 585px){
    #block {
        max-width: 95vw;
    }
}

@media screen and (max-width: 360px){
    h1{
        font-size: 2rem;
    }
}