body {
    background-color: #FFE4E1;
    display: flex;
    align-items: center;
    justify-content: center;

}


.alin {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.alin .titulo {
    justify-content: center;
    display: flex;
    text-align: center;
    font-size: 43px;

}

.container1 {
    width: 900px;
    height: 448px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 12px;
    border: solid 2px;
    margin-top: 100px;
    background-color: #F0E68C;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.container2 {
    width: 900px;
    height: 448px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 12px;
    border: solid 2px;
    margin-top: 100px;
    background-color: #F0E68C;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.container3 {
    width: 900px;
    height: 448px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 12px;
    border: solid 2px;
    margin-top: 100px;
    background-color: #F0E68C;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.container .bloco1 {
    width: 300px;
    height: 448px;
}

.container .bloco2 {
    width: 300px;
    height: 448px;
}

.bloco1 .img1 {
    width: 400px;
    height: 448px;
}

.bloco1 .img2 {
    width: 400px;
    height: 448px;
}

.bloco1 .video {
    width: 400px;
    height: 448px;
}

.bloco2 {
    margin-left: 20px;
}

.des {
    text-align: center;
    font-size: 20px;
    font-family: 'Kanit', sans-serif;
}

.bloco1 .img3 {
    width: 400px;
    height: 448px;
}

.bloco1 .img4 {
    width: 400px;
    height: 448px;
}

.bloco1 .img5 {
    width: 400px;
    height: 448px;
}

.bloco1 .img6 {
    width: 400px;
    height: 448px;
}

.container4 {
    width: 900px;
    height: 448px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 12px;
    border: solid 2px;
    margin-top: 100px;
    background-color: #F0E68C;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.container5 {
    width: 900px;
    height: 448px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 12px;
    border: solid 2px;
    margin-top: 100px;
    background-color: #F0E68C;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.container6 {
    width: 900px;
    height: 448px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 12px;
    border: solid 2px;
    margin-top: 100px;
    background-color: #F0E68C;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

@media(max-width:600px) {
    .container1 {
        flex-direction: column;
        width: 310px;
        height: 950px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
        border-radius: 12px;
        margin-top: 100px;
        background-color: #F0E68C;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }


    .bloco1 .img1 {
        width: 290px;
        height: 450px;
        margin-top: 20px;
    }

    .container2 {
        flex-direction: column;
        width: 310px;
        height: 1000px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
        border-radius: 12px;
        margin-top: 100px;
        background-color: #F0E68C;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }


    .bloco1 .img2 {
        width: 290px;
        height: 480px;
        margin-top: 20px;
    }

    .container3 {
        flex-direction: column;
        width: 310px;
        height: 900px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
        border-radius: 12px;
        margin-top: 100px;
        background-color: #F0E68C;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }


    .bloco1 .img3 {
        width: 290px;
        height: 480px;
        margin-top: 20px;
    }

    ::-webkit-scrollbar {
        width: 0px;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #8B0000;
    }

    .container4 {
        flex-direction: column;
        width: 310px;
        height: 1100px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
        border-radius: 12px;
        margin-top: 100px;
        background-color: #F0E68C;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;

    }
    .bloco1 .img4 {
        width: 290px;
        height: 450px;
        margin-top: 20px;

    }

    .container5 {
        flex-direction: column;
        width: 310px;
        height: 950px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
        border-radius: 12px;
        margin-top: 100px;
        background-color: #F0E68C;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }
    .bloco1 .img5 {
        width: 290px;
        height: 450px;
        margin-top: 20px;

    }

   

    .container6 {
        flex-direction: column;
        width: 310px;
        height: 870px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
        border-radius: 12px;
        margin-top: 100px;
        background-color: #F0E68C;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }
    .bloco1 .video {
        width: 290px;
        height: 420px;
        margin-top: 20px;

    }
}