@media(max-width: 600px) {
    .grid {
        grid-template-columns: 1fr;


    }
    nav {
        padding: 15px;
        gap: 11px;
    }
    .converter-card {
        padding: 19px;
        margin: 11px;

    }
    .macondo-project {
        font-size: 20px;
        font-weight: 500;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}