@import url('https://fonts.olejka.pw/Ubuntu.css'); /* Default font */
@import url('https://fonts.olejka.pw/Comfortaa.css'); /* Paragraphs on header and footer */
@import url('https://fonts.olejka.pw/Fredoka-One.css'); /* English h1-h5 on some pages */


:root {
  --first-color: #0a0a00;
  --second-color:#fefefe;
  --link-color:  #3bdeff;
}

html, body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	background-color: var(--first-color);
	color: var(--second-color);
	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
	box-sizing: border-box;
	scroll-behavior: smooth;
	transition: .3s;
}


a {
  color: var(--second-color);
  transition: .3s;
}

a:hover {
  color: var(--link-color);
  transition: .0s;
}

p {
  transition: .3s;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Comfortaa';
	margin: 0;
}

footer p, header p{
	font-family: 'Comfortaa';
}

main {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

footer {
	color: var(--second-color);
	color: #fefefe;
	font-size: 13px;
	position: fixed;
  bottom: 0;
  left: 0;
	text-align: center;
}

footer p {
	margin: 0;
}

.btn {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	background: var(--second-color);
	color: var(--first-color);
	border: solid 1px var(--second-color);
	border-radius: 5px;
	transition: .3s;
}

.btn:hover {
	background: rgba(255, 255, 255, 0);
	border: dashed 1px var(--second-color);
	color: var(--second-color);
}