*{
    color: #0B2238;
}
.sub{
    color: #F6EFDD;
}
.form-cont{
    border: 0.48vmin solid #F6EFDD;
    display: flex;
    flex-direction: column;
    width: 70%;
    padding: 4.8vmin;
    margin-top: 25vmin;
    margin-left: 15%;
    margin-right: 15%;
    border-radius: 3.2vmin;
    margin-bottom: 8vmin;
}
.form-cont h3{
    color: #F6EFDD;
    font-size: 3.5vmin;
    margin-bottom: 2.4vmin;
}
.form1{
    margin: 0.48vmin;
}
.textbox{
    margin-top: 1.3rem;
    font-size: 3vmin;
    padding: 1.12vmin;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    background-color: #ffffffea;
    border-radius: 0.64vmin;
    border: none;
    border-bottom: 2px solid white;
}

.subb{
    font-size: 3.5vmin;
    padding: 0.8vmin 3.6vmin;
    font-weight: 600;
    color: #0B2238;
    background-color: #FBC853;
    border: none;
    border-radius: 0.96vmin;
    margin-top: 4.8vmin;
}

@media only screen and (max-width: 550px) {
    .subb{
        font-size: 4vmin;
        border-radius: 3px;
    }
    .textbox{
        margin-top: 1rem;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        font-size: 3.5vmin;
    }
    .form-cont h3{
        font-size: 4vmin;
    }
    .form-cont{
        width: 80%;
        padding: 25px 30px 30px 30px;
        margin-left: 10%;
        margin-right: 10%;
    }
}