.button {
  background-color: #007BFF; /* Blue background */
  color: white; /* White text */
  padding: 10px 20px; /* Spacing inside the button */
  text-decoration: none; /* Remove default link underline */
  border-radius: 5px; /* Rounded corners */
  display: inline-block; /* Allows padding and margin */
  cursor: pointer; /* Changes cursor to a hand pointer */
  border: none; /* Removes default button border */
}

.button:hover {
  background-color: #0056b3; /* Darker blue on hover */
}
body {
    background-image: url('https://thatboikeri.neocities.org/42.jpg');
    background-repeat: no-repeat; /* Prevents the image from tiling */
    background-position: center; /* Centers the image */
    background-size: cover; /* Scales the image to cover the entire container */
    margin: 0; /* Removes default body margin */
    height: 100vh; /* Ensures the body fills the full height of the viewport */
}
.tilty {
text-align: center;
font-size:2em;
animation: tilt 1s infinite alternate;
}

@keyframes tilt {
from { transform: rotate(5deg); }
to { transform: rotate(-5deg); }
}

@-webkit-keyframes tilt {
from { transform: rotate(5deg); }
to { transform: rotate(-5deg); }
}
.cool mark { 
font-family: arial;
font-size:2em;
font-weight:bold;
background: none;
color:black;
animation: bruh 2s infinite;
animation-timing-function: cubic-bezier(0.25, 0.85, 0.4, 1);
}

.cool mark:nth-child(1) { animation-delay:0s; display:inline-block;}
.cool mark:nth-child(2) { animation-delay:0.2s; display:inline-block;}
.cool mark:nth-child(3) { animation-delay:0.4s; display:inline-block; }
.cool mark:nth-child(4) { animation-delay:0.6s; display:inline-block;}
.cool mark:nth-child(5) { animation-delay:0.8s; display:inline-block;}
.cool mark:nth-child(6) { animation-delay:1s; display:inline-block;}
.cool mark:nth-child(7) { animation-delay:1.2s; display:inline-block;}
.cool mark:nth-child(8) { animation-delay:1.4s; display:inline-block;}
.cool mark:nth-child(9) { animation-delay:1.6s; display:inline-block;}
.cool mark:nth-child(10) { animation-delay:1.8s; display:inline-block;}

@-webkit-keyframes bruh {
from { transform:scale(0.90); color:black; }
50% { transform:scale(1); color:lightblue; }
to { transform:scale(0.90); color:black; }
}

@keyframes bruh {
from { transform:scale(0.90); color:black; }
50% { transform:scale(1); color:lightblue; }
to { transform:scale(0.90); color:black; }
}