/*classes*/
/*
.container{
  background-color: lightgray;
  display: grid;
  grid-template: 100px / auto auto;
  padding: 30px;
  margin: 0 -50px 100px;
  height: 80%;
  width: 100%;
  border:black;
  border-radius: 5px;
  grid-column: span 2;
  z-index: 1;
  order: 1;
  }
/* main */
/*body {
  height: 1000px;
  width: 1000px;
  background: #22C1C3;
  background: repeating-linear-gradient(rgb(174, 87, 245), rgb(60, 63, 194), rgb(174, 87, 245) 100%);
  color: black;
  font-family: Verdana;
  justify-content: center;
  align-items: center;
  margin:auto;
  display: flex;
  flex-direction: column;
}
footer{
    margin: auto;
    color:orange;
    width: 100%;
    height: 100px;
    background-color: #701010;
    font-size: small;
    grid-column:span 3;
    
}
/* ids*/
/*#intro{
  height:20%;
  width:70%;
  }
#header{
  border: 2px solid #000000;
  border-radius: 5px;
  margin: 0 auto;
  display:flex;
  height: 100px;
  width: 100%;
  grid-column-end: span 3;

  }

#box1{
    border: 2px solid #000000;
    text-wrap: inherit;
    background-color: lightblue;
}
#box2{
    border: 2px solid #000000;
    background-color: red;


}
#music{
  width: auto;
  order: 4;
  align-self: flex-end;
  margin-top: -400px;
  z-index: 2;
}
#book{
  width: auto;
  order: 2;
  align-self: flex-start;
}
#pkmn{
  align-self: center;
  z-index: 9;
  margin-bottom: -30px;
} */

/* Take Two??*/

body{
  display: flex;
  flex-direction: column;
  flex-grow: 20px;
  text-align: center;
  height: auto;
  width: auto;
  background-color: rgb(204, 182, 219);
}
#navi{
  align-items: stretch;
  position: relative;
  bottom: 60px;
  left: 320px;
  width: 50%;
}
.boxes{
  border: 20px double rgb(9, 0, 128);
  z-index: 1;
}
#header{
  height: 100px;
  position:relative;
  width: auto;
  border-radius: 100px 100px 0px 0px;
  bottom: 56px;
}
#main{
  position: relative;
  bottom: 40px;
  width: 80%;
  align-self: center;
}
#misc{
  position: relative;
  width: 50%;
  left: 50px;
}
#stamps{
    position: relative;
  width: 30%;
  left: 890px;
  bottom: 104px;
}
footer{
    border: 20px double rgb(98, 0, 128);
  margin: 60px 0 0 0;
  position: relative;
  bottom:100px;
  padding: 10px;
  border-radius: 0 0 100px 100px;
}
#images{
  z-index: 3;
  position: relative;
  top: 520px; 
}