body{
    background: #F5F5F5;
    position: relative;
    width: 1280px;
    height: 832px;

}
.logo{
    /* Logo - Cades */
    position: absolute;
    width: 314px;
    height: 72px;
    left: 60px;
    top: 48px;
}
.home__data{
    position: absolute;
    width: 447px;
    height: 167px;
    left: 60px;
    top: 250px;

}
.home__titulo{
    width: 447px;
    height: 47px;
    left: 60px;
    top: 284px;
    
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 47px;
    /* identical to box height */
    
    
    color: #000000;


    color: #000000;
}
.home__Descricao{
    width: 323px;
    height: 96px;
    left: 60px;
    top: 355px;

    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */

    text-align: justify;
    letter-spacing: 0.04em;

    color: #4B4B4B;
}
.button{
    position: absolute;
    width: 108px;
    height: 19px;
    left: 106px;
    top: 465px;
    
}
.button__text{
    /* Volte ao Cades */


position: absolute;
width: 108px;
height: 19px;
left: 106px;
top: 495px;

font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
/* identical to box height */


color: #FFFFFF;
}
.button__shape{
    /* Shape */
    position: absolute;
    width: 200px;
    height: 45px;
    left: 60px;
    top: 500px;

    background: #0083FF;
    border-radius: 5px;
    border-color: #0083FF;
}
.ilustracao{
    /* ilustração */


        position: absolute;
        width: 667px;
        height: 452px;
        left: 553px;
        top: 185px;
}