@import url('https://fonts.googleapis.com/css2?family=Flavors&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans+Pinstripe:ital@0;1&family=Montserrat:ital@0;1&family=Poiret+One&family=Zalando+Sans:ital,wght@0,200..900;1,200..900&display=swap');

body {
 background:#233342; 
}

.main {
 margin-left: 10%;
 margin-right: 10%;
 padding:10px 50px 50px 50px;
 background:#1f2a34;
}

hr {
  color:#eee;
  margin-top:40px;
  margin-bottom:40px;
}

.title {
  font-family: "Flavors", cursive;
  font-weight: 400;
  font-style: normal;
  font-size:5em;
  color:#eee;
  text-align:center;
}

h1 {
  text-decoration:none;
  font-family: MPlantin, Times, serif;
  color:#fff;
  text-shadow: 2px 2px 2px black;
}

h2 {
  text-decoration:none;
  font-family: MPlantin, Times, serif;
  color:#fff;
  text-shadow: 2px 2px 2px black;
}

h2 > i {
  text-shadow: 0px 0px 0px;
}

.text {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  color:#fff;
  line-height: 1.5em;
  text-align: justify;
}

.text > i {
  font-size: 0.8em;
}

a {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:#fff;
  text-decoration:underline;
}

li {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  line-height:1.5em;
  font-style: normal;
  text-align:justify;
  color:#fff;
  margin-bottom:1em;
}

.cardimg > img {
  width: 22%;
  border: 1px solid #000;
  border-radius:12px;
  box-shadow: 5px 5px 5px #000000;
  margin:0 5px 0 5px;
}

.cardimg {
  text-align:center;
}