/* 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." */ 
   
   /* Hey fuck head why would I want to google that when I can at the very least find a resource first? If I google my way through this whole process it may take a damn long time */
      /*update:this is probably gonna take forever...  */

body {
  background-color: white;
  color: black;
  font-family: "Abyssinica SIL", "Amethysta", "Adamina", "Optima", "Baskerville", "Perpetua", "Garamond";
}

/*  I want to put a comment here so I dont forget how to do that later. Also, how many damn fonts before one of them works?! Sweet crimeny, gonna put all of Google's library down before I find something. I wonder if I can get into legal troruble for mentioning Google by name in the comments of the code of my webiste. I guess that's another thing to find out about later!! */

p {
  text-align: justify;
}

h1 {
  text-align: center;
  font-family : 'MonsieurLaDoulaise-Regular', "Lucida Handwriting", "Brush Script MT", cursive;
  margin-top: -20px;
  margin-bottom: -20px;
  font-size: 118px;
}

h3 {
  font-family: "Garamond", serif;
  font-size: 54px;
  margin-top: 0;
  margin-bottom: -30px;
}

h2 {
  font-family: serif;
}

h5 {
  font-family: "Abyssinica SIL", "Amethysta", "Adamina", "Optima", "Baskerville", "Perpetua", "Garamond";
  text-align: center;
  border-style: solid;
  border-width: 0;
  border-bottom-width: 5px;
  border-top-width: 5px;
  border-color: black;
}

h6 {
    text-align:center;
    letter-spacing: 5px;
    font-family: "Copperplate";
    font-size: 14px;
}

body {
        background-image:url(https://cottontail-press.neocities.org/kiwihug-zGZYQQVmXw0-unsplash.jpg)
      }
      

#hotbar {
        padding:10px 20px;
         text-align:center;
         word-spacing: 150px;
      }
      
      a {
        text-decoration:none;
        color: black;
      }
      
      a:hover {
        font-weight:bold;
        font-style:italic;
      }
      
      .hotbar-text {
        word-spacing: 10px;
      }


/* oh my fucking god I cannot get this stupid font this figured out why are there no fuctioning cursive fonts? this is such bs not even the "websafe"font is working and this conversion process is already well out of my realm of understanding. Maybe I should call Hector? He might know what to do. Reddit is confusing. */



.grid-container1 {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-gap: 10px;
  text-align: center;
  border-style: solid;
  border-width: 0;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-color: black;
}

.grid-container2 {
  display: grid;
  justify-content: center;
  align-content: center;
  grid-template-columns: 150px 700px 150px;
  grid-gap: 10px;
  text-align: center;
  border-style: solid;
  border-width: 0;
  border-top-width: 5px;
  border-color: black;
}
  
.grid-container3 {
  display: grid;
  justify-content: center;
  align-content:  center;
  grid-template-columns: 200px 550px 200px;
  grid-gap: 0;
  text-align: center;
}
  
.grid-container4 {
  display: grid;
  justify-content: center;
  grid-template-columns: 200px 600px 200px;
  grid-gap: 10px;
  border-style: solid;
  border-width: 0;
  border-bottom-width: 5px;
  border-top-width: 5px;
  border-color: black;
  text-align: center;
}
  
#origin-title {
  font-family:  "Brush Script MT", cursive;
}