body {
    background-color: black;
}

.titulo {
  font-family: 'Anton', sans-serif;
  color: rgb(255, 255, 255);
  font-size: 320px;
  text-align: center;
  z-index: 9999;
  position: fixed;
  width: 100vw;
}

.titulo:hover {
    color: red;
}

a {
    text-decoration: none;
}

body{
margin:0;
}

#collage{
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;

display:grid;
grid-template-columns:repeat(30,1fr);
grid-auto-rows:4vh;

z-index:-1;
pointer-events:none;
}

#collage img{
width:100%;
height:100%;
object-fit:cover;
}

#collage{
position:fixed;
top:0;
left:0;

width:120vw;
height:120vh;

display:grid;
grid-template-columns:repeat(30,1fr);
grid-auto-rows:4vh;

z-index:-1;

animation:mover 2s linear infinite;
}

#collage {
animation: flotar 8s ease-in-out infinite;
}

@keyframes flotar {
0% { transform: translateY(0); }
50% { transform: translateY(-40px); }
100% { transform: translateY(0); }
}

.dino1{
    width: 13vw;
    height: auto;
    position: fixed;
    bottom: 43vw;
    left: 0vw;
    animation: mover 8s linear infinite;
    z-index: -1;
}

@keyframes mover {
    0% {
        left: -15vw;
    }

    50% {
        left: 100vw;
    }

    100% {
        left: 0;
    }
}

.minion1{
    cursor: pointer;
}

.gato1{
    width: 18vw;
    height: auto;
    position: fixed;
    bottom: 29vw;
    left: 79vw;
    z-index: -1;
}

.alien1{
    width: 18vw;
    height: auto;
    position: fixed;
    bottom: -3vw;
    left: 59vw;
    z-index: -1;
}

.cara1{
    width: 12vw;
    height: auto;
    position: fixed;
    bottom: 1vw;
    left: 29vw;
    z-index: -1;
}