body{
    font-family: 'Nunito', sans-serif;
    margin: 0;
    box-sizing: border-box;
}

.top{
    text-align: center;
    background: #3A69D2;
    height: 100px;
    color: #FFFFFF;
    padding: 3rem;
}

.header{
    font-weight: Bold;
    
    margin: 0;
}

#tail {
    background: #1F2937;
}
.fees{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

button{
    color: #4A4E74;
    border-radius: 7px;
    border: 1px solid #574e75;
    padding: 9px 13px;
    background-color:#D1D4F4;
    margin: 3rem 2rem;
    font-family: 'Nunito', sans-serif;
    cursor: pointer;
}

.fees1{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    color: #FFFFFF;
}

.total{
    text-align: right;
    margin: 1rem 3rem;
    color: rgb(216, 210, 198);
}

#print-div{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.print{
    padding: 1rem 7rem;
    border-radius: 7px;
    align-items: center;
    background:  #3A69D2;
    text-align: center;
    font-family: 'Nunito', sans-serif;
    color: #FFFFFF;
}

.print:hover,
.print:active{
    padding: 1rem 8rem;
    border-radius: 15px;
}