#navbar{
    text-align: left;
    font-size: 300%;
    padding-left: 2%;
    position: fixed;
    height: 10%;
    top:0%;
    left:0;
    width: 100%;
    background-color: white;

}
#navbar img{
    position:absolute;
    right: 3%;
    height: 100%;
}
body{
    background-color: #2c3e50;
    font-family: 'Franklin Gothic Medium';
}
.menu{
    position: absolute;
    top: 25%;
    left: 10%;
    width: 80%;
    display:grid;
    gap: 5%;
    grid-template-columns:  30% 30% 30%;
}

.menu img{
    width: 100%;
    border: solid 3pt;
    border-color: #8299b7;
    border-radius: 6%;
}

.menu div img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.menu div:hover img {
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
    border : solid 6pt;
    border-color: #a5b0be;
}