body {
  background: linear-gradient(#000000 40%, #262b40);
  color: white;
  height: 100%;
  margin: 0px;
}

::-webkit-scrollbar{
 width: 15px;  
}

::-webkit-scrollbar-track{
  background: linear-gradient(#262b40, #000000);
}

::-webkit-scrollbar-thumb{
  background-color: #420718;
}

::-webkit-scrollbar-thumb:hover{
  background-color: #380417;
}

.container1{
  background: linear-gradient(#420718, #000000 25%) ;
  border: solid #591020;
  margin: 5%;
  border-radius: 20px;
  display: flow-root;
}

h2{
  font-size: 0.9em;
}

p{
  font-size: 0.9em;
}

.box1 {
  border: solid #591020;
  border-radius: 20px;
  margin: 10px;
  float: left;
  display: flow-root;
  
}

.buttons{
  background-color: #1f020c;
  border: solid #591020;
  border-radius: 20px;
  text-align: center;
  margin: 10px;
  width: 100px;
}

.buttons:hover{
  background-color: #140109;
}

.box2{
  border: solid #591020;
  border-radius: 20px;
  min-height: 5em;
  max-height: 5.5em;
  padding: 10px;
  margin: 10px;
  text-align: center;
  background: linear-gradient(#000000 10%, #262b40);
  max-width: 7em;
  float: left;
  overflow: auto;
}

.navbar ul{
  list-style-type: none;
  background-color: #591020;
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

.navbar a{
  color: white;
  text-decoration: none;
  padding: 10px;
  display: block;
  text-align: center;
}

.navbar a:hover{
  background-color: #42091d;
}

.navbar li{
  float: left;
}

footer a{
  text-decoration: none;
  color: orange;
}
footer{
  background-color: black;
  padding: 30px;
  text-align: center;
}