@-webkit-keyframes winAnim { from { text-shadow:0px 0px 15px rgb(250,150,0,0); font-size:25px;} to { text-shadow:0px 0px 15px rgb(250,150,0,0.75); font-size:30px;} } @keyframes winAnim { from { text-shadow:0px 0px 15px rgb(250,150,0,0); font-size:25px;} to { text-shadow:0px 0px 15px rgb(250,150,0,0.75); font-size:30px;} } #test{ font-weight:bold; } @-webkit-keyframes prediction { from { opacity:0;} to { opacity:1;} } @keyframes prediction { from { opacity:0;} to { opacity:1;} } div#prediction{ display:block; width:45vw; height:100%; text-align:center; margin-top:100px; margin-left:auto; margin-right: auto; } div#prediction p:not(#win){ font-size:25px; display:inline-block; margin:auto; position:relative; top:48%; position-anchor: 50% 50%; text-align:center; transform: translate(0, -50%); -webkit-animation: prediction 0.25s; animation: prediction 0.25s; } div#prediction p#win{ font-weight:bold; -webkit-animation: winAnim 0.5s; animation: winAnim 0.5s; font-size:30px; text-shadow:0px 0px 15px rgb(250,150,0,0.75); } div#prediction p#infos{ font-weight:bold; -webkit-animation: winAnim 0.5s; animation: winAnim 0.5s; font-size:30px; text-shadow:0px 0px 15px rgb(250,150,0,0.75); } span{ font-weight:bold; color:rgb(250,150,0); } h1{ display:block; font-size:30px; font-weight:bold; width:100%; text-align:center; margin-bottom:15px; } @-webkit-keyframes loading { from { color:rgb(250,150,0,0.25);} to { color:rgb(250,150,0,1);} } @keyframes loading { from { color:rgb(250,150,0,0.25);} to { color:rgb(250,150,0,1);} } h1#loading{ margin-bottom:15px; display:block; width:100%; vertical-align: center; text-align: center; font-size:30px; font-weight:bold; -webkit-animation: loading 10s; animation: loading 10s; color:rgb(250,150,0,1); } @-webkit-keyframes processing { from { opacity:1;} to { opacity:0;} } @keyframes processing { from { opacity:1;} to { opacity:0;} } p#processing{ -webkit-animation: loading 3s; animation: loading 3s; color:rgb(250,150,0); font-weight:bold; font-size:50px; display:block; margin:auto; text-align:center; width:100%; }