body {
    background-color: #000101;
    font-family: "Poppins", sans-serif;
    font-size: 2.2vw;
    color: #F0E5D6;
}

@media screen and (min-width: 900px) {
  div {
     font-size: 20px;
  }
    .fa-2xl:hover {
        transform: scale(1.1); /* Adjust scale for larger screens if needed */
    }
}

.logo-image {
    margin: 20px;
    width: 40vw;
    max-width: 220px;
}

.no-gutters {
    padding-right: 0;
    padding-left: 0;
}

.hero-image {
    width: 100%;
    height: auto;
    object-fit: cover;
}


/* Custom Navbar Color */
.navbar-custom {
    background-color: #000008;
}


.below-hero-image {
    background-color: #000101;
    color: #F0E5D6;
}

.fa-solid .fa-brands {
    color: #F0E5D6;
    margin: 40px;
}

.fa-vr-cardboard {
    color: #7C7978;
}

/* Navbar Brand Text Color (if needed) */
.navbar-custom .navbar-brand {
    color: #FFFFFF
}

/* Custom Footer Color */
.footer-custom {
    background-color: #000101;
    font-size: 12px;
    text-align: center;
}

/* Default icon style */
.fa-2xl {
    transition: transform 0.3s ease; /* Smooth transition for scaling */
}

/* Hover effect for all screens */
.fa-2xl:hover {
    transform: scale(1.2); /* Increase size by 20% on hover */
}

a {
    color: #F0E5D6 !important;
}

a:visited {
    color: #F0E5D6;
}

a:hover {
    color: #F0E5D6;
}

a:active {
    color: #F0E5D6;
}