/* file: public_html/files/css/main.css */
body { 
    background-color: #F4F1E1; 
    font-family: sans-serif; 
}
.neo-border { border: 2px solid black; }
.neo-shadow { box-shadow: 4px 4px 0 0 rgba(0,0,0,1); }
.neo-shadow-hover { transition: all 0.2s; }
.neo-shadow-hover:hover { 
    box-shadow: 2px 2px 0 0 rgba(0,0,0,1); 
    transform: translate(2px, 2px); 
}
.neo-card { background-color: #EAE4D3; }

/* Smooth Fade In Animation */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade { animation: fadeIn 0.4s ease-out forwards; }