@import url('https://fonts.googleapis.com/css2?family=Inter');
@font-face {
	font-family: 'Mistral';
	src: url('/assets/fonts/mistral-regular.ttf') format('truetype');
}

:root {
	--font-style: 'Inter', sans-serif;
 }

 body {
    margin: 0;
    background-size: cover;
    background-color: black;
    color: white;
    font-family: var(--font-style);
    font-size: larger;
    overflow-y: hidden;
  }

  .center {
      position: absolute;
      text-align: center;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }

  .tr {
    position: absolute;
    padding: 10px;
    top: 0;
    right: 0
  }

  .signinmenu {
    background-color: rgb(22, 22, 22);
    padding: 10px;
    border-radius: 5px;
    display: none;
  }

  .fadein {
    display: none;
  }

  .title {
    font-size: 88px;
    font-family: "Mistral", cursive;
    font-weight: 850;
    font-style: italic;
  }

  a {
    color: white;
  }

  .links{
	-webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1350ms both;
	        animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1350ms both;
}

.text-container {
  width: 300px;
  height: 50px;
  overflow: hidden;
  position: relative;
  right: -10px
}

.text-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
}

.text {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}


@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}