@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');

html{margin: 0; padding: 0; width: 100%; height: 100%;}
body{
  width: 100%; height: 100%;
  margin: 0; padding: 0;
  font-family: 'Rubik', sans-serif;
  background-color: #181818 /*#1D1E1B*/;
  color: #FFFFFF;
}

#splash{
  position: fixed;
  top: calc(50% - 160px);
  left: calc(50% - 500px);
  width: 1000px; height: 200px;
}

.logo{
  position: absolute;
  top: 0; left: 0;
  width: 200px; height: 200px;
  background-image: url('./logo.svg');
  background-size: 120px auto;
  background-repeat: no-repeat;
  background-position: center center;
}

h1.titre{
  position: absolute;
  top: 40px; left: 200px;
  width: 800px; height: 120px;
  padding: 0; margin: 0;
  line-height: 120px;
  font-size: 100px;
  font-weight: 500;
}

h2{
  position: absolute;
  left: 206px;
  width: 794px;
  line-height: 30px;
  padding: 0; margin: 0;
  font-weight: 500;
}

h2.server{
  top: 200px;
  font-size: 1.6rem;
  color: #FF5500;
}

h2.number{
  top: 230px;
  font-size: 1.3rem;
}