/* Logo Container */
.logo-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Logo Image */
.logo-container .logo {
    width: 60px; /* adjust size */
    height: auto;
}

/* Animated Cursive Text */
.logo-container .logo-text {
    font-family: monospace;
    font-size: 28px;
    color: #ffd700;
    position: relative;
    animation: float 2.5s ease-in-out infinite;
}

/* Floating Animation */
@keyframes float {
    0% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
    100% { transform: translateY(0); }
}


/* ---------------- Header ---------------- */
header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 50px;
    background:#4cafab;
    color:#fff;
    position: sticky;
    top:0;
    z-index: 100;
}
header .logo {
    font-size:28px;
    font-weight:bold;
    letter-spacing:1px;
}
header nav a {
    margin:0 15px;
    color:#fff;
    text-decoration:none;
    font-weight:500;
    transition:0.3s;
}
header nav a:hover {
    color:#ffd700;
}