@font-face{
  font-family: "Fuckin pik font";
  src: url("/resources/pikmin.ttf") format("truetype");
}

body {
    font-family: "Fuckin pik font", sans-serif;
    background-repeat: no-repeat;
    background-attachment: fixed; 
    background-size: 100% 100%;
}

.hover {
    transition: all 14s ease-out;
    transform: scale(1);
    
}

.hover:hover {
    transition: all 4s ease-in;
    transform: scale(3) rotate(900deg);
    filter: drop-shadow(5px 2px 4px #000000);
}

.hoverleft {
    transition: all 14s ease-out;
    transform: scale(1);
    
}

.hoverleft:hover {
    transition: all 4s ease-in;
    transform: scale(3) rotate(-900deg);
    filter: drop-shadow(5px 2px 4px #000000);
}

h1 {
    color: red;
    background-color: yellow;
    font-size: 100px;;
}

h2 {
    font-size: 40px;;
}

.bad {
    background-color: rgba(0, 204, 255, 0.418);
    background-repeat: no-repeat;
    background-attachment: fixed; 


    width: 100%;
    height: 100%;
}