img {
    border:; .5em inset #34f989;
    transition: .3s;
}
img:hover {
    border: .9em ridge #34f989;
}
body {
    background-color:black   ;
    color: #FFFFFF;
    border: 1em ridge #34f989;
    padding: 1.2em;
}

h1{
    font-family: "Arimo", sans-serif;
}
h2 {
    font-family: "Arimo", sans-serif;
}

p {
  font-family: "Arimo", sans-serif;  
}

/* LINKS */ 
a {
  color:#1937A3;  
   font-family: "Arimo", sans-serif;
   text-decoration: none;
   padding: 0.5em;
   transition: 0.4s;
  
}

a:hover{
    text-decoration: underline;
    background-color: #2fc26e;
    color:black ;
     border-radius:3px ;
}

* {
  border-sizing: border-box;
  margin: 0;
  padding: 0;
}

nav {
  display: flex;
  height: 6em; /* Define a fixed height for the nav */
  
  background-color: #333;
  align-items: stretch; /* Forces children to take full container height */
  
  justify-content: center;
  background-color:#34f989;

}

/*MENU BAR*/        

.nav-link {
  display: flex;
  align-items: center; /* Centers text vertically within the nav */
  
  padding: 0 3em; /* Adjust the second number to add more spacing between the menu items */
  
  color: white;
  text-decoration: none;
  font-size: 1.4em;
  transition: background-color 0.3s;
}

.nav-link:hover {
  background-color: #455d7a; 
}

.logo {
  display: flex;
  align-items: center;
  border: none;
  border-radius: 50%;
}

.logo img {
  height: 5em; 
  width: 5em;
  /* match the logo size to the nav height */
}

.home {
  display: flex;
  align-items: center;  
  height: 5em; 
  width: 5em;
   padding: 1em;
}

.getinvolved {
   display: flex;
  align-items: center;  
  height: 5em; 
  width: 5em; 
  padding: 1em;
}

.learn {
   display: flex;
  align-items: center;  
  height: 5em; 
  width: 5em; 
   padding: 1em;
}
 
 .logo :hover {
     border: none;
 }
 
 
 
 /*FLOAT IMAGE TO THE RIGHT*/
 .FloatRight {
     float: right;
     width: 30%;
     padding-left: 2em;
     padding-bottom: 1em;
 }
 
 .FloatRight img {
     width: 80%;
 }
 
 
 .COPY {
     color:black ; 
 }