body {
    font-family: "Hack", monospace;
    background-image: linear-gradient(90deg, #749, #333);
    background-repeat: repeat;
}
.container {
    max-width: 90%;
    margin: 0 auto; 
    background-color: #333d;
    color: #eec;
    border-radius: 5px;
}
.header{
    background-image: url(pcb-bg.jpg);
    background-repeat: repeat;
    opacity: 80%;
    border-radius: 5px;
}
.header > h1, h2, h3, h4, h5, h6, p {
    padding: 1%;
}
.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
.gallery img {
    margin: 1rem;
    border-radius: 5px;
    border: 1px solid #333d;
    height: 210px;
}
p{
    background-color: #7594;
    margin: 0.05rem;
}
#desc > p{
    display: inline-block;
    clear: left;
}
#desc > img {
    border-radius: 12.5%;
}
.nav{
    display: block;
}

span > a, button{
    background-color: #333d;
    color: #759;
    border-radius: 2px;
    height: 1.5rem;
}
span > a:hover,button:hover {
    background-color: #444d;
    color: #97b;
}
.footer {
    bottom: 1%;
}
li > a {
    text-decoration: none;
    color: #eec;
}
li > a:hover {
    color: #cca;
}



@keyframes funky {
    0% {
        background-image: linear-gradient(90deg, #333, #333);
    }
    25% {
        background-image: linear-gradient(90deg, #333, #749);
    }
    50% {
        background-image: linear-gradient(90deg, #749 ,#333, #749);
    }
    75% {
        background-image: linear-gradient(90deg, #749, #333);
    }
}