body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  flex-direction: column;
  row-gap: 10px;
  height: calc(100vh - 20px);
  font-family: 'Segoe UI', Tahoma,  sans-serif;
  user-select: none;
}
input {
  outline: none;
  background: none;
  border: 1px solid #ccc;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  width: 50%;
  height: 40px;
  padding: 10px;
  border-radius: 5px;

}
button {
  outline: none;
  padding: 15px 40px;
  background: #000;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
button:active, button:focus, button:hover{
    outline: 2px solid black;
    outline-offset: 2px ;
}
::-webkit-scrollbar {
  display: none;
}
h1{
    text-transform: uppercase;
}