@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
body {
  width: 80vw;
  margin: auto;
  display: flex;
  flex-direction: column;
background: rgb(22,18,25);
background: linear-gradient(0deg, rgba(22,18,25,1) 0%, rgba(12,11,13,1) 100%);
}

header {
background: rgb(65,187,118);
background: linear-gradient(0deg, rgba(65,187,118,1) 0%, rgba(29,50,39,1) 100%);

}

nav {
}

main {
background: rgb(106,241,178);
background: linear-gradient(0deg, rgba(106,241,178,1) 0%, rgba(198,129,244,1) 100%);
}

footer {
background: rgb(65,187,118);
background: linear-gradient(0deg, rgba(65,187,118,1) 0%, rgba(29,50,39,1) 100%);
text-align: center;
color: white;
 
}
h1 {
 font-family: 'Cinzel Decorative', cursive; 
 color: #C8E6C9;
}
h2 {
  font-family: 'Cinzel Decorative', cursive;
  color: #C8E6C9;
  background: rgb(139,65,187);
background: linear-gradient(0deg, rgba(139,65,187,1) 0%, rgba(42,29,50,1) 100%);
}
h3 {
   font-family: 'Cinzel Decorative', cursive;
   color: #263238;
}
img {
  float: left;
  margin-right: 30px;
  margin-top: 20px;
  

}
p {
font-family: 'Shadows Into Light', cursive; 
  color: #263238;
}
.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
 background-color:#102A15;

}
nav li {
  float: left;
}
li a {
  display: block;
  color: #C8E6C9;
  text-alighn: center;
  padding: 14px 16px 14px 16px;
  text-decoration: none;
}
nav li a:hover {
  background-color:#CE93D8;
}
nav ul {
font-family: 'Cinzel Decorative', cursive;
background: rgb(139,65,187);
background: linear-gradient(0deg, rgba(139,65,187,1) 0%, rgba(42,29,50,1) 100%);
}
ul {
  font-family: 'Shadows Into Light', cursive;
  
}
iframe {
 margin: 20px auto 20px auto;
}
#leveling {
  margin-top: 20px;
 
}

article {
  width: 90%;
  margin: auto;
 
}
#center {
  margin-left: auto;
  margin-right: auto;

}
.try {
  color: #263238; 
}