section.experience {
    width: 100dvi;
    padding-top: 100px;
    padding-bottom: 100px;

    min-height: fit-content !important;
    height: fit-content !important;

    .expers {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 40px;
        margin-top: 50px;

        .expers-card {
            background: var(--bg);
            color: var(--bg-lighter);
            border-radius: 10px;
            padding: 20px;
            width: 300px;
            min-height: 180px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            transition: transform 0.3s ease;

            h2 {
                font-size: 1.5em;
                color: var(--nav-after);
                margin-bottom: 10px;
            }

            span {
                font-size: 0.85em;
                color: var(--bg-lighter);
                font-weight: bold;
            }

            .separator_card {
                width: 80%;
                height: 2px;
                background: var(--bg-darkgrey);
                margin: 10px 0;
            }

            .date {
                font-size: 0.9em;
            }

            &:hover {
                transform: translateY(-5px);
            }
        }
    }
}

section.documents {
    height: auto;
}