.barlow-thin {
        font-family: "Barlow", sans-serif;
        font-weight: 100;
        font-style: normal;
    }

    .barlow-extralight {
        font-family: "Barlow", sans-serif;
        font-weight: 200;
        font-style: normal;
    }

    .barlow-light {
        font-family: "Barlow", sans-serif;
        font-weight: 300;
        font-style: normal;
    }

    .barlow-regular {
        font-family: "Barlow", sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    .barlow-medium {
        font-family: "Barlow", sans-serif;
        font-weight: 500;
        font-style: normal;
    }

    .barlow-semibold {
        font-family: "Barlow", sans-serif;
        font-weight: 600;
        font-style: normal;
    }

    .barlow-bold {
        font-family: "Barlow", sans-serif;
        font-weight: 700;
        font-style: normal;
    }

    .barlow-extrabold {
        font-family: "Barlow", sans-serif;
        font-weight: 800;
        font-style: normal;
    }

    .barlow-black {
        font-family: "Barlow", sans-serif;
        font-weight: 900;
        font-style: normal;
    }

    .barlow-thin-italic {
        font-family: "Barlow", sans-serif;
        font-weight: 100;
        font-style: italic;
    }

    .barlow-extralight-italic {
        font-family: "Barlow", sans-serif;
        font-weight: 200;
        font-style: italic;
    }

    .barlow-light-italic {
        font-family: "Barlow", sans-serif;
        font-weight: 300;
        font-style: italic;
    }

    .barlow-regular-italic {
        font-family: "Barlow", sans-serif;
        font-weight: 400;
        font-style: italic;
    }

    .barlow-medium-italic {
        font-family: "Barlow", sans-serif;
        font-weight: 500;
        font-style: italic;
    }

    .barlow-semibold-italic {
        font-family: "Barlow", sans-serif;
        font-weight: 600;
        font-style: italic;
    }

    .barlow-bold-italic {
        font-family: "Barlow", sans-serif;
        font-weight: 700;
        font-style: italic;
    }

    .barlow-extrabold-italic {
        font-family: "Barlow", sans-serif;
        font-weight: 800;
        font-style: italic;
    }

    .barlow-black-italic {
        font-family: "Barlow", sans-serif;
        font-weight: 900;
        font-style: italic;
    }

    .barlow-condensed-thin {
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 100;
        font-style: normal;
    }

    .barlow-condensed-extralight {
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 200;
        font-style: normal;
    }

    .barlow-condensed-light {
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 300;
        font-style: normal;
    }

    .barlow-condensed-regular {
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    .barlow-condensed-medium {
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 500;
        font-style: normal;
    }

    .barlow-condensed-semibold {
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 600;
        font-style: normal;
    }

    .barlow-condensed-bold {
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 700;
        font-style: normal;
    }

    .barlow-condensed-extrabold {
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 800;
        font-style: normal;
    }

    .barlow-condensed-black {
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 900;
        font-style: normal;
    }

    .barlow-condensed-thin-italic {
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 100;
        font-style: italic;
    }

    .barlow-condensed-extralight-italic {
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 200;
        font-style: italic;
    }

    .barlow-condensed-light-italic {
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 300;
        font-style: italic;
    }

    .barlow-condensed-regular-italic {
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 400;
        font-style: italic;
    }

    .barlow-condensed-medium-italic {
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 500;
        font-style: italic;
    }

    .barlow-condensed-semibold-italic {
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 600;
        font-style: italic;
    }

    .barlow-condensed-bold-italic {
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 700;
        font-style: italic;
    }

    .barlow-condensed-extrabold-italic {
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 800;
        font-style: italic;
    }

    .barlow-condensed-black-italic {
        font-family: "Barlow Condensed", sans-serif;
        font-weight: 900;
        font-style: italic;
    }

    .barlow-semi-condensed-thin {
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 100;
        font-style: normal;
    }

    .barlow-semi-condensed-extralight {
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 200;
        font-style: normal;
    }

    .barlow-semi-condensed-light {
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 300;
        font-style: normal;
    }

    .barlow-semi-condensed-regular {
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 400;
        font-style: normal;
    }

    .barlow-semi-condensed-medium {
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 500;
        font-style: normal;
    }

    .barlow-semi-condensed-semibold {
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 600;
        font-style: normal;
    }

    .barlow-semi-condensed-bold {
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 700;
        font-style: normal;
    }

    .barlow-semi-condensed-extrabold {
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 800;
        font-style: normal;
    }

    .barlow-semi-condensed-black {
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 900;
        font-style: normal;
    }

    .barlow-semi-condensed-thin-italic {
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 100;
        font-style: italic;
    }

    .barlow-semi-condensed-extralight-italic {
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 200;
        font-style: italic;
    }

    .barlow-semi-condensed-light-italic {
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 300;
        font-style: italic;
    }

    .barlow-semi-condensed-regular-italic {
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 400;
        font-style: italic;
    }

    .barlow-semi-condensed-medium-italic {
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 500;
        font-style: italic;
    }

    .barlow-semi-condensed-semibold-italic {
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 600;
        font-style: italic;
    }

    .barlow-semi-condensed-bold-italic {
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 700;
        font-style: italic;
    }

    .barlow-semi-condensed-extrabold-italic {
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 800;
        font-style: italic;
    }

    .barlow-semi-condensed-black-italic {
        font-family: "Barlow Semi Condensed", sans-serif;
        font-weight: 900;
        font-style: italic;
    }


    #first {
        margin-top: 60px;

    }

    body {
        font-family: "Barlow Semi Condensed", monospace;
        margin: 0;
        margin-left: 0px;
        margin-right: 0px;
        padding: 0;
        background-color: white;
        color: black;
        overflow-x: hidden;
        overflow-y: auto;

    }

    #link-programma {
        width: 100%;
        color: black;
        /* #ef3e23 border */
        font-family: inherit;
        /* Inherit font family from the rest of the page */
        font-weight: 300;
        /* Inherit font weight from the rest of the page */
        text-align: left;
        /* Align text to the left */
        cursor: pointer;
        text-decoration: none;
        /* Smooth transition for hover effect */
        /* Add padding to the left to give some space from the edge */
        margin-top: 10px;
        font-size: 2.5rem;
        /* Minimum, dynamic, and maximum size */
        margin: 0;
        border-bottom: 2px solid #000;
    }

    #link-programma:hover {
        width: 100%;
        color: white;
        /* #ef3e23 border */
        font-family: inherit;
        /* Inherit font family from the rest of the page */
        font-weight: 300;
        /* Inherit font weight from the rest of the page */
        text-align: left;
        /* Align text to the left */
        cursor: pointer;
        text-decoration: none;
        /* Smooth transition for hover effect */
        /* Add padding to the left to give some space from the edge */
        margin-top: 10px;
        font-size: 2.5rem;
        /* Minimum, dynamic, and maximum size */
        border-bottom: none;
        background-color: black;
    }



    .dash-list {
        list-style: none;
        padding-left: 0;
    }

    .dash-list li {
        position: relative;
        padding-left: 1.5em;
    }

    .dash-list li::before {
        content: "—";
        position: absolute;
        left: 0;
        margin-right: 0.5em;
    }

    header {
        background-color: black;
        color: white;
        padding: 40px 20px;
        text-align: center;
        position: relative;
    }

    .signup-bar p {
        margin: 0;
    }

    .signup-bar a {
        color: white;
        font-weight: 500;
        text-decoration: underline;
    }

    .signup-bar a:hover {
        color: black;
        font-weight: 600;
        text-decoration: underline;
    }

    #about::before,

    #Keynote::before,
    #participation::before,
    #venue::before,
    #contact::before 

    .accordion {
        border-bottom: black 3px solid;
        overflow: hidden;
    }

    .accordion-header {
        display: flex;
        justify-content: left;
        align-items: center;
        padding-bottom: 0px;
        padding-left: 5px;
        cursor: pointer;
        font-size: 2rem;
        font-weight: 500;
    }

    .Keynotelist {
        border-bottom: black 2px solid;
        overflow: hidden;
        display: flex;
        justify-content: left;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 0px;
        padding-left: 0px;
        font-size: 1.8rem;
        font-weight: 300;
    }

    .accordion-header:hover,
    .accordion.open .accordion-header

    /* togliere fino alla virgola per togliere active black */
        {
        background-color: black;
        color: white;
    }

    .accordion-icon {
        font-size: 3.5rem;
        margin-right: 40px;
        transition: transform 0.3s ease;
        font-weight: 200;

    }

    .accordion-content {
        max-height: 0;
        transition: max-height 0.3s ease;
        display: flex;
        flex: 1;
        max-width: 100%;
        margin: 0;
    }

    .accordion-content .accordion-hour p {
        font-size: 2rem;
    }

    /* PER CAMBIARE DIMENSIONE ORARIO */

    .accordion-hour {
        flex: 3;
        padding-left: 65px;
    }

    .accordion-description {

        flex: 7;
        padding-left: 0px;

    }

    .accordion-content p {
        margin: 10px 0;
        font-size: 1.2rem;
    }

    .accordion.open .accordion-content {
        max-height: 3000px;
        /* Set a large enough value to fit the content */
        padding: 10px;
    }

    .accordion.open .accordion-icon {
        transform: rotate(45deg);
        /* Turns + into × */
    }

    #map {

        margin-top: 5px;
        margin-bottom: 10px;
        background-color: black;
        padding: 2px;

    }

    #map iframe {
        display: block; /* Removes default inline spacing */
    }

    nav {
        background-color: white;
        color: black;
        padding: 10px 0px;
        margin-left: 20px;
        margin-right: 20px;
        display: flex;
        flex: 1;
        justify-content: space-between;
        position: sticky;
        top: 0;
        z-index: 1000;
        align-items: center height: 60px;
        border-bottom: 2px solid black;
    }

    .nav-container {
        display: flex;
        width: 100%;
        flex: 8;
    }

    .nav-title {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex: 1;

    }

    .nav-title #titolo {
        color: black;
        font-size: 1.8rem;
        font-weight: 300;

        font-style: normal;
        align-items: center;
        letter-spacing: 0.4em;
    }



    .nav-links {
        display: flex;
        justify-content: flex-end flex: 1;
        gap: 100px;
        align-items: center
    }

    .nav-links a {
        color: black;
        text-decoration: none;
        font-size: 1.8rem;
        font-weight: 300;
        text-decoration: none;
        text-transform: uppercase;
    }

    .nav-links a:hover {
        color: white;
        background-color: black;
    }

    .hamburger {
        display: none;
        flex-direction: column;
        gap: 6px;
        cursor: pointer;
        align-items: center;
        /* Centers the bars horizontally */
        justify-content: center;
        /* Centers the bars vertically */
        height: 100%;
        /* Ensure it spans the full height of the nav */
    }

    .hamburger div {
        width: 25px;
        height: 2px;
        background-color: black;
    }

    .fullscreen-menu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: white;
        color: black;
        z-index: 2000;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    .fullscreen-menu.active {
        display: flex;
    }

    .fullscreen-menu a {
        font-size: 2rem;
        text-decoration: none;
        color: black;
        text-transform: uppercase;
    }

    .fullscreen-menu a:hover {
    }

    .close-menu {
        position: absolute;
        top: -8px;
        right: 22px;
        font-size: 3.5rem;
        cursor: pointer;

    }

    .section {
        padding: 40px 20px;
        max-width: 900px;
        margin: 20px auto;
        position: relative;
    }

    .section h2 {
        font-size: 5rem;
        color: #ef3e23;
        margin-bottom: 20px;
        font-weight: 700;
        display: inline-block;
        background: black;
        color: white;
        padding: 10px;
    }

    h3 {
        font-size: 2.5rem;
        color: white;
        margin-top: 100px;
        margin-bottom: 0px;
        font-weight: 200;
        background: black;
        padding: 10px;
        padding-bottom: 100px;
        width: 100%;
        display: block;
        /* Changed from inline-block to block */
        box-sizing: border-box;
        text-transform: uppercase;
    }

    .section p,
    .section ul {
        font-size: 4rem;
        line-height: 1.6;
    }

    .grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
    }

    .grid p {
        background-color: black;
        color: white;
        padding: 20px;
        text-align: center;
        font-size: 2rem;
        font-weight: bold;
    }

    .highlight {
        background-color: black;
        color: white;
        padding: 20px;
        margin: 40px 0;
        text-align: center;
        font-size: 1.5rem;
        font-weight: bold;
    }

    footer {

        color: black;
        text-align: center;
        padding: 4px;
        margin-top: 10px;
        margin-left: 20px;
        margin-right: 20px;
        border-top: 2px solid black;

    }

    footer p {
        font-size: 1.8rem;
        margin: 5px 0;
        font-weight: 300;

    }

    body p {
        font-family: "Barlow Semi Condensed";
        margin: 5px 0;
    }

    .angled-shape {
        position: absolute;
        width: 150px;
        height: 30px;
        background-color: black;
    }

    .typewriter-container {
        margin: 0px 0;
        position: relative;
    }

    .typewriter-original {
        display: none;
        /* Hide the original text */
    }

    .typewriter-text {
        margin: 0;
        padding: 0;
        white-space: pre-wrap;
        /* Preserves whitespace and allows wrapping */
        position: relative;
        /* For positioning the cursor */
    }

    /* Using a pseudo-element for the cursor that comes after the text */
    .typewriter-text::after {
        content: '';
        display: inline-block;

        margin-left: 2px;

        animation: blink 0.75s step-end infinite;
    }

    /* For the big cursor version */
    .typewriter-text.big-cursor::after {
        height: 50px;
        width: 20px;
        vertical-align: text-bottom;
        background-color: #000;
    }

    .typewriter-text.bigger-cursor::after {
        height: 68px;
        width: 40px;
        vertical-align: baseline;
        background-color: #000;
    }

    .typewriter-text.mini-cursor::after {
        height: 30px;
        width: 15px;
        vertical-align: bottom;
        background-color: #000;
    }

    .typewriter-text.white-cursor::after {
        height: 50px;
        width: 20px;
        vertical-align: text-bottom;
        background-color: white;
    }

    @keyframes blink {

        0%,
        100% {
            opacity: 1;
        }

        50% {
            opacity: 0;
        }
    }

    /* Remove the original cursor elements as they're replaced with pseudo-elements */
    .cursor,
    .cursor-big {
        display: none;
    }




    @keyframes blink {

        from,
        to {
            background-color: transparent
        }

        50% {
            background-color: #000;
        }
    }

    /* Hide the original text that will be typed */
    .typewriter-original {
        display: none;
    }


    /* Fix for the main container */
    .main-container {
        display: flex;
        flex: 1;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        overflow: visible;
        /* Change from hidden to visible */
    }

    /* Fix for the left section */
    .left-section {
        flex: 7;
        display: flex;
        align-items: flex-start;
        padding-left: 20px;
        padding-right: 0px;
        padding-top: 70px;
        overflow: visible;
        /* Change from hidden to visible */
        flex-direction: column;
        width: max-content;
        position: sticky;
        top: 60px;
        /* Remove the fixed height */
        /* height: 100vh; */
        /* This restricts your content */
        align-self: flex-start;
        /* This helps with sticky positioning */
    }

    .left-section img {
        height: auto;
        width: 100%;
        display: block;
        /* Changed from inline-block to block */
        box-sizing: border-box;
    }

    .right-section {
        flex: 5;
        padding-right: 10px;
        padding-top: 20px;
        margin-left: 0px;
        margin-right: 0px;
        overflow: hidden;
        position: relative;
    }

    .skew-wrapper {
        transform: skew(0deg, -16deg);
        transform-origin: top left;
        padding-top: 80px;
        padding-left: 40px;
        overflow: hidden;

    }

    /* Ensure the skew wrapper doesn't interfere */
    .skew-wrapper-left {
        transform: skew(0deg, 12deg);
        transform-origin: top left;
        width: 100%;
        display: block;
        box-sizing: border-box;
        padding-top: 0;
        overflow: visible;
        /* Change from hidden to visible */
    }


    .right-section h1 {
        line-height: 1.2;
        color: black;
        font-weight: 200;
        display: block;
        /* padding: 10px;
             padding-left: 40px;
            padding-right: 40px;
            background-color: black; */
        margin-top: 40px;
        margin-bottom: 0px;
        letter-spacing: 0.2em;
        font-size: 5.5rem;
    }

    .right-section h2 {
        font-size: 3rem;
        line-height: 1.3;
        color: black;
        font-weight: 300;
        display: block;
        /* padding: 10px;
            padding-left: 40px;
            padding-right: 40px;
            background-color: #ef3e23; */
        margin-top: 20px;
        margin-bottom: 10px;
    }


    .right-section p,
    
    .right-section ul {
        font-size: 1.4rem;
        line-height: 1.4;
        font-weight: 300;
    }

    .signup-button {
        width: 100%;
        /* Makes the button as wide as its container */
        padding: 10px;
        /* Adjust padding for button size */
        background-color: white;
        color: black;
        border: 2px solid black;
        /* #ef3e23 border */
        font-size: 2rem;
        font-family: inherit;
        /* Inherit font family from the rest of the page */
        font-weight: 300;
        /* Inherit font weight from the rest of the page */
        text-align: left;
        /* Align text to the left */
        cursor: pointer;
        /* Smooth transition for hover effect */
        padding-left: 20px;
        /* Add padding to the left to give some space from the edge */
        margin-top: 10px;
    }

    .signup-button:hover {
        background-color: black;
        /* Background turns #ef3e23 on hover */
        color: white;
        /* Text turns white on hover */
    }

    .program-button {
        /* Makes the button as wide as its container */

    }

    .line-program {
        margin-top: 10px;
        margin-bottom: 10px;
        border-top: 2px solid black;
        width: 100%;
        display: block;
    }

    .program-button:hover {
        /* Background turns #ef3e23 on hover */
        color: #ef3e23;
        /* Text turns white on hover */
    }

    .signup-bar {
        background-color: #ef3e23;
        color: white;
        text-align: center;
        padding: 15px 20px;
        font-size: 1.6rem;
        font-weight: normal;
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
        position: sticky;
        top: 0;
        z-index: 1000;
        top: 57px;
        display: flex;
        align-items: center;
        /* Center content vertically */
        justify-content: space-between;
        /* Space out the lines and content */
    }

    .line {
        width: 2px;
        height: 30px;
        /* Increased height to make it more visible */
        background-color: white;
    }

    .signup-content {
        flex: 1;
        text-align: center;
    }

    .left {
        margin-right: 5px;
    }

    .right {
        margin-left: 5px;
    }


    /*
        @media (hover: none) and (pointer: coarse) {

            .accordion-header:hover,
            .accordion.open .accordion-header {
                background-color: initial;
                color: initial;
            }
        } */

    .dynamic-text {
        font-size: 12rem);
        /* Minimum, dynamic, and maximum size */
        margin: 0;
    }




    @media (max-width: 1080px) {

        .typewriter-text.mini-cursor::after {
            height: 25px;
            width: 15px;
            vertical-align: bottom;
        }


        .left-section {
            padding-left: 10px;
            padding-right: 10px;
            /* Change from 40px to ensure even spacing */
            padding-top: 0px;
            width: 100%;
            box-sizing: border-box;
            /* Important - this makes padding included in width calculation */
            position: relative;
            margin-bottom: 100px;
            margin-right: 2opx;
        }

        .left-section img {
            max-width: 100%;
            /* Ensure image doesn't exceed container width */
            width: 100%;
            height: auto;
            box-sizing: border-box;
            /* Include padding in width calculations */
            display: block;
            padding: 0;
            /* Remove any padding on the image itself */
            margin: 0 auto;
            /* Center the image if needed */
        }

        .dynamic-text {
            font-size: clamp(3rem, 12vw, 12rem);
            /* Minimum, dynamic, and maximum size */
            margin: 0;
        }

        .dynamic-text-2 {
            font-size: clamp(1rem, 8vw, 7rem);
            /* Minimum, dynamic, and maximum size */
            margin: 0;
        }

        .typewriter-text.bigger-cursor::after {
            height: 50px;
            width: 30px;
            vertical-align: initial;
            background-color: #000;
        }

        body {
            margin-left: 0px;
            margin-right: 0px;
        }



        .nav-links {
            display: none;
        }

        .hamburger {
            display: flex;
        }

        .main-container {
            flex-direction: column;
            padding-left: 10px;
            padding-right: 10px;
            box-sizing: border-box;
            /* Important for padding calculation */
            width: 100%;
            /* Ensure container takes full width */
            overflow: hidden;
            /* Prevent horizontal scrolling */

        }


        .right-section {
            flex: none;
            width: 100%;
            padding-left: 10px;
            padding-right: 10px;

            box-sizing: border-box;
        }

        .right-section p,
    
    .right-section ul {
        font-size: 1.4rem;
        line-height: 1.4;
        font-weight: 400;
    }

        .skew-wrapper {
            transform: skew(0deg, 9deg);
            transform-origin: top left;
            padding-top: 0px;
            padding-left: 0px;
            overflow: hidden;
            /* Prevents content from spilling out */
            width: 100%;
            margin-bottom: 50px;
        }

        .skew-wrapper-left {
            margin-bottom: ;
            transform: skew(0deg, 9deg);

            overflow: hidden;
            /* Prevents content from spilling out */
        }


        .left-section img {}

        .right-section {
            padding-top: 10px;
        }

        .right-section h1 {
            display: block;
            /* Ensure it takes the full width */
            width: 100%;
            /* Optional, ensures it doesn't share space */
            margin-top: 0px;
            font-size: 3.5rem;
        }

        .right-section h2 {
            display: block;
            /* Force it to appear below h1 */
            margin-top: 10px;
            /* Add spacing if needed */
            font-size: 2.5rem;
        }

        h3 {
            font-size: 2.5rem;
            color: white;
            margin-bottom: 0px;
            font-weight: 300;
            background: black;
            padding: 10px;
            padding-bottom: 60px;
            width: 100%;
            height: auto;
            display: block;
            /* Changed from inline-block to block */
            box-sizing: border-box;
        }

        .right-section p,
        .right-section ul {
            font-size: 1.2rem;
        }

        .accordion-hour {
            flex: 3;
            padding-left: 0px;
        }

        .accordion-content .accordion-hour p {
            font-size: 1.2rem;
        }

        .nav-title #titolo {
            color: black;
            font-size: 1.3rem;
            font-weight: 400;
            font-style: normal;
            align-items: center;
            letter-spacing: 0.4em;
        }

        footer p {
            font-size: 1.3rem;
            font-weight: 400;

        }

        .signup-bar {
            font-size: 1.3rem;
            top: 48px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 20px;
            position: sticky;
        }

        .line {
            width: 1.5px;
            height: 30px;
            /* Adjust the height as needed */
            background-color: white;
        }

        .signup-content {
            flex: 1;
            text-align: center;
        }

        .left {
            margin-right: 4px;
        }

        .right {
            margin-left: 4px;
        }
    }


    #about::before,

        #Keynote::before,
        #participation::before,
        #venue::before,
        {
            content: '';
            display: block;
            height: 300px;
            /* Adjust as needed */
            margin-top: -300px;
            /* Match the height value */
            visibility: hidden;
        }
        #contact::before 
        {
        content: '';
        display: block;
        height: 125px;
        /* Adjust as needed */
        margin-top: -125px;
        /* Match the height value */
        visibility: hidden;
    }