body {

  background-color:grey;

}

html{
    overflow-y:scroll;
}

h1 {
     
  text-align: center;
  background-color: yellow;
  font-size: 60px;
}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 40px 60px;
  text-decoration: none;
}

li a:hover{
  background-color: #111;
}


.BORDER_TEXT {
  
  border: 3px solid yellow;
  margin: 5px;
  text-align:center;
  font-size: 25px;
  background-color: lightyellow;
  overflow: auto;
  max-width: 100%;
  
}


.OKVIR:hover {
  
  border: 3px solid yellow;
  padding: 5px;
  margin: 1px;
  background-color: white;
  text-align:center;
  overflow: auto;
  max-width: 100%;
  
}


#mydiv1{

  display:none;
  cursor: pointer;
  text-align: left;
}

#mydiv2{

  display:none;
  cursor: pointer;
  text-align: left;
}

#mydiv3{

  display:none;
  cursor: pointer;
  text-align: left;
}

#mydiv4{

  display:none;
  cursor: pointer;
  text-align: left;
}

#mydiv5{

  display:none;
  cursor: pointer;
  text-align: left;
}

#mydiv6{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv7{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv8{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv9{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv10{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv11{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv12{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv13{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv14{

  display:none;
  cursor: pointer;
  text-align: left;
}

#mydiv15{

  display:none;
  cursor: pointer;
  text-align: left;
}

#mydiv16{

  display:none;
  cursor: pointer;
  text-align: left;
}

#mydiv17{

  display:none;
  cursor: pointer;
  text-align: left;
}

#mydiv18{

  display:none;
  cursor: pointer;
  text-align: left;
}

#mydiv19{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv20{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv21{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv22{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv23{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv24{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv25{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv26{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv27{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv28{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv29{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv30{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv31{

  display:none;
  cursor: pointer;
  text-align: left;
}
#mydiv32{

  display:none;
  cursor: pointer;
  text-align: left;
}

#mydivL{

  display:none;
  cursor: pointer;
  text-align: left;
}

footer {

  text-align: left;
  padding: 3px;
  background-color: darkkhaki;
  color: black;
}