html {
    background-image:url(images/bowsbows.gif);
    font-family: courier new;
    color:cornflowerblue;
    text-decoration: none;
}

body {
    text-decoration: none;
}

marquee {
        width: 90%;
        height: 35px;
        padding: 5px;
        border-style: dashed;
        border-radius:15px;
        border-color: aliceblue;
        color: cornflowerblue;
        }

li {
    list-style-image: url(images/25px-Here_Comes_Magical_Girl!.png)
    
}


#container {
    display:flex;
    margin: auto;
    max-width: 1200px;
    justify-content:center;
    }
  
.navbar {
  display:flex;
  flex-direction:column;
  margin:1%;
  padding:1%;
  width:15%;
  margin-right:0;
  }  

.stickers{
    display: flex;
    flex-direction: column;
    position: absolute;
}

.stickersbelow {
    display: flex;
    flex-direction: column;
    z-index: -98;
    position: relative;
    
    
}
.stickerstop{
    display: flex;
    flex-direction: column;
    z-index: 2;
    position: relative;
}
.mainstuff {
  display:flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap:wrap;
  margin:1%;
  width:65%;
}


.sidebar {
display:flex;
flex-direction: column;
flex-wrap:wrap;
margin:1%;
padding:1%;
width:15%;
text-align:center;
margin-left:0;
background-color:#deadff;
border-radius:25px;
height: 1000px;
}
.sidebar p {
  color:#fff4fb;
  }



.button1 {
    width:140px;
    height:200px;
    margin-left: 4%;
    margin-right: 4%;
    background: url("images/Star_Color_Pen_Pink_button.png") no-repeat;
}
.button1:hover {
    width:140px;
    height:200px;
    margin-left: 4%;
    margin-right: 4%;
    background: url("images/pinkpen_hover.png") no-repeat;
}


.button2 {
    width:140px;
    height:200px;
    margin-left: 4%;
    margin-right: 4%;
    background: url("images/Star_Color_Pen_Green_button.png") no-repeat;
}
.button2:hover {
    width:140px;
    height:200px;
    margin-left: 4%;
    margin-right: 4%;
    background: url("images/greenpen_hover.png") no-repeat;
}

.button3 {
    width:140px;
    height:200px;
    margin-left: 4%;
    margin-right: 4%;
    background: url("images/Star_Color_Pen_Purple_button.png") no-repeat;
}
.button3:hover {
    width:140px;
    height:200px;
    margin-left: 4%;
    margin-right: 4%;
    background: url("images/purplepen_hover.png") no-repeat;
}


.button4 {
   width:140px;
    height:200px;
    margin-left: 4%;
    margin-right: 4%;
    background: url("images/Star_Color_Pen_Yellow_button.png") no-repeat;
}
.button4:hover {
   width:140px;
    height:200px;
    margin-left: 4%;
    margin-right: 4%;
    background: url("images/yellowpen_hover.png") no-repeat;
}


footer {
  text-align:center;
  }