@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body {    margin: 0;    padding: 0;    background-image: url('assets/background.png'); /* Replace with the path to your image */    background-size: cover;    background-position: center;    background-attachment: fixed;    height: 100vh;    color: #bffac9; /* Text color */    font-family: 'Monument Grotesk Heavy', sans-serif;}
h1 {    font-family: "Inter", sans-serif;    font-weight: 900; /* Set the font weight to ExtraBold */    color: #bffac9; /* Heading color */    font-size: 40px; /* Adjusted font size for responsiveness */    margin: 20px; /* Add margin for spacing */}
.top-left, .bottom-left, .top-right, .bottom-right {    position: absolute;    margin: 10px; /* Adjusted margin for smaller screens */}
.top-left {    top: -20px;    left: -20px;}
.top-right {    top: 10px;    right: 10px;}
.bottom-left {    bottom: 10px;    left: 10px;}
.bottom-right {    bottom: 10px;    right: 10px;}
a {    font-family: "Inter", Arial, sans-serif; /* Use Monument Grotesk Heavy for links */    font-weight: 900; /* Set the font weight to ExtraBold */    color: #bffac9; /* Link color */    font-size: 40px; /* Adjusted font size for responsiveness */}
a:hover {    text-decoration: underline; /* Underline on hover */}
/* Media Queries for Mobile Devices */@media (max-width: 768px) {    .top-left, .bottom-left, .top-right, .bottom-right {        position: static; /* Remove absolute positioning for smaller screens */        margin: 10px; /* Add margin for spacing */        font-size: 3vw; /* Adjust font size */    }
    h1 {        font-size: 6vw; /* Larger font size for readability on small screens */        text-align: center; /* Center align heading text */    }
    a {        font-family: 'Monument Grotesk Heavy', Arial, sans-serif; /* Use Monument Grotesk Heavy for links */        font-weight: 800; /* Set the font weight to ExtraBold */        color: #bffac9; /* Link color */        font-size: 5vw; /* Adjusted font size for responsiveness */    }
    .top-left, .top-right, .bottom-left, .bottom-right {        text-align: center; /* Center align text on smaller screens */    }
    body {        overflow: hidden;}}