.navbar {
    margin:25px;
    padding-left: 20px;
    background-color: #f5bb80;
}
.navbar-brand:hover {

    box-shadow: 0 12px 16px 0 rgba(210, 210, 210, 0.24), 0 17px 50px 0 rgba(152, 152, 152, 0.19);
}
h1 {
            text-align: center;
            margin-left: 15%;
            margin-right: 15%;

        }
        .formula {
            font-family: Helvetica, Verdana, sans-serif;
            font-size: 200%;
            font-weight: light;
            text-align: left;
            margin-left: 100px;
            color: #1F1F1F;

        }

        .form {
            font-size: 120%;
            font-family: Helvetica, Verdana, sans-serif;
            text-align: center;
            padding: 8px 3px 8px 5px;
            margin: 5px 10px 5px 3px;
            margin-top: 20px;
        }
        input {
            font-size: 85%;
            text-align: center;
            display: inline-block;
            height: 50px;
            border: 1px solid #ccc;
            border-radius: 6px;
            padding: 8px 5px;
            margin: 5px 10px 5px 3px;
            autocomplete="off";
        }
        label{
            padding: 8px 3px 8px 5px;
            margin: 5px 3px 5px 3px;
        }
        .button {
            background-color: #ee8c46;
            height: 50px;
            width: 12%;
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
            margin-left: 15px;
            padding: 8px 20px;

        }
        .button:hover {
            background-color: #f56c0f;
            box-shadow: 0 12px 16px 0 rgba(210, 210, 210, 0.24), 0 17px 50px 0 rgba(152, 152, 152, 0.19);

        }