* {
    margin: 0;
    padding: 0;
}

@font-face {
    src: url(fonts/blue_screen/Blue\ Screen\ Personal\ Use.ttf);
    font-family: bluescreen;
}

body {
    background-color: rgb(0, 0, 0);
}

.map {
    position: relative;
    /* left: 36.5vw; */
    width: 27vw;
    height: 48vh;
    background-image: url(img/home/topographic.jpg);
    animation: bg 600s infinite;
    animation-timing-function: linear;
}

.noise {
    background-image: url(img/home/noise.png);
    animation: bg 540s infinite;
    animation-timing-function: linear;
}

@keyframes bg {
    100% {
        background-position: 4000px 6000px;
    }
}

.wrapper {
    display: grid;
    place-items: center;
}

.mold {
    width: 27vw;
    height: 48vh;
}

.audio {
    size: 0px;
}

.text {
    position: absolute;
    top: 38%;
    background-image: linear-gradient(to right, #EC9682, #E395B9, #8B8DC1, #F9E792, #8EC995);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 300%;
    font-family: bluescreen;
    text-shadow: -4px -4px blanchedalmond;
}

.flexbox {
    align-self: center;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    width: 100vw;
    height: 45vh;
}

.bryce {
    width: 15em;
    padding: 3em;
}
.fl {
    width: 18em;
    padding: 3em;
}

.geometry {
    width: 20em;
}

.games {
    width: 20em;
}

h1 {
    color: rgb(255, 255, 255);
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.wip {
    padding: 3em;
    width: 10em;;
}

a {
    color: aquamarine;
}