@font-face {
  font-family: 'RockSalt-Regular';
  src: url('fonts/RockSalt-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-VariableFont.ttf') format('truetype');
}

html{
  background-color:#fff;
  color:#000;
  margin:0;
  padding:0;
  font:inherit;
}

body{
  height:100vh;
}

body,
.splash{
  display:flex;
  justify-content:center;
  align-items:center;
}

h1{
  font-family:"RockSalt-Regular", sans-serif;
  color:#f00;
  font-size:70px;
  user-select:none;
  line-height:1.4;
  margin:0;
  margin-bottom:2rem;
}

.splash{
  flex-direction:column;
}

button{
  border:none;
  border-radius:10px;
  border:3px solid #f00;
  background-color:#f00;
  color:white;
  font-size:1.2rem;
  padding:.5rem 2rem;
  cursor:pointer;
  box-sizing:content-box;
  font-family:"Inter", systemui;
  font-weight:600;
}

button:hover{
  background-color:#fff;
  color:#f00;
}

*{
  box-sizing:border-box;
}