*{
    padding:0;
    margin:0;
}


body{
    display:flex;
    align-items:center;
   justify-content:center; 
    min-height: 100vh;
    background-color:#C2CFB2;
}
.container{
    background-color:#8DB580;
    padding:2rem;
    border-radius:5%;
    width:45vh;
    min-height:50vh;
}
form{
  margin:2rem 0 1rem 0;
}
form input ,select, button{
    width:100%;
    margin:0.75rem 0 0.752rem 0;
    border:none;
    border-radius:0.5rem;
    font-size:1rem;
    border:1px solid black;
    
}
form input{
    padding-left:1rem;
    height:2rem;
   
}
.dropdown{
    
    display:flex;
    align-items:center;
    justify-content: space-between;
    margin:1rem 0 1rem 0; 
   
}
.dropdown i{
font-size:1.5rem;
margin:1rem;
padding:1rem;
}
.dropdown select{
    font-size:1rem;
}
.msg{
    margin:2rem 0 2rem 0;
    font-size:1.5rem;
    color:#4B4A67;
}
.msg button{
    margin-top :2rem;
    height:5vh;
    background-color:#3F88C5;
}
#themeToggle {
    position: fixed;   /* stays at top even on scroll */
    top: 15px;
    right: 30px;
    font-size: 22px;
   width: 3rem;
   height:3rem;
   border:none;
   background-color:pink; 
}
body.dark {
    background-color: black;
}

body.dark .container {
    background-color: #1e1e1e;   /* dark container */
    color: white;               /* text color */
}