@font-face {
  font-family: 'ToySoldiers';
  src: url('TOY_S___.ttf') format('truetype');
}

body {
  background: #0B0B0B;
  color: #F0E8D9;
  font-family: Arial;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  text-align: center;
  margin: 0;
}

h1 {
  font-family: 'ToySoldiers', Arial;
  font-size: 70px;
  color: #F0E8D9;
  margin-bottom: 10px;
}

h2 {
  font-size: 20px;
  letter-spacing: 4px;
  color: #454E39;
  margin-bottom: 10px;
}

p {
  color: #9a9186;
  margin-bottom: 30px;
}

input {
  padding: 15px;
  width: 300px;
  border-radius: 40px;
  border: 2px solid #454E39;
  background: #1a1a1a;
  color: #F0E8D9;
  margin-bottom: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
}

input::placeholder {
  color: #5a5a5a;
}

input:focus {
  outline: none;
  border-color: #F0E8D9;
}

button {
  padding: 15px 30px;
  background: #454E39;
  color: #F0E8D9;
  border: none;
  border-radius: 40px;
  cursor: pointer;
  font-size: 15px;
  letter-spacing: 2px;
}

button:hover {
  background: #F0E8D9;
  color: #0B0B0B;
}