@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* { box-sizing: border-box; } 
*:before, 
*:after {box-sizing: border-box;}



main { max-width: 350px; }

button,input,select,textarea {font: inherit;}

a { color: #ff598b; text-decoration:none; }
a:hover { color: #912a49; text-decoration: none;}
a:focus { color: #912a49; text-decoration:none; }

code {
  background-color: #002;
}

body {
  font: 110%/1.5 system-ui, sans-serif;
  font-family: monospace;
  max-width: 40em;
  margin: auto;
  text-align: center;
  background: #22222e;
  color: white;
}

h1, p {
  margin: 1.5em;
}
hr {
border: none;
background-color: #ccc;
color: #ccc;
height: 1px;
width: 7em;
margin-top: 4em;
}
.logo {
  display: block;
  width: 24em;
  margin: 6em auto;
}
.blink {
  color: #FF6200;
  animation: blink 2s infinite;
}
@keyframes blink {
  from { opacity: 1; }
  to { opacity: 0;  }
}
.text {
  font: 150%/1.5 system-ui, sans-serif;
  font-family: monospace;
}