body {background-color: pink;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
;
margin: 0 auto;}

#title {
  width: 200px;
  height: 150px;
  margin-bottom: -45px;
}

.header { 
background-color: #E04360;
color: white;
font-size: 30px;
margin: 0px;
padding: 0px;}

h3 {color: #66101f;
opacity: 0.6;
margin-top: -40px;}

h1 {color: #e8e8e8;
text-shadow: 2px 2px #747474;
margin-top: -10px;}

#smallheart {
  width: 20px;
  opacity: 0.8;
}

span {width: 100px;
margin: 100px;}

p {margin: 20px 15%;}

.body {background-color: #66101f;
padding: 10px;
margin-top: -20px;
color: white;
width: 80%;
margin: -20px auto 0 auto;}

#result { color:white; font-size: 30px; width: 100px;
text-transform: bolded;
text-align: center; 
margin: 0 auto; }

#result2 {
  color: #E04360;
  font-size: 50px;
  text-align: center; 
  max-width: 1000vw;
  text-shadow: 2px 2px rgba(23,1,1,0.2);
}
.otherbody {background-color: #fbdee6;
padding: 10px;;
margin-top: 30px;
color: black;
width: 70%;
margin: 10px auto 0 auto;
border: 1px solid grey;
}
#paragraph3 {
  
  font-family: "Montserrat";
  font-size: 22px;
  font-weight: 400;
  text-align: justify;
  font-style: italic;
}