@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap');
*{
  margin: 0;
  padding:0;
  font-style:none;
  font-weight:normal;
}
body{
  background-color:#FBF3D5;
  font-family: "Montserrat", sans-serif;
  font-size:18px;
  width:100%; 
}

main{
  margin: auto;
  margin-top: 10%;
  background-color: #FEFDED;
  padding: 40px 80px;
  width: 470px;
  color: #8C6A5D;
  box-shadow:10px 10px 10px rgba(95, 47, 20, 0.20);
  border-radius:12px;
  
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
}

h2{
  font-family: "Vollkorn", serif;
  font-weight: 900;
  font-size:40px;
}
header{
  display:flex;
  align-items:center;
  flex-direction:column;
}

header > p{
  align-text:center;
  line-height:20px;
  margin:15px;
  padding:20px 0;
}

container{
  background-color:#FA7070;
  width: 100%;
  height:50px;
  padding:20px 0px;
  display:flex;
  align-items:center;
  border-radius:20px;
  box-shadow:1px 1px 5px rgba(95, 47, 20, 1);
}

container > span{
  color:#FEFDED;
  font-size:20px;
  width: 80%;
  height: 40px;
  margin: auto;
  text-align:center;
}

button{
  background-color:#A1C398;
  border:none;
  padding:12px 20px;
  font-family: "Montserrat", sans-serif;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  border-radius:10px;
  margin: 20px 0px;
  cursor:pointer;
  width: 100%;
}
button:hover{
 background-color:#FBF3D5;
 color:#8C6A5D;
 box-shadow:1px 1px 5px rgba(95, 47, 20, 1);
}

footer{
  background-color:#FA7070;
  color:#8C6A5D;
  font-weight:bold;
  padding:10px;
  text-align:center;
  font-size:20px;
  font-weight:bold;
  margin-top:100%;
}

a{
  color:#FEFDED;
}
a:hover{
  font-size:21px;
  color:#A1C398;
  font-family: "Vollkorn", serif;
}