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

    }

body {
    text-decoration: none;
    margin: auto;
    height: 100vh;
    position: relative;
    }

#statuscafe {
    padding: .5em;
    background-color: azure;
    border: 1px solid midnightblue;
    border-radius: 25px;
    text-decoration: none;
}
#statuscafe-username {
    margin-bottom: .5em;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
}

#container {
    margin: auto;
    width: 70%;
    min-width: 750px;
    max-width: 950px;
    }

.flex {
  display:flex;
  justify-content: center;
}

aside {
    margin-top: 10px;
    width: 300px;
    margin-right: 10px;
    z-index: -98
}

#header {
    margin: 20px auto 5px auto;
    text-align: center;
    }

main {
    width: 900px;
    margin-top: 10px;
    
    }
main p {
    font-size: 15px;   
}

article {
    border: solid;
    border-color: #82c5ff;
    border-radius: 25px;
    padding:5px;
    background-image:url(images/heartgrid.gif);
    z-index: 2;
}

ul {
    list-style-image: url(images/star27.gif);
}

li a{
    font-size: 16px;
    text-decoration: none;
    color: hotpink;
}

a:hover{
        color: #60bbffff;
    }

td{
text-align: right;    
color: aliceblue;
}


.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;
}

.nav{
    width:250px;
    height: 250px;
    background: url("images/starcolorpendant.png")
}
.nav:hover {
    width: 250px;
    height: 250px;
    background: url("images/pendant_hover.png") no-repeat;
}

footer {
    color:aliceblue;
    text-align: center;
    
}