.splashScreen{
  height: 100%;
  width: min(100vw, 56.25vh);
  margin: auto;
  flex-direction: column;
  color: white;
}
.splashScreen__title{
  height: 20vh;
  margin-top: 2vh;
  text-align: center;
  flex-direction: column;
  font-size: clamp(2.2rem, 6vw + 1rem, 4rem); 
  font-family: var(--oswaldFont);
}
.splashScreen__title span{
  font-family: var(--dancingFont);
}
.splashScreen__loader{
  height: 5vh;
}
.splashScreen__body{
  height: min(107vw, 60.188vh);
  width: 100%;
  position: relative;
}
.splashScreen__body img{
  position: absolute;
  left: -4%;
  object-fit: contain;
}
.measureText{
  position: absolute;
  text-align: center;
  font-size: var(--measureText-portrait);
  font-family: var(--measureFont);
  transform-origin: 50% 50%;
}
.measureText span{
  font-size: calc(var(--measureText-portrait)*1.5);
}

@media (min-aspect-ratio: 9/16) {
  .measureText {
    font-size: calc(var(--measureText-landscape)*0.5625);
  }
  .measureText span{
    font-size: calc(var(--measureText-landscape)*0.84375);
  }
}
.measureText--cintura{
  top: 3.5%;
  left: 39.0%;
  transform: rotate(-3.5deg);
  text-align: left;
}
.measureText--tiro{
  top: 23.5%;
  left: 70.0%;
}
.measureText--largo{
  top: 43%;
  left: 8%;
}
.measureText--botamanga{
  top: 88%;
  left: 51.3%;
  transform: rotate(-9deg);
}
.splashScreen__footer{
  height: 15%;
  width: 100%;
  flex-direction: column;
}
.splashScreen__footer svg{
  fill: white;
  height: 25%;
  object-fit: contain;
}
.splashScreen__footer a{
  margin: 5px;
  height: auto;
  font-family: sans-serif;
  text-align: center;
  text-decoration: none;
  color: white;
  font-size: 1.2rem;
  cursor: pointer;
}




  
html {
    box-sizing: border-box;
  }
  *, *:before, *:after {
    box-sizing: inherit;
}
html, body {
  margin:0px;
  height:100%;
  background-color: var(--bckgrndColor);
}

/* Declaracion de variables */
:root{
  /* --Font Types */
  --measureFont: 'Nothing You Could Do', cursive;
  --oswaldFont:'Oswald', sans-serif;
  --dancingFont:'Dancing Script', cursive;

  /* Font Sizes */
  --measureText-portrait: 2.2vw;
  --measureText-landscape: 2.2vh;

  /* --- Colores --- */
  --bckgrndColor: #1d1d1d;
}

/* --Propiedades generales */
.fullContainer{
  width: 100%;
  height: 100%;
}
.flexCentered{
  display: flex;
  align-items: center;
  justify-content: center;
}