@import url(../../components/navbar/navbar.css);
@import url(../../components/footer/footer.css);
@import url('https://fonts.googleapis.com/css2?family=Signika+Negative&family=Sometype+Mono&display=swap');

:root {
  --header-height: 3.5rem;
  --first-color: rgb(46 201 255);
  --first-color-lighten: hsl(220, 68%, 97%);
  --color-dark: rgb(95, 95, 122);
  --accent-color: rgb(0, 138, 202);
  --definition-text:rgb(0 178 242);
  --title-color: hsl(0, 0%, 18%);
  --text-color: hsl(220, 5%, 66%);
  --body-color: hsl(220deg 100% 98.59%);
  --body-font: 'Sometype Mono', monospace;
  --normal-font-size: .938rem;
  --small-font-size: .813rem;
  --smaller-font-size: .75rem;
  --font-medium: 500;
  --font-semi-bold: 600;
}

html, body {
  overflow-x: hidden;
}

body {
  font-family: var(--body-font);
  font-size: var(--normal-font-size);
  background-color: var(--body-color);
  margin: 0;
  padding: 0;
  user-select: none;
}

.content-wrapper {
  display: flex;
  justify-content: center; 
  align-items: center;           
  text-align: center;  
  padding-bottom: 5rem;   
}

a {
  text-decoration: none;
  color: var(--title-color);
}

.upwards {
    display: none; 
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    width: 50px;
    height: 50px;
    background: url(/static/GLOBAL/img/up-arrow.png) no-repeat center;
    background-size: contain;
    z-index: 1000;
    cursor: pointer;
}

@media only screen and (max-width: 1024px) {
    .upwards {
        display: block; 
    }
}

@media (max-width: 950px) {
  .content-wrapper {
    padding-bottom: 0;   
  }
}