/* main stuff like background and fonts. */

body {
  background-image: url(https://file.garden/ZnNr0mYRNQ9BoevX/Untitled57_20250810133226.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin: 0;
  padding: 0;
  
}


p {
  font-family: "DotGothic16", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;

}


/* main body */

.main {
  width: 650px;
  border: 8px groove lightgrey;
  outline-style: solid;
  padding: 30px ;
  margin: 50px auto;
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
  background-image: url(https://file.garden/ZnNr0mYRNQ9BoevX/Untitled57_20250810133226.png)
  
}

/* headers */

h1 {
  border: 8px groove white;
  outline-style: solid;
  padding: 80px;
  margin: 5px;
  border-top-left-radius: 80px;
  border-bottom-right-radius: 80px;
  background-image: url(https://file.garden/ZnNr0mYRNQ9BoevX/Untitled57_20250810132854.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: black;
  text-align: right;
  font-family: "Jersey 10 Charted", sans-serif;
  font-weight: 400;
  font-style: normal;

}

h2 {
  font-family: "DotGothic16", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  font-size: 15px;
  background: linear-gradient(180deg,lightgray 0%, white 45%, white 47%, white 100%);
  border:ridge 2px white;
  border-radius: 8px;
  outline: solid 2px black;  
}


/* content boxes... whatever theyre called */

.content {
      overflow: hidden;
    }

    .section {
      background-color: #f3fbff;
      border: 1px solid #c6e8f8;
      border-radius: 10px;
      padding: 15px;
      margin-bottom: 20px;
   border-width: 7px;
   border-style: solid; 
   border-image: url("https://i.imgur.com/NJa4bp2.png") 8 fill round; 
  

}