/* container */
.three-columns {
    display:flex;
    align-items: center;
     justify-content: center;
}

/* columns */
.three-columns > * {
    width:calc(100% / 3);
    margin:1ex;
    padding: 2ex;
}
#left-bar {
  background-color:#b33c00;
  width: 3in;
  color: #ff80ff;
  border-radius: 10px;
  }
  #middle-bar {
    background-color: #b33c00;
    text-align: center;
  color: #ff80ff;
  border-radius: 10px;
    }
    
    #right-bar {
      background-color: #b33c00;
      width:2.5in;
      color: #ff80ff;
      border-radius: 10px;
      }
      
      body {
            background-image: url('art-folder/soft wood.jpg');
            background-repeat: repeat; /* Tiles both ways */
            background-size: 10in 10in; /* Each tile is 50x50 pixels */
            background-position: center; /* Tiling starts from the center */
        font-family: 'Courier New', monospace;
        cursor: url("art-folder/Hey Listen Pixie.gif") 17 59, pointer;
        }
        a{
          cursor: url("art-folder/Hey Listen Pixie.gif") 17 59, pointer; /*this is anchoring all links/ 'a' tags for my custom gif cursor*/
          }
 /*The following rules are for the HomePage*/
#toplantern-img {
  background-image: url("art-folder/toplantern.gif");
  background-repeat: repeat-x;
  background-position: top left;
  background-size: 200px;
  position: fixed;
  width:100%;
   top:0;
   height: 200px;
   }
   #lonelantern {
   width:1in;
   } 
#linksshadowboxhp {
  width:4.5in;
  border: 2px solid #8c1aff;
  box-shadow: 8px 8px 4px #7300e6;
  padding:3px;
  position: static;
  background-position: bottom left;
  bottom:0;
  }
 #buttonsmashtavern-img {
   width:4.5in;
   }
  #nintendo-img {
    width:2in;
    }
    #Kupo-img {
      width:3in;
      }
      #gameboy {
        width:1in;
        }
        #potionbottlegreen {
          width: 2in;
          }
        #potionbottlepink-img {
          width:3in;
          }
          #openbook-img {
            width:.75in;
            }
/*The following rules are for the Art Page*/
 #hamham3-img {
   width:5in;
   }
#dandadan-img {
  width:5in;
  }
  
 /*The following rules are for the Short Stories Page*/ 
 
 .container {
   margin-left:auto;
   margin-right:auto;
  border: 2px solid rgb(75 70 74);
  border-radius: 0.5em;
  padding: 20px;
  width: 1500px;
  font: 1.2em sans-serif;

  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 20px;
  margin-top:.5in;
}
.container > * {
  padding: 10px;
  border: 2px solid rgb(95 97 110);
  border-radius: 0.5em;
  margin: 0;
}

#openbookss-img {
  width:2in;
            }
#right-bar-stories {
   text-align: center;
  }