@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Rakkas&display=swap');

body {
  margin-left: 10%;
  margin-right: 10%;
  background-color: #613F75;
  /*background-size: cover;*/
}

p {
  margin-left: 3%;
  margin-right: 3%;
  font-family: "Rakkas", serif;
  font-weight: 400;
  font-style: normal;
  color: #E5C3D1;
  font-size: 20px;
  line-height: 150%;
}

li {
  margin-left: 1%;
  margin-right: 3%;
  font-family: "Rakkas", serif;
  font-weight: 400;
  font-style: normal;
  color: #E5C3D1;
  font-size: 20px;
  line-height: 150%;
}

a {
  color: white;
}

h1 {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  color: #E5C3D1;
}

h2 {
  font-size: 25px;
  font-family: "Montserrat", sans-serif;
  color: #E5C3D1;
}

h3 {
  margin-left: 3%;
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  color: #E5C3D1;
}

h1 > span {
  font-family: "Montserrat", sans-serif;
  background-color: #F7A9A8;
  color: black;
}

figcaption {
  font-family: "Rakkas", serif;
  font-weight: 350;
  font-style: normal;
  color: #E5C3D1;
  font-size: 18px;
  margin-right: 55%;
}

#header {
  padding: 30px;
  text-align: center;
  /*background-color: #EF798A;*/
  background-image: url("assets/reef-header3.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #F7A9A8;
  font-size: 30px;
}

.button {
  margin-left: 1%;
  margin-right: 1%;
  text-align: center;
  font-family: "Monstserrat", sans-serif;
  font-weight: 450;
  border-style: solid;
  font-size: 25px;
  color: black;
  border-color: black;
  background-color: #F7A9A8;
}

.centered {
  text-align: center;
}