body{
    background-color: bisque;
    margin: 0;
    padding: 0;
    font-family: Times New Roman;
}
.navbar{
    padding: 4px;
    background-color: burlywood;
    text-align: center;
}
.nav-title{
    font-size:35px;
    font-weight: 500;
    color: brown
}
.hero{
    text-align: center;
    font-size: 20px;
    color:orange;
}
.hero-h2{
    font-weight: 400;
    font-size: 50px;
}
.hero-p{
    width:50%;
    text-align: center;
}
.works-h1{
    color: rgba(218, 102, 19, 0.726);
}
.hero-img{
    width: 50%;
}
.parent{
    display: flex;
}
.left{
    width: 50%;
}
.right{
    width: 50%;
}
.five{
    width:400px;
    height:500px;
}
.ten{
    width:400px;
    height:700px;
}