88 lines
1.3 KiB
CSS
88 lines
1.3 KiB
CSS
|
|
|
|
.top-title {
|
|
|
|
padding: 5% !important;
|
|
}
|
|
|
|
.box {
|
|
|
|
|
|
text-align: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
background-color: #36374c;
|
|
padding: 10%;
|
|
color: white;
|
|
border-radius: 15px;
|
|
box-shadow: 2px 2px 5px #36374c ;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
align-items: center
|
|
}
|
|
|
|
.loading {
|
|
|
|
width: 30%;
|
|
height: 30%;
|
|
filter: invert(1)
|
|
|
|
}
|
|
|
|
.loadingRot {
|
|
|
|
-webkit-animation: rotating 1s linear infinite;
|
|
animation: rotating 1s linear infinite;
|
|
text-align: center;
|
|
;
|
|
|
|
}
|
|
|
|
|
|
.loadingSpan {
|
|
|
|
font-size: 20vw;
|
|
}
|
|
|
|
|
|
.infoSpan {
|
|
|
|
color: white;
|
|
font-size: 12px;
|
|
}
|
|
|
|
@-webkit-keyframes rotating {
|
|
from{
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
to{
|
|
-webkit-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.buttonTryAgain {
|
|
|
|
font-family: 'Open Sans', sans-serif !important;
|
|
background-color: transparent;
|
|
border: solid;
|
|
border-radius: 15px;
|
|
padding: 2%;
|
|
border-color: rgb(46, 196, 255);
|
|
color: white;
|
|
transition: all 0.2s ease 0s;
|
|
}
|
|
|
|
.buttonTryAgain:hover {
|
|
|
|
color: black;
|
|
background-color: rgb(46, 196, 255);
|
|
box-shadow: 2px 2px 5px rgb(46, 196, 255);
|
|
}
|
|
|
|
.buttonTryAgain:active {
|
|
|
|
background-color: transparent;
|
|
}
|