h1  {
font-family: "Londrina Solid", sans-serif;
font-weight: 700;
font-size: 300%;
font-style: normal;
text-align: center;
 }
h2 {
font-family: "Londrina Solid", sans-serif;
font-weight: 400;
font-size: 300%;
font-style: normal;
text-align: center;
}


p  {
font-family: "Londrina Solid", sans-serif;
font-weight: 400;
font-size: 120%;
font-style: normal;



}
pre  {
font-family: "Londrina Solid", sans-serif;
font-weight: 400;
font-size: 200%;
font-style: normal;
text-align: center;
}

a {
 text-decoration:none;
 color:black;
}

/* https://tenshiikisu.tumblr.com/post/79015021080/heres-my-collection-of-pixel-backgrounds-tile */
body {
background: url("https://64.media.tumblr.com/609feb8c36581d35d95e1044d9d43e05/tumblr_inline_n25bix5bPK1qhwjx8.gif");
font-family: "Londrina Solid", sans-serif;
font-weight: 400;
font-size: 150%;
font-style: normal;
text-align: center;

}


nav {
      font-family: "Londrina Solid", sans-serif;
      font-weight: 400;
      font-size: 150%;
      font-style: normal;
      text-shadow: 10px 8px 5px #f6eee3;



}

.welcome {
display: flex;
flex-wrap: wrap;
justify-content:center;
align-items:center;
margin: 0 auto;
padding: 5px;
width: 800px; height: 500px;
background-color: #ff467f;
 border-radius: 10px;
 border-style: ridge;
 border-width: 5px;
 border-color: #2a2b35;


}
/* welcome page css */
.welcome {
display: flex;
flex-wrap: wrap;
justify-content:center;
align-items:center;
margin: 0 auto;
padding: 5px;
width: 800px; height: 500px;
background-color: #ff467f;
 border-radius: 10px;
 border-style: ridge;
 border-width: 5px;
 border-color: #2a2b35;


}

/* home page css */
.Headerbox{
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-item: center;
  padding: 0;
  margin: 0 auto;
  width: 1420px; height: 300px;
     background-color: #010102;
      border-radius: 10px;
      border-style: ridge;
      border-width: 5px;
      border-color: #2a2b35;

}

.mainbox {
display: flex;
flex-wrap: wrap;
justify-content:normal;
margin: 0 auto;
padding: 5px;
width: 1420px; height: 1040px;
 border-color: #2a2b35;
 border-radius: 10px;
  background: url("https://blahtown.neocities.org/blahtown-img/black.gif")

}

.navbox{
  display: flex;
  align-self: center;
  background-color: #010102;
   width: 99%; height: 70px;
   margin:auto;
   border-radius: 10px;
   border-style: ridge;
   border-width: 5px;
   border-color: #2a2b35;
 align-items: center;
   position: relative;
   opacity: 0.9;

}

.navbar ul {
  list-style: none;

}

.navbar ul li  {
  display: inline-block;

}

.navbar ul li a{
  display:flex;
  color: white;
  font-size: 30px;
   padding:10px 20px;
   margin:auto;
    width: 100px; height:100%;
     border-radius: 10px;
       justify-content: space-around;
        transition: .4s;
}
.navbar ul li a:hover {
background-color: #ff467f;

}
.LeftSideBar{
  display: flex;
  flex-wrap:wrap;
  justify-content:center;
  padding: 0;
  margin: 0 auto;
  width: 250px; height: 900px;
}
.TopSideBar {
  display:flex;
  padding: 5px;
  margin: 1PX;
  width: 250px; height: 500px;
  opacity: 1;
   justify-content: left;
    text-align: left;
     flex-flow:column;
      background-color: #ff467f;
      border-radius: 10px;
      border-style: ridge;
      border-width: 5px;
      border-color: #2a2b35;
}
li ul{
  margin:0;
}
.bottonSideBar {
  display:flex;
  padding: 5px;
  margin: 1PX;
  position: relative;
  width: 250px; height: 380px;
  opacity: 1;
  flex-flow: column;
   justify-content: top;
   align-items:start;
     background-color: #ff467f;
      border-radius: 10px;
      border-style: ridge;
      border-width: 5px;
      border-color: #2a2b35;
}


.MiddleBox {
  display: flex;
  padding: 0;
  margin: 0 auto;
  width: 810px; height: 900px;
  opacity: 1;
    flex-wrap: wrap;



}

.infoBox {
display: flex;
padding: 5px;
margin: 1px;
width: 800px; height: 500px;
background-color: #ff467f;
opacity: 1;
border-radius: 10px;
border-style: ridge;
border-width: 5px;
border-color: #2a2b35;
  flex-wrap: wrap;
  justify-content: left;
  text-align: left;



}

.blogBox{
display: flex;
padding: 5px;
margin: auto;
width: 400px; height: 380px;
background-color: #ff467f;
opacity: 1;
border-radius: 10px;
border-style: dashed;
border-width: 5px;
border-color: yellow;
 flex-wrap: wrap;
 justify-content: center;
}

.artBox{
display: flex;
padding: 5px;
margin: auto;
width: 365px; height: 380px;
background-color: #ff467f;
opacity: 1;
border-radius: 10px;
border-style: dashed;
border-width: 5px;
border-color: yellow;
 flex-wrap: wrap;
 justify-content: center;
}

.RightSideBar{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-evenly;
  padding: 0;
  margin: 0 auto;
  width: 350px; height: 600px;



}
    .BoxGif{
      display: flex;
       padding: 0;
       margin: 0 auto;
        width: 350px; height: 300px;
        background-color: #ff467f;
         border-radius: 10px;
         border-style: ridge;
         border-width: 5px;
         border-color: #2a2b35;
          flex-wrap: wrap;
          justify-content: center;
          align-items: center;
}

#statuscafe {
  display:flex;
 flex-wrap:wrap;
  flex-flow: column;

   justify-content: center;
   width: 350px; height: 145px;
    background-color: #ff467f;
     opacity: 1;
      border-radius: 10px;
      border-style: ridge;
      border-width: 5px;
      border-color: #2a2b35;

    }
#statuscafe-username {
    margin-bottom: .5em;

}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
}

   .MusicBox{
      display: flex;
      padding: 0;
      margin: 0 auto;
       width: 350px; height: 145px;
        background-color: #ff467f;
         opacity: 1;
          border-radius: 10px;
          border-style: ridge;
          border-width: 5px;
          border-color: #2a2b35;
           flex-wrap: wrap;
           justify-content: center;
}
/* about page css */
.aboutbox{
  display: flex;
  padding: 5px;
  margin: 0 auto;
  width: 1050px; height: 1000px;
  border-color: #2a2b35;
  border-radius: 10px;
   font-size: 75%;
    flex-wrap: wrap;
    justify-content: center;
    font-size:100%;
  background: url("https://blahtown.neocities.org/blahtown-img/black.gif");


}
.toprow{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  padding: 0;
  margin: 0 auto;
  width: 1200px; height: 350px;
    border-radius: 10px;
    border-width: 15px;


}
.maxineinfo{
  display: flex;
  padding: 0;
  margin: 0 auto;
  font-size:90%;
  width: 400px; height: 350px;
  background-color: #ff467f;
  border-radius: 10px;
  border-style: ridge;
  border-width: 5px;
  border-color: #2a2b35;



}

.aboutme{
   display: flex;
   flex-wrap: wrap;
   padding: 0;
   margin: 0 auto;
   width: 600px; height: 350px;
   background-color: #ff467f;
   border-radius: 10px;
   border-style: ridge;
   border-width: 5px;
   border-color: #2a2b35;
 }
.midrow{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-evenly;
  padding: 0;
  margin: 0 auto;
  width: 1200px; height: 250px;
  border-radius: 10px;
  border-width: 15px;


}
.mychar{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align:center;
  padding: 0;
  margin: auto;
  width: 500px; height: 250px;
  background-color: #ff467f;
  border-radius: 10px;
  border-style: dashed;
  border-width: 5px;
  border-color: #d5df38;
}

.favgames{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: o;
  margin:auto;
  width:240px; height:250px;
  background-color: #ff467f;
  border-radius: 10px;
  border-style: ridge;
  border-width: 5px;
  border-color: #2a2b35;




}
.favshow{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: o;
  margin:auto;
  width:240px; height:250px;
  background-color: #ff467f;
  border-radius: 10px;
  border-style: ridge;
  border-width: 5px;
  border-color: #2a2b35;

}
.bottomrow{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  padding: 0;
  margin: 0 auto;
  width: 1040px; height: 250px;


}
.photos{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  padding: 0;
  margin: 0 auto;
  width: 1050px; height: 250px;
  background-color: #ff467f;
  border-radius: 10px;
  border-style: dashed;
  border-width: 5px;
  border-color: #d5df38;
}
/*blog page css IF I HAD START IT*/

/*my dog page css IF I HAD START IT  part 2 :3 */

/*credits page css */

.Creditbox {
display: flex;
flex-wrap: wrap;
justify-content:normal;
margin: 0 auto;
padding: 5px;
width: 1000px; height: 1000px;
 border-color: #2a2b35;
 border-radius: 10px;
  background: url("https://blahtown.neocities.org/blahtown-img/black.gif")

}

.CreditList{
  display: flex;
  padding: 5px;
  margin: 1px;
  width: 99%; height: 85%;
  background-color: #ff467f;

  border-radius: 10px;
  border-style: ridge;
  border-width: 5px;
  border-color: #2a2b35;
   font-size: 75%;
    flex-wrap: wrap;
    justify-content: column;
    justify-content: center;
    font-size:100%;

}
/* dont look at this comment */