@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  * {
    box-sizing: border-box;
  }
  
  body {
    font-family: 'Open Sans', sans-serif;
    min-height: 100vh;
    margin: 0;
    background: #1c1515 url(dirt.png);
    color: #eee;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  h1 {
    margin: 0;
    text-align: center;
  }
  
  a {
    text-decoration: none;
    color: #0c75ff;
    word-break: break-all;
  }
  
  a:hover {
    text-decoration: underline;
  }
  
  img {
    max-width: 100%;
  }
  
  .top-bar {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    text-align: right;
  }
  
  .top-bar .label {
    display: inline-block;
    background-color: #222;
    transition: all .3s ease-in-out;
  }
  
  .top-bar .label:hover {
    background-color: #333;
  }
  
  .top-bar .label a {
    text-decoration: none;
    color: #ccc;
    padding: 15px;
    display: block;
  }
  
  .container {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    background-color: #333;
    padding: 30px;
    box-shadow: 3px 3px 8px 2px rgba(0, 0, 0, .4);
  }
  
  .btn {
    display: block;
    padding: 10px;
    margin-top: 30px;
    color: #1fd0cd;
    border: 3px #1fd0cd solid;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    transition: all .3s ease-in-out;
  }
  
  .btn:hover {
    text-decoration: none;
    letter-spacing: 1px;
  }
  
  .btn.donations {
    color: #f59307;
    border-color: #f59307;
  }
  
  .small {
    font-size: 14px;
    text-align: center;
    margin: 10px 0 0 0;
  }