88 lines
1.2 KiB
CSS
88 lines
1.2 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{
|
|
position: fixed;
|
|
width: 10%;
|
|
height: 100%;
|
|
right: 0;
|
|
}
|
|
|
|
|