* {
    margin: 0;
    padding: 0;
}

#content {
    background: url('https://images.unsplash.com/photo-1563013544-824ae1b704d3?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#form {
    padding: 15px;
    height: 550px;
    width: 350px;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,0.7);
    background-color: rgba(0,0,0,0.7);
    color: white;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;  
}

.input {
    padding-left: 10px;
    border-radius: 10px;
    margin-top: 2px;
    margin-bottom: 15px;
}

#calculate-button {
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    transition: .2s ease-in-out all;
}

#calculate-button:hover {
    background: #000;
    color: white;
    box-shadow: 0 0 5px white;
}
#extra-income {
    text-align: center;
    padding: 10px;
    margin-top: 10px;
    background: #000;
    box-shadow: 0 0 10px grey;
    height: 50px;
    width: 100%;
    border-radius:20px;
    font-size: 18px;
    color: white;
}