/*FONT*/

@font-face {
  font-family: "General Sans";
  font-weight: 200 700;
  font-style: normal;
  src: url(/font/GeneralSans_Complete/Fonts/GeneralSans-Variable.ttf);
}

/* 
font-weight
200 = extralight
300 = light
400 = regular
500 = medium
600 = semibold
700 = bold
*/

@font-face {
  font-family: "General Sans";
  font-weight: 200 700;
  font-style: italic;
  src: url(/font/GeneralSans_Complete/Fonts/GeneralSans-VariableItalic.ttf);
}

/*MAIN*/

body {
  font-family: "General Sans", sans-serif;
  
}

.tops {
  position: absolute;
  top: 0%;
  width: 100%;
  transform: translateY(-0%);


  font-weight: 500;
  font-size: 32px;
}

.tops p {
  position: relative;
  text-align: center;

  color: #CF8A4F;
}

.mains {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  
  font-size: 125px;
  font-weight: 600;
}

.mains p {
  position: relative;
  text-align: center;

  color: #CF8A4F;
}

.footers p {
position: relative;
text-align: center;

color: #CF8A4F;
}

.footers {
  position: absolute;
  top: 100%;
  width: 100%;
  transform: translateY(-100%);


  font-weight: 500;
  font-size: 32px;
}