1@font-face {
  2	font-family: Inter;
  3	src: url('fonts/Inter-Regular.woff2');
  4	font-size: 13px;
  5}
  6
  7html,
  8body {
  9	font-family: Inter, sans-serif;
 10	background: #021012;
 11}
 12
 13.container {
 14	position: absolute;
 15	overflow: hidden;
 16	top: 0;
 17	bottom: 0;
 18	left: 0;
 19	right: 0;
 20	color: white;
 21
 22	-webkit-animation: fadein 3s;
 23	   -moz-animation: fadein 3s;
 24	    -ms-animation: fadein 3s;
 25	     -o-animation: fadein 3s;
 26	        animation: fadein 3s;
 27}
 28
 29.container-text {
 30	position: absolute;
 31  overflow: hidden;
 32	top: 0;
 33	bottom: 0;
 34	left: 0;
 35	right: 0;
 36	color: white;
 37
 38	-webkit-animation: fadein 3s;
 39	   -moz-animation: fadein 3s;
 40	    -ms-animation: fadein 3s;
 41	     -o-animation: fadein 3s;
 42	        animation: fadein 3s;
 43}
 44
 45@keyframes fadein {
 46	from { opacity: 0; }
 47	to   { opacity: 1; }
 48}
 49
 50@-moz-keyframes fadein {
 51	from { opacity: 0; }
 52	to   { opacity: 1; }
 53}
 54
 55@-webkit-keyframes fadein {
 56	from { opacity: 0; }
 57	to   { opacity: 1; }
 58}
 59
 60.introduction {
 61	position: absolute;
 62	top: 50%;
 63	transform: translateY(-50%);
 64	width: 100%;
 65}
 66
 67.content {
 68	position: absolute;
 69  font-size: 17px;
 70  top: 50%;
 71  left: 30%;
 72  right: 30%;
 73  width: 40%;
 74  line-height: 170%;
 75	transform: translateY(-50%);
 76}
 77
 78.logo {
 79	width: 220px;
 80}
 81
 82.footer {
 83	color: gray;
 84	bottom: 20px;
 85	position: absolute;
 86	width: 100%;
 87	text-align: center;
 88	margin-bottom: 20px;
 89}
 90
 91.header {
 92	color: cyan;
 93	top: 20px;
 94	position: absolute;
 95	width: 100%;
 96	text-align: left;
 97	margin: 20px;
 98}
 99
100a {
101	color: gray;
102	margin: 0;
103	transition: all 200ms;
104	text-decoration: none;
105}
106
107a:hover {
108	color: #021012;
109	background: cyan;
110}
111
112.left {
113	display: inline-block;
114	margin-bottom: 30px;
115	margin-left: 0;
116	margin-right: 30px;
117}
118
119.right {
120	display: inline-block;
121}
122
123.right a {
124	display: inline-block;
125	margin-right: 30px;
126}
127
128.noselect{
129  -webkit-touch-callout:none;
130  -webkit-user-select:none;
131  -khtml-user-select:none;
132  -moz-user-select:none;
133  -ms-user-select:none;
134  user-select:none
135}
136
137@media only screen and (max-width: 100em) {
138	.left {
139		display: block;
140		margin-right: 0;
141	}
142	.right {
143		display: block;
144	}
145	.right a:last-child {
146		margin-right: 0;
147	}
148  
149  .container-text {
150    overflow-y: auto;
151  }
152
153	.content {
154    top: 40%;
155		left: 10%;
156    bottom: 3%;
157    font-size: 18px;
158    line-height: 150%;
159		width: 80%;
160	}
161
162  .logo {
163    width: 180px;
164  }
165}