html, body{
    
    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;
    
    background-color: #333;

}

.container{

    padding-top: 200px;

    text-align: center;
}

.tools{

    margin-top: 50px;

}

.tools input{
    border: none;
    outline: none;
    height: 36px;
    padding: 0 8px;

    background-color: #666;
    
    transition: background-color 0.3s;
}

.tools input:hover,
.tools input:focus{
    background-color: white;
}

.tools button{

    height: 36px;
    border: none;
    margin: 0;
    
    background-color: #0C74EB;
    color: white;
    outline: none;
    transition: background-color 0.3s;
    cursor: pointer;
}

.tools button:hover{
    background-color: #1d85fc;
}

.tools button:active{
    background-color: #0b63da;
}