body{

font-family:Arial,sans-serif;

background:#f2f7f2;

transition:.3s;

}


.hero{

height:80vh;

background:

linear-gradient(

rgba(0,80,0,.6),

rgba(0,0,0,.6)

),

url("../images/forest.jpg");

background-size:cover;

background-position:center;

display:flex;

align-items:center;

color:white;

}


.hero h1{

font-size:60px;

font-weight:bold;

}


.card{

border-radius:20px;

transition:.3s;

}


.card:hover{

transform:translateY(-10px);

box-shadow:0 10px 25px #999;

}


img{

max-width:100%;

}



.btn-success{

background:#2e7d32;

border:none;

}


.dark{

background:#121212;

color:white;

}


@media(max-width:768px){

.hero h1{

font-size:35px;

}

}