@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');
@import url(arrow.css);
@import url(navbar.css);

a {
	text-decoration: none;
}

html,
body {
	position: relative;
}

html {
	scroll-padding-top: 95px;
}

nav {
	min-height: 80px;
	background-color: #212121;
}

body {
	color: #fff;
	font-family: 'IBM Plex Mono', monospace;
	background-color: #101010;
	font-size: 18px;
	text-align: center;
	margin: 0;
	padding: 0;
}

#tsparticles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.center {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	z-index: -1;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.center-bottom {
	margin: 0;
	position: absolute;
	top: 87%;
	left: 50%;
	text-align: center;
	z-index: 1;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.center h1,
.center h2 {
	margin: 0px;
}

h1 {
	font-size: 3em;
	font-weight: lighter !important;
}

.center > h2 {
	font-size: 2.5em;
	font-weight: lighter !important;
}

section {
	padding: 10px;
	min-height: 100vh;
	position: relative;
	width: 100%;
}

.user-img {
	max-height: 50%;
}

.text-left {
	text-align: left;
	width: 100%;
}

.text-right {
	text-align: right;
	width: 100%;
}

.icon-img {
	width: 100%;
	object-fit: contain;
}

.nocolor {
	color: inherit;
	text-decoration: none;
}

.nocolor:hover {
	color: #bcbcbc;
}

.bottom-left-container {
	position: fixed;
    bottom: 70px;
    right: 70px;
	rotate: 180deg;
}