body{
    background-color: rgb(115, 143, 168);
}


#box{
    background-color: white;
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    /* border-top: 10vw; */
    margin-top: 5vw;
    padding-top: 1vw;
}


h2{
    text-align: center;
    color: lightgray;
    margin-top: 2vw;
}

.center{
    display: block;
    margin-left: auto;
    margin-right: auto;
   margin-top: 2vw;
   margin-bottom: 3vw;
    /* border-radius: 6px; */
}


.input-sm{
    margin-left: auto;
    margin-right: auto;
    width: 80vw;
}

.fixit{

}

.alert{
    margin: 4px;
    margin-left: auto;
    margin-right: auto;
    width: 80vw;
}


@media screen and (min-width: 1350px){


    #box{
        background-color: white;
        width: 30vw;
        margin-left: auto;
        margin-right: auto;
        border-radius: 15px;
        /* border-top: 10vw; */
        margin-top: 5vw;
        padding-top: 1vw;
    }


    
.input-sm{
    margin-left: auto;
    margin-right: auto;
    width: 20vw;
}


.center{
    display: block;
    margin-left: auto;
    margin-right: auto;
   margin-top: 10px;
   margin-bottom: 10px;
    /* border-radius: 6px; */
}


.alert{
    margin: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 20vw;
}
    

}