.page-content{
    margin: 50px 0;
    padding: 0 var(--section-padding);
}

.page-content h1, h2, h3, p, label, button, textarea, div{
    font-family: 'DM Sans', sans-serif;
    color: #000;
    text-align: justify;
}

.page-content h1{
    font-size: clamp(2.4rem, 5vw, 2.8rem);
    text-align: center;
    margin-bottom: 20px;
    font-weight: 800;
}

.page-content h2{
    font-size: clamp(1.6rem, 5vw, 2rem);
    font-weight: 800;
    padding: 20px 0;
}

.page-content h3{
    font-size: clamp(1.6rem, 5vw, 1.8rem);
    font-weight: 800;
    padding: 5px 0 20px 0;
}

.page-content p, .page-content li{
    font-size: clamp(1.4rem, 5vw, 1.6rem);
    margin-bottom: 10px;
}

.page-content form{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

.page-content form label{
    display: flex;
    flex-direction: column;
    font-size: clamp(1.4rem, 5vw, 1.6rem);
    width: 50%;
    gap: 5px;
}

.page-content form label input, .page-content form label select, .page-content form label textarea{
    width: 100%;
    border: 2px solid var(--red500);
    font-size: clamp(1.4rem, 5vw, 1.6rem);
    height: 35px;
    padding-left: 10px;
    border-radius: 10px;
    resize: none;   
}

.page-content form label textarea{
    height: 200px;
    padding: 10px;
}

.page-content form button{
    background-color: var(--red500);
    padding: 5px 10px;
    font-size: clamp(1.4rem, 5vw, 1.6rem);
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease-out;
}

.page-content form button:hover{
    background-color: #000;
}

.error-message{
    color: red;
    font-size: clamp(1rem, 5vw, 1.2rem);
    padding-left: 10px;
}

.success-message{
    font-size: clamp(1.4rem, 5vw, 1.6rem);
    position: absolute;
    top: 15vh;
    right: 2vw;
    padding: 10px 30px;
    background-color:#a6d96a;
    color: #fff;
    opacity: 0;
    transition: opacity 0.5s ease-out;
}

.success-message.active{
    opacity: 1;
}

.map-link{
    padding: 10px;
}

.map-link-button{
    color: #000;
    font-size: clamp(1.4rem, 5vw, 1.6rem);
    transition: color 0.3s ease-in-out;
}

.map-link-button:hover{
    color: var(--red500);
}

.region-links{
    padding: 10px;
}

.region-links .map-link-button{
    font-size: clamp(1.2rem, 5vw, 1.4rem);
}