style.css

body {
  margin:0;
  padding:0;
  font-family:'Overpass', sans-serif;
  background:#28415a;
  overflow:hidden;
  user-select: none;
}
.container {
  width: 500px;
  height: 350px;
  position: absolute;
  background: #d23550;
}
#stars {
  font-size: 300%;
  top: 90px;
  width: 100%;
  height: 80px;
  flex-grow: 27;
  position: relative;
}
button {
  font-family: inherit;
  outline:none;
  border:none;
  cursor:pointer;
  transition: 300ms;
}
.levelsbutton {
  background:rgb(255,87,34);
  width: 3em;
  height: 3em;
  margin: 5.5%;
  font-size: 25.5px;
}
.levelsbutton:hover {
  background:rgb(205,37,24);
}
.levelsbutton:disabled {
  background:grey;
  color:black;
  cursor:default;
}
#levels {
  width:100%;
}
#startup {
  padding:10px;
}
#startup button {
  width:100px;
  height:40px;
  background:#d23550;
}
#startup h1 {
  color:#d23550
}
#startup button:hover {
  background:#c22540;
}
#gamedialog {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align:center;
  opacity:0;
  z-index:500;
  transition: 300ms;
  display:none;
  opacity: 1;
  justify-content: center;
  background: rgba(0,0,0,0.3);
  align-items: center;
}
#points {
  font-size: 300%;
  top: 50px;
  width: 100%;
  height: 50px;
  flex-grow: 27;
  position: relative;
}
#buttons {
  align-items: center;
  justify-content: center;
  width: 100%;
  top: 180px;
  position: relative;
  margin:5px;
}