@font-face {
  font-family: 'font';
  src: url('font.ttf') format('truetype');
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

body {
  font-family: 'font', sans-serif;
  height: 100%;
  margin: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  object-fit: fill; /* Ensures the video covers the entire screen without blank spaces */
}

.text1 { transform: rotate(-15deg) translateY(23px) translateX(-15px); color: #6AE7FD; }
.text2 { transform: rotate(-8deg) translateY(12px) translateX(30px); color: #0CCBFF; }
.text3 { transform: rotate(-13deg) translateY(-20px) translateX(10px); color: #6AE7FD; }
.text4 { transform: rotate(-12deg) translateY(-32px) translateX(30px); color: #68FCFC; z-index:2; }
.text5 { transform: rotate(2deg) translateY(-40px) translateX(45px); color: #0ECCFE; }
.text6 { transform: rotate(-10deg) translateY(-55px) translateX(-10px); color: #387CF7; }
.text7 { transform: rotate(-3deg) translateY(-60px) translateX(150px); color: #387CF7; }
.text8 { transform: rotate(-1deg) translateY(-75px) translateX(30px); color: #387CF7; z-index:2; }
.text9 { transform: rotate(10deg) translateY(-80px) translateX(50px); color: #0CC9FF; }

h1 {
  position: relative;
  display: inline-block;
}

#hover-img {
  display: block;
  position: absolute;
  top: 400px; /* adjust position */
  left: 0;
}

h1:hover #hover-img {
  display: block;
}

img {
  position:absolute;
  transform: translateX(-80px) translateY(-30px);
  z-index:-1;
}

a, a:visited, a:active { color: inherit; text-decoration: none; }
a:hover { color: black; text-decoration: none; }

.header-block {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  font-size:45px;
  letter-spacing: -5px;
  top:45px;
  right:100px;
  animation: fadeIn 4s ease-in-out;
}

.header-block h1 {
  margin: 0;
  padding: 0;
  line-height: 1;
  position: relative;
}