html {
    background-image:url(images/houses.jpg);
    font-family:courier new;
    color:#352110;
    text-decoration: none;

    }

body {
    text-decoration: none;
    }

.mybutton {
    width: 100px;
    
}
#container {
    margin: auto;
    margin-top: 2%;
    max-width:1200px;
    }

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

.bannertext {
    z-index: 10;
    display: flex;
    margin: -2% 0 -6.5% 10%;
    font-size: 30px;

}

.bannertext h1 {
    color: #588558;
    font-family: "Times New Roman";
    text-shadow: 2px 2px #4A1B0A;
}

.blogbox {
  z-index:5;
  display:flex;
  flex-wrap:wrap;
  justify-content: flex-start;
  margin-top: -25%;
  }
  
.stampzone{
  display:flex;
  flex-wrap:wrap-reverse;
  justify-content: space-between;
  width: 300px;
  padding: 2%;
  }

@keyframes fadeIn {
  0% { opacity: 0; }
    50%{opacity:0}
  100% { opacity: 1; }
}


.box {
    height: 25px;
    width: 25px;
    background-color: #debc9a;
    
}


main {
    width: 550px;
    height:300px;
    margin-top: 2%;
    align-content:center;
    }
main p {
    font-size: 15px;   
}

li {
  font-size: 20px;
  
  }

footer {
    bottom:3%;
    color:aliceblue;
    text-align: center;
    
}