*{
    margin: 0;
    padding: 0;
}

body{
    display: flex;
    justify-content:center;    
    align-items: center; 
    background-color: #f4e4ba;
}
.container{
    background-color: white;
    padding: 2rem; 
    border-radius: 1rem;   
     min-height: 45vh; 
    width:40vh;
}
form{
    margin:2rem 0 1rem 0;  
}

form select,button,input{
    width:100%;
    border:none;
    outline: none;
    border-radius:0.75rem;
}

form input {
    border:1px solid lightgrey;
    font-size:1.5rem;
    height:3rem;
    padding-left: 0.5 rem;  
    
}

.dropdown{
    display:flex;
    justify-content: space-between; 
    align-items: center;
    margin-top:2rem;
}
.dropdown{
font-size: 1.5rem;
margin-top: 1rem;
}

.select-conatiner img{
max-width: 2rem;
}

.select-conatiner{
    display: flex;
    justify-content: center;
    align-items: center;
    width:6rem;
    border-radius:0.5rem;
    border:1px solid lightgrey;
}

.select-conatiner select{
    font-size: 1rem;
    width:auto;
}
.r{
    margin:2rem 0 2rem 0;
    text-align: center;
    font-size: 1rem;
    color: gray;
}
.msg{
    display:flex;
    margin:2rem 0 2rem 0;
    text-align: center;
    font-size: 1.5rem;
    border-radius:0.5rem;
    border:1px solid lightgrey;
    height: 3rem;
    justify-content: center;
    align-items: center;
   
}

form button{
    height: 3rem;
    background-color: #af4d98;
    font-size: 1rem;
    color:#fff;
    cursor: pointer;
}