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-y: auto;
 32	overflow-x: hidden;
 33	top: 0;
 34	bottom: 0;
 35	left: 0;
 36	right: 0;
 37	color: white;
 38
 39	-webkit-animation: fadein 3s;
 40	   -moz-animation: fadein 3s;
 41	    -ms-animation: fadein 3s;
 42	     -o-animation: fadein 3s;
 43	        animation: fadein 3s;
 44}
 45
 46@keyframes fadein {
 47	from { opacity: 0; }
 48	to   { opacity: 1; }
 49}
 50
 51@-moz-keyframes fadein {
 52	from { opacity: 0; }
 53	to   { opacity: 1; }
 54}
 55
 56@-webkit-keyframes fadein {
 57	from { opacity: 0; }
 58	to   { opacity: 1; }
 59}
 60
 61.introduction {
 62	position: absolute;
 63	top: 50%;
 64	transform: translateY(-50%);
 65	width: 100%;
 66}
 67
 68.content {
 69	position: absolute;
 70	font-size: 17px;
 71	top: 10%;
 72  left: 20%;
 73  right: 20%;
 74  width: 60%;
 75  line-height: 170%;
 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: 10%;
155		left: 10%;
156    bottom: 3%;
157    font-size: 18px;
158    line-height: 150%;
159		width: 70%;
160	}
161
162  .logo {
163    width: 180px;
164  }
165}