body {
    background-color: #090502;
    font-family: monospace;
    margin: 0px;
}
h1, h2, h3, p {
    color: #f8f0eb;
}
a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}
.naviframe {
    position: fixed;
    width: 100%;
    height: 60px;
    padding: 0%;
    margin: 0%;
    border: 0px;
}
.navBar {
    display:grid;
    grid-template-columns: 60px 120px 120px 120px;
    width: 100%;
    height: 60px;
    position: fixed;
    top:0;
    left:0;
    background-color: #e9ad86;
}
div.hamburger {
    height: 60px;
}
img.hamburger {
    width: 50px;
    height: 50px;
    margin: 5px;
}
div.navHover {
    width: auto;
    background-color: #9e4811;
    height:60px;
}
div.navHover:hover {
    background-color: #e9ad86;
}
h2.navHover {
    display: block;
    margin-top: auto;
    text-align: center;
}
.contacts {
    width: 100%;
    margin: auto;
    padding: 0px;
    display: grid;
    grid-template-columns: 200px 200px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.contactcard {
    text-align: center;
    background-color: #9e4811;
}
div.contactcard:hover {
    background-color: #e9ad86;
}
.hoverfx:hover {
    background-color: #e9ad86;
}
div.contacts::content {
    height: auto;
}