@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;1,300&display=swap');

body {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    line-height: 1.65;
    font-size: 18px;
    margin: auto 0;
    color: black;
    background-color: white; /* White page background */
    background-image: url('/ImagesNew/CultureFUZEWebsiteBG.png');
    background-repeat: repeat-y; /* Show image only once */
    background-position: left top; /* Anchor image to the left (top left corner) */
    background-size: cover; /* Scale image to fit while keeping aspect ratio */
    background-attachment: scroll; /* Scrolls with the page (better for mobile) */
}

.title {
    padding-top: 50px;
    font-size: 4.1rem;
    font-family: "Tangerine", cursive;
    font-weight: 400;
}

.titlenopad {
    
    font-size: 4.1rem;
    font-family: "Tangerine", cursive;
    font-weight: 400;
}

.subtitle {
    font-family: "Tangerine", cursive;
    font-weight: 400;
}

.bodylink {
    text-decoration: none;
    font-weight: bold;
    color: black;
}

/* MENU / HEADER */

.h2, h2 {
    font-size: calc(1.325rem + .4vw)
}

@media (min-width:1200px) {
    .h2, h2 {
        font-size: 2rem
    }
}

#header {
    position: relative;
    padding-top: 10px;
    max-width: 1000px;
    margin: 0px auto;
}

#companyname {
    position: absolute;
    left: 50px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}

.rounded-btn {
    background-color: #ffc65c; /* Light orange-yellow background */
    text-align: center;
    font-weight: bold; /* Bold text */
    border: none; /* No border */
    border-radius: 35px; /* Rounded corners */
    /*padding: 10px 25px; /* Space inside the button */
    font-size: calc(1.2rem - .1vw); /* Adjust as needed */
    cursor: pointer; /* Pointer on hover */
    transition: background-color 0.3s ease;
    width: 220px;
    height: 50px;
    line-height: 50px;
}

    .rounded-btn a {
        text-decoration: none;
        color: white; /* White text */
    }

    .rounded-btn:hover {
        background-color: #ffb739; /* Slightly darker on hover */
    }

nav {
    margin: auto 0;
    background-color: #FFC758; /* warm yellow-orange */
    border-radius: 35px;
    padding: 15px 20px;
}

@media (max-width: 600px) {
    nav ul {
        flex-direction: column;
        gap: 20px;
    }
}

/* BODY */

article {
    max-width: 1000px;
    min-height: 500px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
}

/* FOOTER */

footer a{
    color: black;
}

.footer_responsive {
    max-width: 1000px;
    margin: 0 auto;
}

.footer_alignment_left {
    text-align: left;
}

.footer_alignment_right {
    text-align: right;
}
.footer_logo {
    float: left;
    display: block;
    border: none;
}