-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
21 lines (20 loc) · 1.27 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
.unload > *{visibility:hidden}
.load {visibility:visible}
label{text-align:center;display:block;margin-bottom:1%;margin-top:2%}
html {background-color:#222222;color:#dddddd;display:table;height:100%;width:100%}
body{height:100%;width:100%}
input{margin:auto;padding:1%;background-color:#181818;color:white;border-color:white;border:2px;border-style:groove;display:block;width:80%}
h1{font-size:32px;text-align:center}
button{border: 2px;border-style:solid;border-color:#dddddd;background-color:#222222;color:#dddddd;margin-top:1%;text-align:center;width:30%;display:block;margin:auto;height:36px;margin-top:3%}
p{width:36%;margin:auto;text-align:center;margin-top:1%}
.main{margin: auto;width: 50%;display:block}
@media all and (max-width: 768px){
.main{width: 75%;}
button{height:50px}
}
py-loader > * {visibility:hidden}
a:link {text-decoration: none;color:#dddddd}
a:visited {text-decoration: none;color:#dddddd}
.centered-container{display:flex;align-items:center;height:100%}
.rotate {margin:auto;display:block;width:300px;height:300px;animation-name: rotation;animation-duration: 0.45s;animation-iteration-count: infinite;animation-direction: normal;animation-timing-function: linear;}
@keyframes rotation {from{transform: rotate(0deg);}to {transform: rotate(359deg);}}