*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.whole{
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-style: italic;
    font-weight: bold;
}
.navbar:hover{
    background-color: black;
    color: white;
}
.navbar{
    text-align: center;
    /* border: 2px solid red; */
    height: 13.5vh;
    
}
.left a img{
    width: 15rem;
    cursor: alias;
}
.left{
    float: left;
}
.right{
    float: right;
}
#li1:hover{
    color: white;
    /* border: 2px solid red; */
}
#li2:hover{
    color: papayawhip;
}
#li3:hover{
    color: lightyellow;
}
#li4:hover{
    color: lightgreen;
}
.middle{
    display: inline-block;
    cursor: pointer;
}
.lig{
    display: inline-block;
    padding: 1rem;
    margin-top: .5rem;
}
.right a button{
    border: 2px solid white;
    padding: .4rem;
    border-radius: .5rem;
    background-color: black;
    color: white;
    cursor: help;
    margin-top: 1rem;
}