@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai+Looped:wght@100;200;300;400;500;600;700;800;900&display=swap');


@font-face {
  font-family: 'Upheavtt';
  src: url(fonts/upheaval/upheavtt.ttf) format('truetype');
}

@font-face {
  font-family: 'Zftermin';
  src: url(fonts/ZFTerminal/ZFTERMIN__.ttf) format('truetype');
}

/* 
  Upheavtt English
  Zftermin Thai
*/

/* using Prompt font for Thai
 and Poppins font for English */

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.gradient-background {
    background: linear-gradient(300deg, #030E1C, #27374d, #030E1C);
    background-size: 180% 180%;
    animation: gradient-animation 18s ease-in-out infinite;
}

@keyframes gradient-animation {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }

body {
    color: #FFFFFF;
    font-family: Upheavtt;   
    font-weight: normal;
}

body div {
    width: 80%;
    margin: 0 auto;
    height: 100dvh;
    max-height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.header {
    font-size: 5rem;
}

.subheader {
    font-size: 2.5rem;
    color: #FFFFFF;
}

p{
    margin-top: 1rem;
    color: #EECA00;
}

img {
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  width: 20%;
}

@media screen and (max-width: 480px) {
  .header {
    font-size: 2.5rem;
  }

  .subheader{
    font-size: 1.25rem;
  }

  img {
    margin-top: 1.5rem;
    width: 60%;
  }
}