*{
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    
}
body{
     background-color: rgb(155, 241, 241);
}
#container{
    background-color: rgb(192, 180, 181);
   margin: 100px;
    border-radius: 10px;
    display: block;
    border: 25px solid rgb(94, 61, 61);
   
}
#header{
   text-align: center;
   padding-top: 20px;

}
#division{
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
#show-dob{
    padding: 40px;
    margin-left: 167px;
    font-weight: 700;
}
#date-picker{
    padding: 35px;
    margin-left: 71px;
    font-weight: 500;
}
#date{
    border-radius: 10px;
    width: 120px;
    text-align: center;
    height: 30px;
}
#main{
    display: grid;
     grid-template-columns: repeat(3,1fr);
     grid-template-rows: repeat(2,1fr);
     gap: 20px;
     padding: 35px;
         justify-content: space-evenly; 
         margin: 25px;

}
.s{
    background-color: rgb(255,255,255);
    height: 120px;
    display: grid;
    grid-template-rows: repeat(2,1fr);
}

.c{
    background-color: rgb(52, 182, 52);
    text-align: center;
    height: 50px;
    font-weight: 700;
}
.m{
    text-align: center;
    padding-top: 20px;
    font-weight: 700;
}
@media (max-width: 768px){
*container{
    padding: 30px 20px;
    font-size: 1rem;
}
}