@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz@8..144&display=swap');

body{ 
    font-family: 'Roboto Flex', sans-serif;
}
h1{
    font-size:3.5rem;
    color:#245c3b;
    text-transform: uppercase;
}
.logo{
    width:100px;
}
.img-h{
    height: 438px;
}
.img-title{
    text-decoration:none;
    font-size: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    font-weight: bold;
    color:#245c3b;
    background:  radial-gradient(
        circle  farthest-corner at 50% 50%,
        #FFF 50%,
        #FFF 50%,
        transparent,
        transparent
      );
}

.img-title:hover{
    color:#FFF;
    background:  radial-gradient(
        circle  farthest-corner at 50% 50%,
        #245c3b 50%,
        #245c3b 50%,
        transparent,
        transparent
      );
}


a,a:hover {
    text-decoration: none;
    color: #245c3b;
}