@import url('https://fonts.googleapis.com/css2?family=Inter');
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script');

: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;
  }

  .title {
    font-size: 88px;
    font-family: "Pinyon Script", cursive;
    font-weight: 850;
    font-style: normal;
    display: none;
  }

  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;
}

@-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}}