img {
    width: 1000px;
    height: auto;
    padding: 20px;
} 

body{
    background-color: beige;
header{
    text-align: center;
    justify-content: center;
    align-items: center;
    color: black;
}

h1{
    font-weight:700;
    color:rgb(67, 8, 8);
    font-family: Georgia, serif; 
    text-align: center;
    padding-top: 20px;
}

p {
    font-family: 'Courier New', Courier, monospace;
      text-align: justify;

}

.phone-layouts {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.phone-layouts img {
    width: 180px;
    height: 240px;
    object-fit: cover;
}

.laptop-layouts {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.laptop-layouts img {
    width: 240px;
    height: 180px;
    object-fit: cover;
}

.step8-canvalayouts img {
    width: 345px;
    height: 190px;
    object-fit: cover;
}
}