@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:wght@400&display=swap');

body {
    background: #d93628;
    color: #9ed15a;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

h1 {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 120px;
    text-align: center;
    color: #9ed15a;
    text-shadow:
        -3px -3px 0 black,
         3px -3px 0 black,
        -3px  3px 0 black,
         3px  3px 0 black;
    transform: skew(-8deg);
    margin-top: 20px;
    margin-bottom: 0;
    letter-spacing: 2px;
}

h2,
h3 {
    color: #9ed15a;
    font-family: 'Bebas Neue', Impact, sans-serif;
    transform: rotate(-1deg);
}

p {
    color: #d8d878;
    margin-left: 14px;
    width: 80%;
}

a {
    color: #7cff7c;
    text-decoration: underline;
}

a:hover {
    color: white;
    background: black;
}

button {
    background: #87bf45;
    border: 3px outset #666;
    padding: 6px;
    font-weight: bold;
    cursor: pointer;
}

button:hover {
    transform: rotate(2deg);
}

.box {
    background: #cf3a2f;
    border: 4px solid black;
    margin: 15px;
    padding: 10px;
    width: 70%;
}

img {
    border: 4px solid black;
    transform: rotate(-2deg);
}

marquee {
    color: yellow;
    font-weight: bold;
}

hr {
    border: 3px dashed black;
}

.footer {
    text-align: center;
    font-size: 12px;
    color: #d8d878;
    margin-top: 60px;
}