/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
.center {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
}

.contentbox {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;

}
.left {
  width: 300px;
}
.mid {
  width: 400px;
}
.norm {
  width: 700px;
}
.right {
  width: 300px;
}
.full {
  width: 1000px;
}
.section {
  background-color: rgb(179, 207, 219);
  padding: 5px;
 
  margin: 5px;
  border-width:10px;
  border-style:solid;
  border-image:url(normieborder.png) 16 round;
  background-clip: padding-box;
  
}
.navigation {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.headereyes{
  height: 117px;
  margin: auto;
}
.headerimgs {
  border-width:30px;
  border-style:solid;
  border-image:url(titleborder.png) 600 stretch;
  border-radius:10px;
  
  width: 700px;
  height: 117px;
  
  max-width: 100%;
  max-height: 100%;
  
  background-color: rgb(179, 207, 219);
  padding-top: 15px;
  padding-right: 5px;
  padding-left: 5px;

  
}
.fullwidthimage {
  width: 100%;
}
.halfwidthimgs {
  width: 49%;
}
.thirdwidthimgs {
  width: 32%;
}
.quarterwidthimgs {
  width: 24.5%;
}
.fullheightimage {
  height: 100%;
}
.nav {
  
  color: black;
  background-color: rgb(179, 207, 219);
  padding: 10px;
  border-width:10px;
  border-style:solid;
  border-image:url(normieborder.png) 16 round;
  background-clip: padding-box;
  margin: 5px;
  min-width: 80px;
  text-align: center;
}
.normlinks {
  color: black;
}
.worstpage {
  border-width:10px;
  border-style:solid;
  border-image:url(eyeborder.png) 25 round;
}

body {
  background-image: url("starbackground.jpg");
  background-color: rgb(97, 132, 148);
  color: black;
  font-family: serif;
   cursor: url('https://cdn.cursors-4u.net/previews/amazon-credit-card-4887b64b-32.webp') 32 32, auto !important;

}

h1 {
  background-color: rgb(179, 207, 219);
  
  border-width:30px;
  border-style:solid;
  border-image:url(titleborder.png) 600 stretch;
  border-radius:10px;
  padding-top: 10px;
  
}

h2 {
  text-align: center;
  justify-content: center;
}

button {
  font-family: serif;
  color: black;
  background-color: white;
  padding: 5px;
  border-width:10px;
  border-style:solid;
  border-image:url(buttonborder.png) 10 round;
  background-clip: padding-box;
  
}