base.css

#begin {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 300px;
    background-size: cover;
    background-image: url("images/laptopOutside.jpeg");
}

#topics {
    font-size: x-large;
    font-weight: bold;
    text-align: center;
    width: 100%;
}
#featured {
    margin-top: 0.5em;
    background-color: olivedrab;
    color: #ccc;
    height: 100%;
}

.flex {
    display: flex;
    margin-top: 1%;
}
#selection {
    margin-left: 1%;
    background-color: olivedrab;
    color: #ccc;
    padding: 2em;
}
.ProjectsFlex {
  	display: flex;
  	flex-wrap: wrap;
}
.ProjectsFlex .project {
  	width: 49%;
  	margin: 0.5%;
}
.project a {
    color: black;
    
}
.project a:hover {
    text-decoration: none;
}

.projectHeader {
    text-align: center;
    width: 100%;
    border-bottom: 0.1em solid olivedrab;
    margin-bottom: 0.3em;
    
}

.projectHeader:hover {
    background-color: rgba(107, 132, 35, 0.4);
    transform: translateY(-.3rem);
    box-shadow: 0 1rem 2rem rgba(0,0,0, .2);
}

.projectHeader:actve, .projectHeader:focus {
    /*background-color: rgba(107, 132, 35, 0.4);*/
    transform: translateY(-.1rem);
    box-shadow: 0 .5rem 2rem rgba(0,0,0, .2);
}

img {
    width: inherit;
    border: 0.2em solid olivedrab;
}

.tags {
    font-style: italic;
    color: olivedrab;
}