@font-face {
    font-family: 'TarnationSans-Regular';
    src: url('fonts/TarnationSans-Regular.ttf') format("truetype");
    font-style: normal; 
    font-weight: normal;
}

body {
	background-image: 
		linear-gradient(to left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5)),
		url('images/back.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
  	font-family: 'TarnationSans-Regular';
	font-size: 110%;
	color: #e8eaed;
	word-break: break-word;
	width: 95%;
	max-width: 800px;
	margin: auto;
	min-height: 100vh;
} 

@media screen and (max-width: 768px) {
	body{
	text-align: center;
	}
}

@media screen and (min-width: 769px) {
	body {
	text-align: justify;
 }
}

.blur {
	margin-top: 15px;
	margin-bottom: 15px;
	position: relative;
	padding: 10px;
	min-width: 44.5vh;
	border: 1px solid rgba(175,175,223, 0.8);
	border-radius: 6px;
	background-color: rgba(0, 0, 0, .5);
	backdrop-filter: blur(7px);
	box-shadow: 0 0 5px #afafdf, 0 0 5px #afafdf;
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

input {
	display: none;
}

h2:hover {
	color: #bd93f9;
}

a {
	text-decoration: none;
}