section
{
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: unset !important;
    padding-top: unset !important;
    height: 100% !important
}

#title_extra
{
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.384);
}

.title_main
{
    padding-right: 20px;
}

.padding50px
{
    padding: 50px;
}

.title_main,
.title_extra
{
    font-size: clamp(30px, 15vw, 4rem)
}

div.mainDescription
{
    display: flex;
    flex-direction: row;
    gap: 20px;
    max-width: 1300px;
}

div.mainDescription div
{
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items:center;

    width: 100%;
}

div.mainDescription div.image_showcase
{
    display: flex;
    justify-content: center;
    align-items: center;
}

div.mainDescription div img
{
    width: 100%;
    border-radius: 10px;
}

@media screen and (max-width: 1300px)
{
    div.mainDescription
    {
        flex-direction: column;
    }

    div.mainDescription div.image_showcase
    {
        display: block;
    }
}

div.image_container
{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;

    background: radial-gradient(ellipse at 50%, white 5%, transparent 50%, transparent 95%);
    perspective: 500px;

    width: 100%;
}

div.image_container img
{
    width: calc(50% - 30px);
    max-width: 500px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.247);
    transform-style: preserve-3d;
}

div.image_container img:first-child
{
    transform: rotateY(5deg);
}

div.image_container img:nth-child(2)
{
    transform: rotateY(-5deg);
}

div.presentation p.title_extra
{
    overflow: hidden;
    animation: 3s cubic-bezier(0.18, 0.89, 0.32, 1.28) .5s revealWord;
}

@keyframes revealWord
{
    from
    {
        max-width: 0;
    }
    50%
    {
        max-width: 0;
    }
    to
    {
        max-width: 11.5rem;
    }
}

@media screen and (max-width: 720px) {
    div.presentation p
    {
        font-size: clamp(1.5rem, 15vw, 3rem) !important;
    }

    div.image_container img:first-child
    {
        transform: rotateY(10deg);
    }

    div.image_container img:nth-child(2)
    {
        transform: rotateY(-10deg);
    }
}

.lastDiv
{
    height: 300px;
}

.lastDiv div
{
    background: var(--accent_color);
    padding: 20px;
    border-radius: 10px;

    transition: all .2s ease-in-out;
}

.lastDiv div:hover
{
    box-shadow: 0 0 30px var(--accent_color);
    transform: scale(1.1);
    cursor: pointer;
}

.lastDiv div p
{
    font-size: clamp(20px, 5vw, 2rem);
    margin: 0;
    padding: 0;
    cursor: pointer;
}

div#image_slick
{
    width: 100vw;
}

div#image_slick div.contains_pic
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

div#image_slick div p
{
    text-align: center;
}

div#image_slick img
{
    border-radius: 10px;
    margin: 10px;
    width: 300px;
}