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