templates/security/login.html.twig line 1
Connexion MLC APP
body {
font-family: 'Inter', sans-serif;
background-color: #0A2B4C;
color: #f8f9fa;
margin: 0;
position: relative;
overflow: hidden;
}
.ants-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
pointer-events: none;
}
.ants-background svg {
width: 200px; /* Taille augmentée */
height: auto;
position: absolute;
animation: float 20s ease-in-out infinite;
}
@keyframes float {
0% { transform: translate(0, 0); }
50% { transform: translate(40px, -50px); }
100% { transform: translate(0, 0); }
}
.login-container {
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 1;
}
.login-card {
background-color: #fff;
padding: 3rem;
border-radius: 0.75rem;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.login-card label,
.login-card h2,
.login-card .text-muted {
color: #343a40;
}
.btn-yellow {
background-color: #FFC107;
border-color: #FFC107;
color: #212529;
}
.btn-yellow:hover {
background-color: #e0a800;
border-color: #e0a800;
}
.ant-body { fill: #f4d03f; stroke: #c39c1c; stroke-width: 2; }
.ant-leg, .ant-antenna { stroke: #c39c1c; stroke-width: 8; stroke-linecap: round; fill: none; }
{% for i in 1..20 %}
{% endfor %}
 }})
Connexion à MLC APP
{% if error %}
{{ error.messageKey|trans(error.messageData, 'security') }}
{% endif %}