Incepted/static/css/projects.css

.projects_page {
    height: 120vw;
    background-color: #dcb495;
}
.header_block {
    width: 100%;
    height: 50vw;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient( rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85) ), url(../images/back_project_one.jpg);background-repeat: repeat;  background-position: center;
}
.header_title {
    color: #ffffff;
    font-size: 7vw;
}
.header_title_2 {
    color: #ffffff;
    text-align: center;
    margin-top: 50px;
    font-size: 1.5vw;
    width: 50vw;
}
.find_block {
    width: 100%;
    height: 15vw;
    background-color: #dcb495;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}
.find_input_text {
    margin-right: 12px;
    background-color: #EDCBB0;
    border: #EDCBB0;
    width: 45vw;
    height: 5vw;
    color: #776658;
    border-radius: 30px;
    vertical-align: middle;
}
.find_input_button {
    margin-left: 12px;
    background-color: #9E795A;
    border: #9E795A;
    width: 10vw;
    height: 5vw;
    color: #ffffff;
    border-radius: 30px;
    vertical-align: middle;
}
.list_project_block {
    margin-left: 3%;
    border: 2px solid #694a2d;
    border-radius: 25px;
    width: 94%;
    height: 45vw;
}
.list_project {
    width: 95%;
    margin-left: 2.5%;
    height: 95%;
    margin-top: 2.5%;
}