Apparently my password needs to be capitals only so I've changed it to LONDONMADRIDROME
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
.joke-box {
background: linear-gradient(135deg, #1e1e1e, #282828);
color: #f5f5f5;
border-left: 5px solid #ffcc00;
padding: 20px;
margin: 20px 0;
border-radius: 10px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
position: relative;
transition: transform 0.3s ease;
}
.joke-box:hover {
transform: scale(1.02);
}
.joke-box::before {
content: "😂";
font-size: 4em;
color: #ffcc00;
position: absolute;
top: -25px;
left: -20px;
opacity: 0.2;
}
.joke-box p {
font-style: italic;
margin: 0;
font-size: 1.2em;
}
.joke-icon {
font-size: 2.5em;
color: #ffcc00;
margin-right: 10px;
}
</style>
<div class="joke-box">
<i class="fas fa-laugh-beam joke-icon"></i>
<p>Apparently my password needs to be capitals only so I've changed it to LONDONMADRIDROME</p>
</div>