@import url('https://fonts.googleapis.com/css2?family=Aldrich&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');

*{
  box-sizing: border-box;
}
html{
  cursor: url("https://64.media.tumblr.com/5eb946754a77f1a5026823c2c1e86cef/b93e2700cb71e695-5b/s75x75_c1/79f2e8d2f5fe5b6f63c957fd4a0933f3d5ce0b9f.pnj"), crosshair;
  height: 100%;
  z-index: -1;
}
body{
  margin: 0;
  font-family: 'Poppins', sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  z-index: 1;
}

body > *{
  width: 500px;
  max-width: 100%;
}

h2{
  font-family: 'Aldrich', sans-serif;
  font-weight: 400;
  text-align: center;
  margin: 0;
  border: solid #fff 5px;
  border-bottom: none;
  background-color: #555;
}
.X{
  float: right;
  margin-right: .2em;
}

form{
  border: solid 5px #fff;
  border-top-width: 1px;
  padding: 0 1em;
  background-color: #444;
  color: #fff;
}

a, label, input, button, .X:hover{
  color: #fff;
  cursor: url("https://64.media.tumblr.com/7e38d80682ecde536a224b62bd03bcc3/b93e2700cb71e695-f1/s75x75_c1/a4c94cf36ebc0d3184b17c3143b7154e61936da1.pnj"), pointer;
  font-size: 1em;
}