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

body,
html {
  height: 100%;
  font-family: "Roboto", sans-serif; /* Body font */
}

.container {
  position: relative;
}

.background-image {
  height: 100vh; /* Each image takes full viewport height */
  background-size: cover;
  background-position: center;
  filter: blur(2px); /* Apply blur effect */
}

.image1 {
  background-image: url("assets/7b53accb-827c-41ad-bdbd-7a70d27f168d.jpeg"); /* Replace with your image path */
}

.image2 {
  background-image: url("assets/e4817161-8f96-4183-abe6-ec0ade04b6d2.jpeg"); /* Replace with your image path */
}

.image3 {
  background-image: url("assets/394c3492-155d-4ce7-8dd6-8e6181c3fbc9.jpeg"); /* Replace with your image path */
}

.overlay {
  position: absolute; /* Overlay positioned above the images */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(20, 20, 20, 0.7); /* Semi-transparent dark background */
  display: flex;
  flex-direction: column;
  align-items: center; /* Center horizontally */
  text-align: center;
  padding: 20px;
  z-index: 1; /* Above the blurred background */
}

h1 {
  font-family: "Montserrat", sans-serif; /* Heading font */
  font-size: 2.8rem;
  margin-bottom: 20px;
}

p {
  font-size: 1.8rem;
}

.social-links {
  display: flex;
  justify-content: center;
  gap: 15px; /* Space between icons */
}

.social-icon {
  width: 60px; /* Adjust the size as needed */
  height: 60px; /* Maintain aspect ratio */
  transition: transform 0.3s;
}

.social-icon:hover {
  transform: scale(1.1);
}

.action-button {
  background-color: #25d366; /* Button color */
  color: white; /* Button text color */
  border: none; /* Remove default border */
  padding: 10px 20px; /* Padding */
  font-size: 1.8rem; /* Font size */
  cursor: pointer; /* Pointer cursor on hover */
  border-radius: 25px; /* Rounded corners */
  margin-bottom: 40px; /* Space below button */
  transition: background-color 0.3s; /* Transition effect */
  display: flex;
  justify-content: center;
  align-items: center;
}

.action-button:hover {
  background-color: #25d322; /* Darker shade on hover */
}

.custom-list {
  list-style-type: none;
  font-size: 1.6rem;
}

@media (max-width: 768px) {
  h1 {
    font-size: 2rem;
  }

  p {
    font-size: 1rem;
  }

  .social-icon {
    width: 30px; /* Adjust for smaller screens */
    height: 30px; /* Maintain aspect ratio */
  }

  .action-button {
    font-size: 1rem; /* Smaller button text on mobile */
  }
  .logo {
    width: 300px;
    height: 300px;
  }
  .custom-list {
    font-size: 1rem;
  }
}

.disclaimer {
  background-color: yellow;
  color: black;
  border-radius: 25px;
  padding: 10px;
}

.randomstuff-sections {
  margin-top: 200px;

  font-size: 1.8rem;
  display: flex;
  flex-direction: column;

  gap: 20px;
}