@import url('https://fonts.googleapis.com/css?family=Exo+2');

nav{
    background: #dfe4ea;
}

nav a:hover{
    color: #007bff;
}
#main-container , #table, #eq-btn{
    margin-top: 10px;
}

#note{
    color: rgba(0, 0, 0, 0.527);
}
#eq-btn{
    background: #70a1ff;
    color: white;
}
#eq-btn:hover{
    background: #1e90ff;
}
#submit-btn{
    border-radius: 0;
    background: #00a8ff;
}
#equation{
    font-family: 'Exo 2', sans-serif;
    text-align: center;
    background: #74b9ff;
    color: #2f3542;
    font-size: 30px;
    padding: 20px;
}

@media (max-width: 768px){
    #equation{
        font-size: 25px;
    }
    #note{
        margin-top: 5px;
        display: block;
    }
}

@media (max-width: 400px){
    #equation{
        font-size: 20px;
    }
    #note{
        font-size: 14px;
    }
}