@font-face {
  font-family: WorkSans-ExtraLight;
  src: url('fonts/WorkSans-ExtraLight.woff') format('woff'),
       url('fonts/WorkSans-ExtraLight.woff2') format('woff2')
}

@font-face {
  font-family: WorkSans-Thin;
  src: url('fonts/WorkSans-Thin.woff') format('woff'),
       url('fonts/WorkSans-Thin.woff2') format('woff2')
}

@font-face {
  font-family: ClasterOleander;
  src: url('fonts/ClasterOleander.woff') format('woff')
}

@font-face {
  font-family: ChettaVissto;
  src: url('fonts/ChettaVissto.woff') format('woff'),
       url('fonts/ChettaVissto.woff2') format('woff2')
}

@font-face {
  font-family: Milkyway;
  src: url('fonts/MilkyWalky-Regular.woff') format('woff')
}

body {
  background: #000000;
  height: 100vh;
  display: flex;
  flex-direction: column; 
  justify-content: center;
  align-items: center;
  margin: 0;
}

.title {
  color: #ffffff;
  font-size: 8vw;
  text-align: center;
  margin-bottom: 20px;
  font-family: Milkyway;
}

.links {
  display: flex;
  gap: 30px;
}

.links a {
  color: #ffffff;
  text-decoration: none; 
  font-size: 1vw;
  font-family: WorkSans-Thin;
}

.links a:hover {
  color: #45a240; 
}

.email {
  color: #ffffff;
  font-size: 2vw;
  text-align: center;
  margin-bottom: 20px;
  font-family: Milkyway;
  text-decoration: none;
}

.email:hover {
  color: #45a240;
  text-decoration: none;
}

.aboutmetitle {
  color: #ffffff;
  font-size: 6vw;
  text-align: center;
  margin-bottom: 20px;
  font-family: Milkyway;
}

.aboutmep {
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  margin-bottom: 20px;
  font-family: WorkSans-ExtraLight;
}

.image-links {
  display: flex;
  gap: 40px;       
  justify-content: center;
  margin-top: 20px;
}

.image-links img {
  width: 60px;
  height: auto;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.image-links img:hover {
  transform: scale(1.05);  
}

.comingsoon {
  color: #ffffff;
  font-size: 3vw;
  text-align: center;
  margin-bottom: 20px;
  font-family: Milkyway;
}