@font-face {
    font-family: 'Country';
    src: url('../../shared/fonts/Countryside-YdKj.ttf') format('truetype');
    /* Add additional font formats if necessary */
    font-weight: normal;
    font-style: normal;
}


/*-- SECTION 1 -- */

h1 {
    font-family: "Country";
}

h2 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: auto;
}

h2 span {
    border-bottom: 1.5px solid rgb(112, 83, 129); /* Add an underline effect */
    width: 400px;
    background-color: pink;
}


.flavour-description-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    position: relative; 
    padding: 15px;
}

.flavour-description-section .all-text-content {
    width: 70%;
}

/* Styles for Flavour Headers (h3) */
.all-text-content h3 {
    color: rgb(117, 73, 128); /* Choose a bright, elegant color for headers */   
    text-align: left; /* Left-align the text */
    margin-bottom: 10px; /* Add some spacing below the header */
    font-family: 'Country';
}

/* Styles for Flavour Paragraphs (p) */
.all-text-content p {
    width: 70%;
    font-size: 1rem; 
    color: rgb(51, 51, 51); 
    text-align: center;
    line-height: 1.5; 
    margin-bottom: 20px; /* Add spacing below the paragraphs */
    font-family: 'Arial', sans-serif;
}


/*-- Media - Small Screens --*/

@media (max-width:1250px) {

    .flavour-description-section .all-text-content {
        width: 95%;
    }
       
    .all-text-content p {
        width: 85%;
    }
}

@media (max-width:750px) {

    .all-text-content p {
        width: 100%;
    }
}

@media (max-width:450px) {

    h2 span {
        width: 300px;
    }
}