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;
    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;
}

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

.container .bloco2 {
    width: 300px;
}

.bloco2 .data {
    margin-left: 10px;

}

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

.container2 {
    width: 900px;
    height: 370px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F0E68C;
    border-radius: 12px;
    margin-top: 100px;
    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;
}

.bloco2 .img2 {
    width: 400px;
    height: 448px;

}

.bloco2 {
    margin-left: 20px;
}

.container3 {
    width: 900px;
    height: 370px;
    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;
}

.container3 .bloco1 .img3 {
    width: 400px;
    height: 370px;
}


.alin .botao {
    margin-top: 20px;
    width: 200px;
    height: 40px;
    border-radius: 20px;
    background-color: #DA70D6;
    border: solid 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;

}

.alin .link {
    text-decoration: none;
    font-size: 20px;
    color: white;
    font-family: 'Young Serif', serif;
}


@media(max-width:600px) {
    .container1 {
        flex-direction: column;
        width: 310px;
        height: 890px;
        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: 450px;
        margin-top: 20px;
    }

    .container3 {
        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 .img5 {
        width: 290px;
        height: 450px;
        margin-top: 20px;
    }
}