@font-face {
  font-family: 'Minecraftia';
  src: url('font/Minecraftia.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@keyframes splash {
    from {font-size: 16px;}
    to   {font-size: 20px;}
}

* {
    color: rgb(255, 255, 255);
    font-family: 'Minecraftia', sans-serif;
}

.splash {
    display: inline-block;
    transform: rotate(-20deg);
    color: yellow;
    animation: splash 0.4s ease-in 0.4s infinite alternate forwards;
    position: absolute;
    left: 410px;
    top:  35px;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body {
    background-image: url("dirt.png");
    background-size:  81px 81px;

    background-color: #333;
    background-blend-mode: multiply;

    image-rendering: pixelated;
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
}
button {
    background-image: url("stone.png");
    background-size:  inherit;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main-body {
    position: absolute;
    top: 170px;
    width: 50%;
    margin: 0 35%;
}
footer {
    margin: 100px auto;
}
.collage {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 10px auto;
}
.collage img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    margin: 10px;
}


/*
.logo {
    background-image: url("logo.png");
    background-repeat: no-repeat;
}
*/