body, input, div {background-color:black; color:white; font-family:sans-serif; margin:0; padding:0;} /* font-size:4vw; */
span i {color:gray;}
input {border:none; background-color:#303040; color:white;}
#input_container {position:fixed; width:100%;} /* height:9vw*/
#search, #select_liked, #dice, #dice2, #erase {position:fixed;} /*  left:91vw; width:7vw; top:1vw; */
#check, #liked, #zoom, #right, #left, #home, #dice2, #download_pdf {position:fixed; opacity:0.5;} /*  right:0.5vw; width:7vw; top:0.5vw;*/
#list {position:absolute; color:white;} /* top:11vW; width:95%;  */
#check, #liked, #select_liked, #dice, #dice2, #list table tr td span, #zoom, #right, #left, #home, 
	#erase, #download_pdf, .heart, .empty_heart {cursor:pointer;}
#page1, #page2 {display:none; position:absolute;}
#partoche, #partoche2, #partochec, #partochec2 {position:absolute; background-color:white;}
.heart {background-image:url("heart24.png"); background-size: cover;}
.empty_heart {background-image:url("empty_heart24.png"); background-size: cover;}
#position {color:#25b7d3; opacity:0.8; position:fixed; bottom:0; left:0; background:none;}
@-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);}
}
.rotating {
-webkit-animation: rotation 0.5s;
-webkit-animation-iteration-count: infinite; 
}