/* 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." */

.header-nav{
    display: left; /* Enables flexbox layout */
    align-items: center; /* Vertically centers the items */
    justify-content: space-between; /* Pushes items to the edges (h1 left, buttons right) */
    /* Add padding/margin as needed */
    padding: 10px;
    background-color: #907ad6;
    background-image: url("squarespin.gif");
    background-repeat: repeat;
    background-attachment: fixed;
    border: indigo 7px ridge;
    margin: 20px
    
    }

body {
  background-color: #dabfff;
  background-image: url("fractal-purple.png");
  background-attachment: fixed;
  color: Black;
  font-family: "Ms Gothic";
  text-align: center;
}



.texture-bg {
  font-family: "Comic Sans MS";
  text-align: center;
  background-repeat: repeat;
  background-attachment: fixed;
  padding: 10px
  }
.main-container{
    border: indigo 7px ridge;
    margin: auto;
    width: 800px;
    height: 1000px;
    padding: 15px;
    background-color: #c1abea;
    background-repeat: repeat;
    border-radius: 15px;
  }
  
  .side-container{
    border: indigo 7px ridge;
    margin: auto;
    width: 400px;
    height: 1000px;
    padding: 15px;
    background-color: #c1abea;
    background-repeat: repeat;
    border-radius: 15px;
  }
  
.sub-container{
    border: 3px groove violet;
    margin: auto;
    padding: 15px;
    background-color: #c1abea;
    background-repeat: repeat;
    border-radius: 15px;
  }
  

.encrust{
    border: violet 5px groove;
    padding: 5px;
    background-color: white;
  }

h1 {
  font-family: "Courier New";
  color: lavender;
  }

button {
  background-color: #ddbcdd;
  color: black;
  font-family: "Comic Sans MS";
  text-align: center;
  width: 75px;
  height: 25px;
  border: #dabfff 3px groove;
  border-radius: 5px
  }

funny {
  background-color: lavender;
  color: black;
  font-family: "Comic Sans MS";
  }