*{
margin:10; 
padding:10;
overflow-x: hidden;
}
body {
  background-color: rgb(100,100,200);
  color: black;
  font-family: Verdana;
}
.section-heading {
  font-family: Georgia;
  font-size: 25px;
  text-align: center;
}
div.main {
  width:80vw;
  overflow:auto;
  margin:auto;
  height:100%;
}
 div.main div{
  display: block;
  border: 1px solid black;
  background-color: #6495ed;
  text-align: left;
  float: left;
  padding: 10px;
  margin: 5px;
  overflow:auto;
}
div.main .div-rect {
 width:200px;
 height:50px;
 overflow-y: hidden;
 text-align:center;
 padding-top:20px;
 padding-bottom: 20px;
 border: 0px;
}
.sidebar{
  width:17%;
  height: calc(100vh - 100px);
}
.linksbar{
  width:15%;
  height: calc(100vh - 100px);
  max-height: 1000px;
}
.section-text {
  text-align: center;
}
.content{
  width:60%;
  padding: 20px;
  height: calc(100vh - 100px);
}

.big-content{
  width:75%;
  padding: 20px;
  min-height: 500px;
}
@media only screen and (max-width: 1499px) 
{    
  .sidebar {
    width: 95%;
    height: max-content;
    clear: both;
    }
  .content {
    width: 95%;
    height: 100%;
    clear: both;
  }
  .linksbar{
     width: 95%;
     height: max-content;
     clear: both;
  }
  .big-content {
    width: 95%;
    height: 100%;
    clear: both;
  }
}
p {
 font-size: 20px;
}
li {
 font-size: 20px;
}
.button {
  background-color: #5881cc;
  color: black;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display:inline-block;
}

a:hover, a:active {
  background-color: #83a9f0;
  }
a:link, a:visited {
  color: black;
  }
  
  
  width:73%
  width:85%