/* master styles */ .body { font-family: "Open Sans",sans-serif; margin: 0px; .brand { } } .container { display: grid; grid-template-columns: 1fr; } .nav-wrapper { display:flex; justify-content:space-between; padding: 38px; } .left-side { display: flex; } .nav-wrapper > .left-side > div { margin-right: 20px; font-size: 0.9em; text-transform: uppercase; } .nav-link-wrapper { height: 22px; border-bottom: 1px solid transparent; transition: border-bottom 0.5s; } .nav-link-wrapper a { color:#8a8a8a; text-decoration: none; transition:color 0.5s; } .nav-link-wrapper:hover{ border-bottom: 1px solid black; } .nav-link-wrapper a:hover { color:black } /*Protfolio styles*/ .portfolio-items-wrapper{ display: grid; grid-template-columns: 1fr 1fr 1fr; } .protfolio-item-wrapper { position: relative; } .protfolio-img-background { height: 350px; width 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .img-text-wrapper:hover .subtitle{ transition: 1s; font-weight: 600; color:transparent; } .img-text-wrapper:hover .subtitle{ font-weight:600; color:grey; } .footer { color: grey ; text-align: center; } /*about Page*/ .two-column-wrapper{ display: grid; grid-template-columns: 1fr 1fr; .profile-image-wrapper img { width:100%; } .profile-content-wrapper { padding:30px; } .profile-content-wrapper h1{ color:grey; }