body{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
header{
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
main{
    flex: 1 0;
}
#hero-section{
    background-image: url("Assets/images/architect.jpg");
    height: 90vh;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
#br-word{
    background-color: rgba(0,0, 0, 0.7);
}
#hero-section h1{
    font-size: 50px;
}
#about-section img{
    filter: grayscale(0.75);
}