@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

:root {
    --background-color: #172031;
    --button-color: #06080C;
    --text-color: white;
    --text-color-hover: #172031;
    --background-hover: #FFFFFF;
}

html, body {
    height: 100%;
    margin: 0; /* Reset default margin */
    overflow: hidden;
    font-family: 'Roboto Condensed', sans-serif; /* Set the default font for the whole page */
}

body {
    background: url('images/background.webp') center/cover no-repeat;
    display: flex;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.centered-content, .content-box {
    border-radius: 40px;
    text-align: center;
    color: var(--text-color);
}

.centered-content {
    max-width: 60%;
    padding: 15px;
    margin: auto;
}

.content-box {
    background-color: var(--background-color);
    opacity: 0.90;
    padding: 20px;
}

.logo {
    width: 80%;
    margin-bottom: 30px;
}

.text-title {
    font-size: 1.875rem;
    font-weight: 700; /* Bold weight for Roboto Condensed */
    font-family: 'Roboto Condensed', sans-serif; /* Specifically setting the font family for .text-title */
}

.text-description {
    font-size: 1.125rem;
    font-weight: 400; /* Regular weight for Roboto Condensed */
}

.btn-contact {
    background-color: var(--button-color);
    border: none; /* Assuming you don't need a border */
}

.btn-contact:hover {
    background-color: var(--background-hover);
    color: var(--text-color-hover);
}

/* Responsive Design Adjustments */
@media (max-width: 768px) {
    .centered-content {
        max-width: 90%;
        margin: 5%;
    }

    .text-title {
        font-size: 1rem; /* Adjusted size for smaller screens */
    }

    .text-description {
        font-size: 0.875rem; /* Adjusted size for smaller screens */
    }
}

@media (max-width: 576px) {
    .text-title {
        font-size: 0.875rem; /* Further adjust for very small screens */
    }

    .text-description {
        font-size: 0.65rem; /* Further adjust for very small screens */
    }
}