:where([class^="ri-"])::before {
    content: "\f3c2";
}

body {
    font-family: 'Arial', sans-serif;
    background-color: #ffffff;
}

.graffiti-text {
    font-family: 'Arial', sans-serif;
    font-weight: 900;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.german-flag-line {
    background: linear-gradient(to right, #000000 33.3%, #FF0000 33.3%, #FF0000 66.6%, #FFCC00 66.6%);
    height: 3px;
}

.drip-hover:hover {
    transform: scale(1.05);
    text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.ink-button {
    position: relative;
    overflow: hidden;
}

.ink-button:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 5px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 10"><path d="M0,0 Q10,10 20,0 Q30,10 40,0 Q50,10 60,0 Q70,10 80,0 Q90,10 100,0 L100,10 L0,10 Z" fill="black"/></svg>');
    background-size: 100% 100%;
}