static/style.css (view raw)
1html,
2body {
3 background: #021012;
4}
5
6.container {
7 position: absolute;
8 overflow: hidden;
9 top: 0;
10 bottom: 0;
11 left: 0;
12 right: 0;
13 color: white;
14 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
15
16 -webkit-animation: fadein 3s;
17 -moz-animation: fadein 3s;
18 -ms-animation: fadein 3s;
19 -o-animation: fadein 3s;
20 animation: fadein 3s;
21}
22
23@keyframes fadein {
24 from { opacity: 0; }
25 to { opacity: 1; }
26}
27
28@-moz-keyframes fadein {
29 from { opacity: 0; }
30 to { opacity: 1; }
31}
32
33@-webkit-keyframes fadein {
34 from { opacity: 0; }
35 to { opacity: 1; }
36}
37
38.introduction {
39 position: absolute;
40 top: 50%;
41 transform: translateY(-50%);
42 width: 100%;
43}
44
45.logo {
46 width: 220px;
47}
48
49.footer {
50 color: gray;
51 bottom: 20px;
52 font-size: 14px;
53 position: absolute;
54 width: 100%;
55 text-align: center;
56 margin-bottom: 20px;
57}
58
59.footer a {
60 color: #888;
61 margin: 0;
62 transition: all 200ms;
63 text-decoration: none;
64}
65
66.footer a:hover {
67 color: #021012;
68 background: cyan;
69}
70
71.left {
72 display: inline-block;
73 margin-bottom: 30px;
74 margin-left: 0;
75 margin-right: 30px;
76}
77
78.right {
79 display: inline-block;
80}
81
82.right a {
83 display: inline-block;
84 margin-right: 30px;
85}
86
87.noselect{
88 -webkit-touch-callout:none;
89 -webkit-user-select:none;
90 -khtml-user-select:none;
91 -moz-user-select:none;
92 -ms-user-select:none;
93 user-select:none
94}
95
96@media only screen and (max-width: 40em) {
97 .left {
98 display: block;
99 margin-right: 0;
100 }
101 .right {
102 display: block;
103 }
104 .right a:last-child {
105 margin-right: 0;
106 }
107 .content {
108 left: 15%;
109 width: 70%;
110 }
111
112 .logo {
113 width: 180px;
114 }
115}