@import url('https://api.fontshare.com/css?f[]=bebas-neue&display=swap');

* {
	margin: 0;
	padding: 0;
}


body {
  color: #fefefe;
  font: 16px/32px "Bebas Neue", sans-serif;
  text-shadow: 2px 2px 2px #000000;
  background-color: #1a1a1a;
}

h1 {
line-height: 7rem;
margin-left: -5px;
float: left;
display: block;
clear: none;
font-size: 8rem;
}

h2 {
font-size: 4rem;
margin-left: -0.1rem;
line-height: 4rem;
float: left;
display: block;
clear: both;
margin-bottom: 20px;
}

p {
	display: block;
	float: left;
	clear: both;
	max-width: 1400px;
	line-height: 2.8rem;
	margin-bottom: 20px;
	font-size: 2rem;
}


.copyright {
	bottom: 0;
		background-color: #1a1a1a;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	position: fixed;
	clear: both;
}
.copyright p {
	font-size: 1rem;
		max-width: 60%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	float: none;
}

span.avail {
	padding: 8px 16px 5px;
	text-shadow: 0 0 0;
	position: relative;
	border-radius: 16px;
	color: #9ffe35;
	border: 2px solid #9ffe35;
}

span.availnone {
	padding: 8px 16px 5px;
	text-shadow: 0 0 0;
	position: relative;
	border-radius: 16px;
	color: #de3827;
	border: 2px solid #fb5241;
}

a {   color: #e1f0f5;
	
	height: auto;
	text-shadow: none;
	text-decoration-color: #e1f0f5;
  text-decoration-thickness: 0.15rem;
  text-underline-offset: 8px;
}
a:hover, a:active, a:focus {
	text-decoration: none ;
	color: #93e3fe;
	text-shadow: 0px 0px #151f29, -1px -1px #151f29;
}

.container {
	max-width: 60%;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	padding-top: 10%;
}
.container h2 span.cursor {
  display: inline-block;
  background-color: #fefef6;
  margin-left: 0.1rem;
  width: 4px;
  animation: blink 2s infinite;
}
.container h1 span.cursor.typing {
  animation: none;
}

span.typed-text {

}
@keyframes blink {
  0%  { background-color: #fefef; }
  49% { background-color: #fefef; }
  50% { background-color: transparent; }
  99% { background-color: transparent; }
  100%  { background-color: #fefef }
}

@media screen and (max-width: 960px) {
h1 {
font-size: 6rem;
line-height: 6rem;
margin-left: 0px;
float: left;
display: block;
clear: none;
}

h2 {
font-size: 3rem;
margin-left: 0rem;
line-height: 3rem;
float: left;
display: block;
clear: both;
margin-bottom: 30px;
}

.container {
	max-width: 90%;
}
}


@media screen and (max-width: 600px) {
	
	body {
  font: 14px/28px "Bebas Neue", sans-serif;
}

.container {
	max-width: 94%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: auto;
	height: 100vh;
	padding-top: 20%;
}

.copyright p {
	max-width: 94%;
	line-height: 1rem;
	font-size: 1rem;
}

h1 {
font-size: 4rem;
line-height: 4rem;
margin-left: 0px;
float: left;
display: block;
clear: none;
}

h2 {
font-size: 2rem;
margin-left: 0rem;
line-height: 2rem;
float: left;
display: block;
clear: both;
margin-bottom: 40px;
}



p {
	display: block;
	float: left;
	clear: both;
	line-height: 2.1rem;
	margin-bottom: 40px;
	font-size: 1.6rem;
}

a { 
  text-decoration-thickness: 0.15rem;
  text-underline-offset: 3px;
}

	
	}