.font-handwriting {
    font-family: 'Pacifico', cursive;
}

.logo {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 640px) { /* Apply these styles for screens smaller than 640px */
    h1 { /* Smaller font size for the main title on small screens */
        font-size: 3rem; /* Adjust this value as needed */
    }
}