:root {
    --bg: #111216;
    --footer: #0d0e11;
    --blue: #2d5bd9;
    --white: #f0f0f0;
    --dark: #1a1b21;
    --grey: #32343e;
    --text: #838383;
    --green: #57a959;
    --purple: #5151ba;
    --red: #993535;
}


@font-face {
    font-family: ExtraBold;
    src: url(../fonts/Inter-ExtraBold.ttf);
}

@font-face {
    font-family: Bold;
    src: url(../fonts/Inter-Bold.ttf);
}

 @font-face {
    font-family: Medium;
    src: url(../fonts/Inter-Medium.ttf);
}
@font-face {
    font-family: Light;
    src: url(../fonts/Inter-Medium.ttf);
}


 


body,
html {
    background-color: var(--bg);
    background-image: url(/images/backround.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed; 
    margin: 0;
    overflow-x: hidden;
}

a, ul, li, h1 {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* TOS START */

.instructions {
  width: 100%;
  max-width: 45rem;
  margin: 10rem auto 0 auto;
}

.instructions header {
  font-family: Bold;
  font-size: 3rem;
  color: var(--white);
  text-align: center;
}

.instructions h1{
    margin-top: 3rem;
    color: var(--white);
    text-align: center;
    font-family: Medium;
    font-weight: lighter;
  }

.instructions h2{
  margin-top: 3rem;
  color: var(--white);
  font-family: Medium;
  font-weight: lighter;
}

.instructions p {
  color: var(--text);
  font-family: Medium;
}

.instructions p a {
  color: var(--blue);
}

/* TOS END */