@import url("https://fonts.googleapis.com/css?family=Jersey+10|Lexend+Deca");        

body {
  background-color: #6f7cc5;
  color: #2f2b5a;
  font-family: "Lexend Deca","Trebuchet MS", Sans-serif;
  max-width: 960px; /* Set your desired maximum width */
  margin-left: auto; /* Equal left margin */
  margin-right: auto; /* Equal right margin */
  /* Shorthand for left/right auto margins: margin: 0 auto; */
  padding: 0 1rem;
}

header {
  font-family: 'Jersey 10', sans-serif;
  font-size: 48px;
  text-align: center;
}

h1 {
  font-size: x-large;
}

img {
  max-width: 100%;
}

/* Horizontal navbar code from W3 Schools */
/* https://www.w3schools.com/css/css_navbar_horizontal.asp */
.nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #4f4190;
  display: flex;
  justify-content: center;
}

.nav ul li a {
  display: block;
  color: rgb(255, 243, 204);
  padding: 14px 16px;
  text-decoration: none;
}

.nav ul li a:hover {
  background-color: #fb7827;
}

.main {
  background-color: rgb(240, 213, 252);
  border-radius: 10px;
  border: 2px solid #46334F;
  margin-top: 10px;
  padding: 0px 20px;
}