styles.css

*{
    margin: 0;
    padding: 0;
}
body{
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17;
    color: whitesmoke;
    line-height: 1.6;
}

#showcase{
    background-image:url('img.jpg');
    background-size:cover;
    background-position: center;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 20px;
}

#showcase h1{
    font-size: 50px;
    line-height: 1.2;
}

#showcase p{
    font-size: 18px;
}

#showcase .button{
    font-size: 18px;
    text-decoration: none;
    color: whitesmoke;
    border: whitesmoke 1px solid;
    padding: 10px 20px;
    border-radius: 10px;
    margin-top: 20px;
}

#showcase .button:hover{
    background: pink;
    color: aliceblue;
}

#section-a{
    padding: 20px;
    background-color: rgb(152, 114, 95);
    color: rgb(223, 184, 132);
    text-align: center;
}

#section-b{
    padding: 20px;
    background-color:rgb(154, 103, 77);
    color: rgb(221, 176, 117);
    text-align: center;
}

#section-c{
    display: flex;
}

#section-c div{
    padding: 20px;
}

#section-c .box-1 , #section-c .box-3{
    background-color:rgb(152, 114, 95);
    color: rgb(223, 184, 132);
} 

#section-c .box-2{
    background-color:rgb(154, 103, 77);
}