@font-face {
	font-family: 'Practice-font'; 
	src: url( fonts/Practice-font-Mono.otf); 
}
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.hero {
    top: 1;
    font-family: 'Practice-font';
    background: url('https://via.placeholder.com/1200x400') no-repeat center center/cover;
    background-image:url('images/d60ccecda01036bec4a0d3d0cf59fb9e.jpg');
    background-repeat:repeat;
    color: #86c232;
    text-align: center;
    padding: 200px 20px;
}

.hero h2 {
    top: 2;
    font-size: 48px;
    margin: 0;
}

.hero p {
    font-size: 24px;
    margin: 20px 0;
}

.btn {
    background-color: #86c232;
    color: #000000;
    margin: 20;
    padding: 5px 30px;
    text-decoration: none;
    font-size: 21px;
    border-radius: 50px;
}

.btn:hover {
    background-color: #61892f;
    transition: 0.1s linear;
}

.features {
    display: flex;
    justify-content: space-around;
    padding: 50px 20px;
    background-color: #222629;
}

.feature {
    text-align: center;
    max-width: 300px;
}

.feature h3 {
    font-size: 24px;
    margin: 20px 0;
}

.feature p {
    margin-top: 30px;
    font-size: 16px;
    color: #86c232;
    font-family: 'Practice-font';
}