*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body,html{
    width:100%;
    height: 100%;
}
#main{
    width: 100%;
    height: 100%;
    background-color: rgb(94,64,78);
    display: flex;

}
#part1{
    width: 26%;
    height:100%;
}
#part2{
    width: 67%;
    height:100%;
    background-color: hsl(240deg 100% 50%);
    background-image: url("https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e?q=80&w=687&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
    background-size: cover;
    background-position: center;
    background-repeat:no-repeat;
}
#overlay{
    width: 100%;
    height: 100%;
    background-color:hsla(20, 2%, 37%, 0.438);
    position: absolute;

}
#part3{
    width: 7%;
    height:100%;
}