/* ==============================================================
    ============================================================
     ===                                                    ===
      ===  copyright by realtoker media // Kai Drachsdorf  ===
      ===  ALL RIGHTS RESERVED // ALLE RECHTE VORBEHALTEN  ===
     ===                                                    ===
   =============================================================
  =============================================================== */
/* 01.07.2026 */  
/*============================================================  GLOBALS  ===================================================================================*/
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Arial, sans-serif;
}

body {
  background: url('../images/Background_H2-Blaster.svg') no-repeat center center fixed;
  background-size: clamp(10vw, 50%, 75vh);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  color: rgb(220, 255, 211);
  background-color: rgb(60,60,65);
}

header{
  height: 20vh;
}
main{
  height: 60vh;
}
footer{
  height: 20vh;
  color: rgb(100,100,100);
}

h1 {
  font-size: clamp(1rem, 3.5vw, 5rem);
  text-align: center;
  color: rgb(60,60,65);
}
h2{
  font-size: clamp(1rem, 3.5vw, 5rem);
  text-align: center;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}