*{
    border:2px dashed gray;
    align-items: center;
}
main{
    height: 2800px;
    width: 1603px;
    margin: auto;
}
#un{
    height: 847px;
    background-color: blanchedalmond;
}

h1{
    font-family: "Pacifico", sans-serif;
    text-align: center;
    color: red;
    margin-top: 100px;
}
p{
    font-family:"Lato", sans-serif;
    text-align: center;

}
.btn{
    display: flex;
    flex-direction: column;
    align-items: end;
    
}
#ui{
    margin-top: 50px;
    margin-left:50px ;
}
i{
    height: 50px;
    width: 50px;
    font-size: 2rem;
}
#dvd{
    color: white;
}
#oui{
    height: 1060px;
    background:url(__MACOSX/Layer\ 12.png) center/cover;

}
form{
    display: flex;
    flex-direction: column;
}
input{
    width: 506px;
    height: 54px;
    background-color: rgb(208, 35, 42);
    color: white;
    border: 2px solid white;
    border-radius: 30px;
    margin-top: 15px;
}
button{
    width: 253px;
    height: 54px;
    background-color: rgb(164, 0, 19);
    color: white;
    border: 2px solid white;
    border-radius: 30px;
    margin-top: 15px;
}

#info{
    display: flex;
}
#align{
    height: ;
}
#grand-group-tuile{
    display: flex;
    flex-direction: row;
}
.group-tuile{
display: flex;
flex-direction: column;
}
#rouge{
    width: 802px;
    height: 790px;
}
#cassette{
    width: 803px;
    height: 792px;
}
#rose{
    width: 803px;
    height: 401px;
}
#jaune{
    width: 804px;
    height: 801px;
}
#journal{
    width: 800px;
    height: 1196px;
}