Beautiful Website
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background: linear-gradient(135deg, #e0eafc, #cfdef3);
font-family: ‘Arial’, sans-serif;
margin: 0;
overflow: hidden;
}
.container {
text-align: center;
background: white;
padding: 2rem;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
max-width: 600px;
margin: 1rem;
animation: fadeIn 1s ease-in-out;
}
.fancy-text {
font-size: 2.5rem;
color: #333;
font-weight: bold;
background: linear-gradient(45deg, #ff6b6b, #f94d6a, #f9c74f);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: gradient 5s infinite, slideIn 1s ease-in-out;
}
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes slideIn {
from { transform: translateY(-50px); }
to { transform: translateY(0); }
}
.message {
font-size: 1.2rem;
color: #555;
margin-top: 1rem;
animation: fadeIn 1s ease-in-out;
}
.image-container {
margin-top: 1.5rem;
animation: fadeIn 1s ease-in-out;
}
.image-container img {
width: 100%;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease-in-out;
}
.image-container img:hover {
transform: scale(1.05);
}
.button-container {
margin-top: 1.5rem;
animation: fadeIn 1s ease-in-out;
}
.button-container button {
padding: 0.5rem 1rem;
font-size: 1rem;
color: white;
background-color: #ff6b6b;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.button-container button:hover {
background-color: #f94d6a;
transform: scale(1.05);
}
Breaking news!
Today, we have an interesting observation to share. It appears that Conor, instead of focusing in class, is not paying attention. Let’s hope he gets back on track soon!
Conor is seen sleeping on his desk, dreaming about girls. It’s a reminder that even the most diligent students can sometimes get distracted by their daydreams.
Wake Conor Up
function playSound() {
document.getElementById(‘fart-sound’).play();
}
