body {
    background-color: #9CFC9C;
    
    border: 1em double #FF7AC1;
    
    color: black;
    
font-size: 120%;

    text-align: left;
    
    font-family: "Share Tech", sans-serif;
    
    padding: 2.5em;
    
    margin: 1em;

    
}
    
    /*    MENU    */
    a:hover {
     background-color: #FFF700;
     color: black;
     text-decoration: underline;
}

/*    Image    */

img {

border: .4em ridge #FF7AC1;
padding: .5em;
}


/*    LOGO Image   */
.logo {
    border: none;
}




.gridHeader {
    display: grid;
    grid-template-columns: 1fr 7fr 4fr;
    /* make the grid-template-columns fr's add up to 12 */
  
    align-items: center;
    background-color: #FF7AC1;
    color: black;
}

img.gridLogo {
    width: 60%;
    justify-self: center;
    border-radius: 50%;
    padding:.8em;
}


.interiorGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: end;
}

.interiorGrid a {
    font-size: 1.25em;
    padding: .5em;
    width: 100%;
    color: #FFFFFF;
}


/*    Links    */

.menu:hover {
  color: black;
}

/*    FLOAT    */

.right {
float: right;
}



 
 .profile {
width: 19%;
padding: 2em;
margin-right: 2em;
float: right;
}

.profile img {
    width:95%;
}