b {
  color:white;
}
a {
  color:black;
  text-decoration: none; 
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
  margin: 0;
}
  .box {
    background-image: url(/background1.png); 
  border-radius: 20px;
  margin-top: 20px;
  margin-bottom:20px;
  background-color:#464646;
  width: 1200px;
  height: 800px;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  overflow-y: auto;
  position: relative;
  display: block;
  box-shadow: 0 0 5px #90d49a, 0 0 15px #90d49a, 0 0 30px #90d49a;}

.hud
{
  width:1200px;
  height:40px;
  display: flex;
}
.hudbutton
{
  background-color:#336133;
  width:240px;
  height:40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: box-shadow 0.3s ease, transform 0.3s ease; 
}
.hudbutton:hover {
  box-shadow: 0 0 5px white, 0 0 15px white, 0 0 30px white;}
  
.footer {
  position: fixed; bottom: 0; left: 0; width: 100%;
  background-color:#336133;
  justify-content: center;
  align-items: center;
  display:flex;
}
.image1 {
  position: absolute;
  top: 190px;
  left: 0px;
  
}
.title {
  margin-left:200px;
  margin-top:50px;
  background-color:#336133;
  width:800px;
  height:auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
}
.game {
  margin-left:325px;
  margin-top:50px;
  background-color:darkgray;
  width:550px;
  height:400px;
}