/* You can add global styles to this file, and also import other style files */
@font-face {
  font-family: Cyber;
  src: url("https://assets.codepen.io/605876/Blender-Pro-Bold.otf");
  font-display: swap;
}
body {
  background: lightgrey;
  font-family: "Cyber", sans-serif;
  font-size: large;
  margin: 0;
}
h1 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 50px;
}
h1 img {
  height: 80px;
  width: auto;
}
@media screen and (max-width: 480px) and (orientation: portrait) {
  h1 img {
    width: 90%;
    height: auto;
  }
}
button {
  font-family: "Cyber", sans-serif;
  font-size: large;
  border: none;
  margin: 1%;
  min-height: 30px;
  min-width: 70px;
  background-color: white;
  clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 20% 100%, 0 80%);
}
button:hover {
  cursor: pointer;
}
input {
  font-family: "Cyber", sans-serif;
}