body{

font-family: sans-serif;
margin: 0;
padding: 0;
}

.wrapper{
background: url(https://scontent.fpat3-1.fna.fbcdn.net/v/t1.0-
9/s960x960/76786440_153634129378024_4968200022328868864_o.jpg?
_nc_cat=106&_nc_ohc=qMCNM3DLg9MAQmqHvMEIwCqU1o1FUX0DaFw0Hpf-
yzose2TXMdGAL2xbQ&_nc_ht=scontent.fpat3-
1.fna&oh=dc854c3ace7ed042553d6e2414aaf037&oe=5E67AC55)
no-repeat center center;
min-height: 30rem;
}

nav{
width: 100%;
height: 80px;
background-color: #0005;
line-height: 80px;
}

nav ul{
float: right;
margin: 0;
margin-right: 1.9rem;
}

nav ul li{
list-style-type: none;
display: inline-block;
}

nav ul li a{
text-decoration: none;
color: #fff;
padding: 20px;
}

img{
width: 14%;
margin-left: 1.9rem;
margin-top: -4%;
}

nav ul li:hover{
background-color: coral;
color: #000;
font-weight: bold;
font-size: 1.2rem;
}

.section{
width: 80%;
margin: auto;
overflow: hidden;
margin-top: 4%;
}
.section h1{
color: #fff;
line-height: 50px;
}

.section p{
color: gray;
}

.btn-1{
background-color: orangered;
padding: 0.7rem 1rem;
color: #fff;
border: none;
border-radius: 10px;
}

.features{
margin-top: 4%;
margin-bottom: 2%;
}

.features button{
padding: 0.7rem 2rem;
margin-right: 2rem;
font-size: 1.2rem;
opacity: 0.7;
}

showcase h1{
margin-top: 5%;
margin-bottom: 5%;
text-align: center;
}

#courses{
display: flex;
justify-content: space-around;
text-align: center;
}

#courses img{
width: 200px;
border-radius: 10px;
border: 2px solid #000;
margin: auto;
}

.apply{
margin-top: 4%;
background-color: orangered;
padding: 0.7rem 1rem;
color: #fff;
border: none;
border-radius: 10px;
}

footer{
 background-color: #333;
color: #fff;
text-align: center;
padding: 1.2rem;
margin-top: 4%;
}

/*THE END*/