106 main.css
View file
@@ -1,33 +1,101 @@
body {
background: #BEBAB4;
color: #22232A;
}

.main-nav li {
text-align: center;
list-style: none;
display: inline;
.nav-wrapper .brand-logo {
color: rgb(26, 25, 25);
font-family: 'Nanum Gothic', sans-serif;
font-size: 3em;
}

.nav-wrapper {
padding-right: 10px;
background-color: #FAFAFA;
opacity: 100%;
}

.main-nav a {
color: #22232A;
margin-right: 10px;
width: 100px;
height: 25px;
.nav-wrapper a {
color: rgb(132, 132, 133);
}

.main-nav a:hover {
color: #F7F7F6;
background-color: #22232A;
.nav-wrapper a:hover {
color: #FAFAFA;
background-color: rgb(132, 132, 133);
}

/* .nav-wrapper a:hover {
color: white;
} */

.main-nav a:active {
padding-left: 5px;
padding-right: 5px;
}

.header {
/* Header */

#main-header {
background-image: url('img/sarah-sosiak-298060-unsplash.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 900px;
width: 100%;
position: relative;
}

.header-text {
font-family: 'Nanum Gothic', sans-serif;
position: absolute;
bottom: 50px;
right: 0;
}

h1 {
margin-top: 150px;
padding: 0;
color: rgb(109, 207, 122);
}

/* Benefits */

.benefits {
margin-top: 150px;
}

.benefit-header {
margin: 0 10px 100px 10px;
text-align: center;
}

.benefit-header h3:before,
.benefit-header h3:after {
background-color: #E5E5E5;
content: "";
display: inline-block;
height: 3px;
position: relative;
vertical-align: middle;
width: 25%;
margin: 0 15px 0 15px;
}

*:before,
*:after {
box-sizing: border-box;
}

.benefit-item {
text-align: center;
}

.benefit-icon {
font-size: 95px;
}

/* Jobs */

.job-header {
position: relative;
color: #020104;
}
@@ -59,4 +127,14 @@ body {

.project-img {
width: 100%;
}

/* Footer */

.page-footer {
background-color: whitesmoke;
}

.footer-copyright .container {
color: rgb(132, 132, 133);
}