* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background: linear-gradient(to bottom, #f22 0%, #ff7a00 100%);
}

a.logo {
  border: none;
  font-size: 0px;
  width: 99px;
  height: 27px;
  background: url(https://2020.ugractf.ru/static/2020/logo/uу.svg) no-repeat;
  background-position: 7px 5px;
  background-size: 192%;
  display: block;
  border: 1px solid #fff;
  margin: 70px auto 60px;
}

p {
    font-family: monospace;
    text-align: justify;
    letter-spacing: 3 px;
    line-height: 5em;
    white-space: pre-wrap;
}

main {
    max-width: 720px;
    margin: 0 auto;
    width: 95%;
}


button {
    background: #ffffff url('fire.gif') no-repeat;
    background-size: 100% 200px;
    background-position: 0 -40px;
    border: none;
    border-bottom: 4px solid #b94900aa;
    border-radius: 3px;
    color: #ffffff;
    font-weight: bold;
    padding: 10px 10px;
    width: 300px;
    height: 50px;
    font-size: 40px;
    line-height: 1.25em;
    box-sizing: content-box;
    font-family: Inter, sans-serif;
}

button:active:not([disabled]) {
    position: relative;
    top: 2px;
    border-bottom-width: 2px;
    margin-bottom: 2px;
}

button {
    cursor: inherit;
}

button > a {
    border: none;
    color: inherit;
    cursor: inherit;
}

a.button {
    border: none;
    display: block;
    margin: 60px auto;
    width: 300px;
    cursor: pointer;
}

a.button button > img {
    height: 1.5em;
    margin-top: -4px;
    display: inline-block;
}