body {
  font-family: Arial, Sans-sheriff;
  padding: 1px
}
.title {
  height: 10vh;
  width: 84vw;
  top: 0px;
  left: 1%;
  background: black;
  color: white;
  border-rdius: 10px;
  justify-items: center;
}
.box1 {
  width: 14vw;
  background: black;
  color: white;
  left: 1%;
  top: 5vh;
  border-radius:10px;
  padding: 1px;
}
.box2 {
  width: 14vw;
  background: black;
  color: white;
  left: 1%;
  margin-top: 5px;
  border-radius:10px;
  padding: 1px;
}
.sidebar {
  width: 14vw;
  height: 100vh;
  top: 0;
  right: 0;
  background: black;
  position: fixed;
}
.sidetitle {
  position: fixed;
  width: 12vw;
  height: 9vh;
  top: 1%;
  right: 1%;
  background: black;
  border: solid white 2px;
  border-radius: 10px 10px 5px 5px;
  color: white;
  justify-content: center;
}
.games {
  width: 12vw;
  height: 9vh;
  top: 14%;
  right: 1%;
  background: black;
  border: solid white, 2px;
  border-radius: 5px;
  color: white;
}