html, body {
  height:100%;
  margin:0;
  padding:0;
  background: #f4e33a url("/pics/bkgrainbow_neon.png") repeat;
  font-size: 20px;
  font-family: 'Nanum Pen Script', cursive;
  color: #b800fc;
  cursor: url('/pics/cursor.cur'), auto;
}
body a {
  color: #b800fc;
  font-size: 20px;
  text-decoration:none;
}
body a:hover {
  color: #ffb72d;
}
#main-container {
  max-width: 1400px;
  margin:0 auto;
}
.flex {
  display:flex;
  margin-bottom:20px;
  justify-content: center;
}
.content-wrap {
  padding-top:2%;
}
#content-container {
  width: 58%;
  height: 610px;
  flex-direction: column;
  overflow: auto;
  margin-bottom:10px;
  line-height: 80%;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border: 3px solid #ffb72d;
  border-radius: 15px;
}
#left-sidebar {
  width: 220px;
  margin-right: -2.4px;
  margin-bottom: 10px;
  height: 610px;
  line-height: 80%;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border: 3px solid #ffb72d;
  border-radius: 15px;
}
#right-sidebar {
  width: 220px;
  margin-left: -2px;
  margin-bottom: 10px;
  height: 610px;
  line-height: 80%;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border: 3px solid #ffb72d;
  border-radius: 15px;
}
#footer {
  width: 1260px;
  height: 110px;
  text-align: center;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border: 3px solid #ffb72d;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:0px;
}

.wrapper {
  padding: 15px;
  padding-top: 10px;
}
.sidebar-wrapper {
  padding: 0px;
  height:100%;
  overflow: hidden;
}
.footer-wrapper {
  height: 100px;
  padding:10px;
  margin-bottom:15px;
}

/* To keep your site RESPONSIVE, make sure this variable matches the width for --container-width UNLESS --container-width is 100% - if it's 100%, you'll need to manually input a breakpoint. */

    @media only screen and (max-width: 1240px) {
  .flex {
    flex-wrap:wrap;
  }
  #left-sidebar {
    width:100%;
    display:block;
    order:2;
    margin-right:0;
  }

  #right-sidebar {
    width:100%;
    display:block;
    order:3;
    margin-left:0;
  }
  #content-container {
    width:100%;
    display:block;
    order:1;
  }
  
}

h1 {
  margin-top: 10px;
}
h2 {
  margin-bottom: 10px;
}

.blog {
  padding: 15px;
  background: transparent;
  border-radius: 15px;
  display: inline-block;
  border: 3px solid #f59d3a;
  margin-right:-7px;
  line-height: 100%;  
  font-family: 'Ubuntu', sans-serif;  
  font-size: 16px;
  width: 95%;
  }
  
.blog a {
  font-size: 20px;
  text-decoration: none;}

.pets {
  padding: 15px;
  background: transparent;
  border-radius: 15px;
  display: inline-block;
  border: 3px solid #ffb72d;
  line-height: 100%;  
  width: 95%;
  }
  
.pets a {
  font-size: 20px;
  color: #ac31c1;
  text-decoration: none;}