Spaces:
Build error
Build error
| @-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%; | |
| } | |