
*{
    margin:0;
    padding:0;
    text-transform: capitalize;
    box-sizing: border-box;
    outline: none;
    border-color: transparent;
}
html{
    font-size: 65.2%;
    font-family: sans-serif;
}
body{
    background-color: blanchedalmond;
}
.container{
    font-size: 2rem;
    margin:19rem auto;
    padding:4rem 2rem;
    text-align: center;
    width:60vw;
    background-color: greenyellow;
    border-radius: .5rem;
    box-shadow: 10px 10px gray;
}
.container h1{
   margin-top:2rem; 
    margin-bottom:6rem;
   background-color: tomato;
   border-radius: .5rem;
   box-shadow: 2px 2px 5px lightgray;
   padding:.5rem 0;
   
}
.form-donations {
  width:80%; 
  margin:auto;
}
.form-group{
    display: grid;
    grid-template-columns: 25% 75%;
    margin:2rem 0;
}
.form-group label{
    text-align: left;
    font-weight:700;
}
.form-group input, .form-group select{
    border-radius: .5rem;
    box-shadow: 2px 2px 5px lightgray;
}

button{
    width: 100%;
    height:3.5rem;
    border-radius: .5rem;
    box-shadow: 2px 2px 5px lightgray;
    font-size: 2rem;
    font-weight: 700;
    cursor: pointer;
}
