body{
  background:lightgreen;
  font-family: sans-serif,fantasy,cursive;
}
.wrapper{
  background-color: white;
  width: 1000px;
  border: 2px solid black;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  height: auto;

}

.heading{
  background: ForestGreen;
  height: 80px;
  padding: 1px;
}
.heading h1{
  color: white;
  margin-top: 15px;
  padding-left:auto;
  padding-right: auto;
font-size: 50px;
  text-align: center;
}

.menu{
  display: block;
  background: darkorange;
  padding: 0.5px;
  height: 30px;
}
.menu ul{
  margin:0;
  padding: 0px;
}
.menu li{
  display: inline-block;
}
.menu li a{
  position: relative;
  font-size: 20px;
  top: 3px;
  text-decoration: none;
  color: black;
  padding: 4px;
}
.menu ul li a:hover{
  background: red;
  color: white;
}

.content{
  width: 799px;
  min-height: 500px;
  background: #FFE4C4;
  margin: 0px;
  float: left;
  text-align: justify;
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
}
.content img{
  border: 2px solid black;
  float: left;
  margin-right: 10px;

}

marquee{
  height: 40vh;
}

.sidebar h2{
 text-align: center;
 border-top: 2px solid black;
 border-bottom: 2px solid black;
 box-shadow: 0 0 20px red inset;
 margin-bottom: 0;
}

.sidebar{
  background: #7FFFD4;
  margin: 0px;
  padding: 0px;
  width: 180px;
  height: 75vh;
  float: right;
  /* min-height: 500px; */
}
.sidebar ul li a{
  text-decoration: none;
  color: black;
  line-height: 3em;
}
.sidebar ul li:hover{
  animation-play-state: paused;
}
.footer p{
  text-align: center;
  font-size: 20px;
  color: white;
}
.footer p span{
  color: #9400D3;
  font-size: 25px;
}
.footer{
  background: crimson;
  padding: 0.5px;
  margin: 0px;
  clear: both;
}

@media screen and (max-width: 1020px) {
  .wrapper{
    width: 800px;
  }
  .content{
    width: 600px;
  }

}
@media screen and (max-width: 810px) {
  .wrapper{
    width: 600px;
  }
  .heading{
    height: 50px;
  }
  .heading h1{
    font-size: 30px;
    margin-top: 10px;
  }
  .content{
    width: 400px;
  }


}
@media screen and (max-width: 510px) {
  .wrapper{
    width: 400px;
  }
  .content{
    width: 280px;
    min-height: 200px;
  }
  .sidebar{
    width: 100px;

  }

}