/* style.css */
:root{
    --secondary-bg-background:#339CFF;
    --main-bg-background:#2F8BE2;
    --main-font-color: #242424;
}

.calculate-button {
    width:45%;
    text-align: center;
    vertical-align: middle;
    height:45px;
    margin: auto;
    background-color:#4285F4;
    color:white;
    margin-top:1em;
}

body {
    overflow: hidden;
    margin: 0 auto;
    padding: var(--header-height) 2rem;
    height: 100vh;
    min-height: var(--min-gyro-height);
    max-height: var(--max-gyro-height);
    background: radial-gradient(closest-side, var(--secondary-bg-background) , var(--main-bg-background));
    color:#fff;
    text-align: center;
}

.calculator {
    width:476px;
    height:63vh;
    background-color:#fff;
    margin: 0 auto;
    color: var(--main-font-color);
}

h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size:3em;
    padding-top:.85em;
}
.inner-calc {
    padding: 30% 0;
}
.dropdown {
    margin:15px 0;
}