mirror of
https://github.com/AlbiYourBestFriend/hackathon2025.git
synced 2025-10-29 14:35:59 +00:00
102 lines
1.8 KiB
CSS
102 lines
1.8 KiB
CSS
@keyframes flicker {
|
|
0%,
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0.9;
|
|
}
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
border: 0;
|
|
background-color: #1d2b53;
|
|
/* filter: sepia(0.5) grayscale(0.3) contrast(1.2); */
|
|
animation: flicker 0.15s infinite;
|
|
}
|
|
|
|
#fond {
|
|
position: fixed;
|
|
background-color: #1d2b53;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin-left: 0;
|
|
margin-top: 0;
|
|
}
|
|
|
|
#teteGif {
|
|
position: fixed;
|
|
margin-left: 22.5%;
|
|
margin-top: -5%;
|
|
width: 55%;
|
|
height: 105%;
|
|
background-image: url("cybergirl_3.gif");
|
|
background-size: 98%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#tete {
|
|
position: fixed;
|
|
border: 0;
|
|
display: none;
|
|
margin-left: 22.5%;
|
|
margin-top: -5%;
|
|
width: 55%;
|
|
height: 105%;
|
|
background-size: 110%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#barreStress {
|
|
position: fixed;
|
|
margin-top: 2%;
|
|
margin-left: 2%;
|
|
width: 300px;
|
|
height: 85px;
|
|
background-image: url("barre/barre1.PNG");
|
|
background-size: 100%;
|
|
}
|
|
|
|
#questionInput {
|
|
/* background-color: #FF77A8; */
|
|
position: fixed;
|
|
width: 50%;
|
|
bottom: 10%;
|
|
margin-left: 25%;
|
|
}
|
|
|
|
#envoyerQuestion {
|
|
background-color: #7E2553;
|
|
position: fixed;
|
|
width: 10%;
|
|
bottom: 5%;
|
|
margin-left: 45%;
|
|
border-radius: 15px;
|
|
}
|
|
|
|
#reponseContainer {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
padding: 10px;
|
|
position: fixed;
|
|
background-color: #FFF1E8;
|
|
opacity: 50%;
|
|
width: 22%;
|
|
height: 50%;
|
|
right: 0;
|
|
bottom: 0;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
#chargement {
|
|
background-image: url('chargement.gif');
|
|
background-size: 100%;
|
|
background-repeat: no-repeat;
|
|
display: none;
|
|
position: fixed;
|
|
width: 10%;
|
|
height: 100%;
|
|
right: 0;
|
|
top: 0;
|
|
border-radius: 10px;
|
|
} |