html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 17px;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  color: white;
  background: black; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
div,
p,
input,
button,
span,
a {
  margin: 0;
  padding: 0; 
}

.container {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.header {
  display: flex;
  height: 100px;
  padding: 0 20px;
  flex-direction: row;
  justify-content: end;
  align-items: center;
}

.contact-btn {
  background: white;
  color: black;
  border-radius: 30px;
  padding: 12px;
}

.name {
  height: 240px;
  color: white;
  font-size: 80px;
  font-weight: bold;
}

.games {
  height: 240px;
}

.game-link {
  background: white;
  color: black;
  border-radius: 30px;
  padding: 12px;
  font-size: 20px;
  text-decoration: none;
}

.footer {
  display: flex;
  height: 100px;
  padding: 0 20px;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}

.mail {
  color: white;
  font-style: oblique;
}