* {
  box-sizing: border-box;
}

html {
   background-color: #1f1f1f;
}

.logohalf {
   width: 256px;
   height: 256px;
}

.center {
  box-shadow: 0px 0px 0px 10px #3d3d3d;
  background: #262626;
  border-radius: 16px;
  padding: 80px;
  position: absolute;
  top: 40%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)
}

.margin {
  margin-top: 30px;
  margin-bottom: 20px;
  position: absolute;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)
}

.footer {
  position: absolute;
  top: 90%;
  left: 90%;
  margin-right: -10%;
  transform: translate(-50%, -50%)
}

.small-bold-text {
  font-size: 16px;
  font-weight: bold;
}

.lato-font {
  font-family: "Lato";
}

.copyright {
  font-family: "Lato";
  font-size: 16px;
  font-weight: bold;
  color: #2D3237;
}

.light-white {
  color: #e0e0e0;
}