@import 'https://kit-pro.fontawesome.com/releases/v5.9.0/css/pro.min.css';
@import 'https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap';

*,
:after,
::before {
	box-sizing: border-box
}

html,
body {
	height: 100%;
	width: 100%;
	margin: 0;
	color: #ffffff;
	background-color: #000000;
	line-height: 1.5;
	font-family: 'Josefin Sans', sans-serif;
	background-image: linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 0.9)) , url("https://64.media.tumblr.com/896b21ac5f8ad4b46cfac9a216b0657a/tumblr_ogqsxoRtme1rldv4go1_1280.gifv");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
}

#particles-js {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 0;
	top: 0;
	left: 0;
}

.center {
	position: static;
	height: 100%;
	width: 100%;
	display: table;
	overflow: hidden;
}

.center2 {
	position: static;
	height: 75%;
	width: 100%;
	display: table;
	overflow: hidden;
}
.left {
	position: static;
	height: 100%;
	width: 50%;
	display: table;
	overflow: hidden;
}

.right {
	position: static;
	height: 100%;
	width: 150%;
	display: table;
	overflow: hidden;
}

.center-content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.button {
	display: inline-block;
	background-color: transparent;
	border: 1px solid rgb(12, 164, 224);
	padding: 10px 15px;
	text-align: center;
	font-size: .9rem;
	font-weight: bold;
	max-width: 300px;
	border-radius: 2px;
	color: #3dcc79;
	margin: auto;
	transition: 0.5s;
	cursor: pointer;
	outline: 0;
	margin: 5px;
}

.button:hover {
	color: #d4e3f3;
	border: 3px solid rgb(36, 36, 36)!important;
	background-color: #000000;
	border-color: #000000
}

img {
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-o-user-select: none !important;
user-select: none !important;
}
.astext {
    background:none;
    border:none;
	cursor: pointer;
	color: white;
	font-family: 'Josefin Sans', sans-serif;
	position: absolute;
}

.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}