html, body{
    height: 100%
}
body{
    background-color: #8d8d8d;
    display: grid;
    place-items: center
}
.card{
    padding: 0px 12px 0px 12px;
    border-radius: 20px
}
.c1{
    background-color: #f7f7ee;
    border-radius: 20px;
    margin:0px;
}
.c2 {
    margin: 0px;
}

.ac{
    font-weight: bold;
    color: #353533;
    font-size: 12px
}
input, button{
    width: 100%;
    background-color: #fffdf1;
    border-radius: 8px;
    padding: 8px 17px;
    font-size:13px;
    border: 1px solid #d5d5d5;
    color: #565656;
}
input{
    text-decoration: none
}
.bt{
    background-color: #f0e112;
    border: 1px solid #ffffff;
}
.bt:hover {
    background-color: #e0d310;
    transition: 500ms all ease-in-out;
}
form{
    margin-top: 0px;
}
form >*{
    margin: 10px 0px 0px 0px;
}

/* #forgot{
    margin: 0px -60px
} */

/* img{
    background-color: rgb(250, 241, 215);
} */
.wlcm{
    font-size: 30px
}
.sp1{
    font-size: 5px
}
.sp1 >span{
    background-color: #f0edbe;
}
.bigSp {
    background-color: #F2E30C !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 766px) {
    .c1 {
      display: none;
    }
    h3 {
        font-size: 1.1rem;
    }
    
  }

  @media only screen and (min-device-width: 769px) {
    img .solvista {
      display: none;
    }
    
    
  }