@charset "utf-8";
@import url("/img/fonts.css");
html {min-height:105%}
html,body {margin:0;padding:0;background-color:rgba(12,28,44,1.0);font-size:100%}
body {
	min-height:100%;
	color:rgba(204,204,204,1.0);
	font-family:'Gill Sans',sans-serif;
	font-weight:500;
	justify-content:center;
	align-items:center
}
h1, h2, h3 {font-family:'Lucida Sans Unicode','Lucida Grande','Trebuchet MS',sans-serif}
h1 {font-size:190%}
h2 {font-size:150%}
h3 {font-size:120%}
a {text-decoration:none}

h1.title {
	text-align:center;
	position:relative;
	height:20%;
	margin-bottom:0;
	font-family:'BSDOS','DejaVu Serif Bold',serif;
	font-size:2.5rem
}
h1.title span {font-size:1.71rem}
h1.title,h1.title a,foot a {color: rgba(254,207,62,1.0)}
h1.title,h1.title a {text-shadow:2px 2px 2px rgba(64,0,68,1.0)}

.container,.search-input,.search-btn,foot {display:flex}
div.container {
	width:841px;
	height:69%;
	margin:0 auto 7% auto;
	padding:0;
	background-image: url(/favicon.svg);
	background-repeat:no-repeat;
	background-color:transparent;
	background-size:10rem;
	background-position:5.5rem 6.5rem;
	justify-content:center/*;outline:0.12rem solid white*/
}
.search-input,.search-btn {max-width:560px}
.search-input {
	background:#ededed;
	width:90vw;
	margin:10rem auto 0 auto;
	line-height:3rem;
	align-items:center;
	font-size:1.125rem;
	font-weight:400;
	text-indent:1.25rem;
	border:0.125rem solid #6E97BF;
	border-radius:5rem
}
.search-input:focus,.search-input:active {border-color:#9EC66B}
textarea:focus,input:focus {outline:none}
.search-btn {
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center
}
.search-btn .btn {
	color:#fffefe;
	line-height:2.7rem;
	font-size:1.1rem;
	padding:0 0.80rem;
	margin:0.85rem 0.80rem 0 0;
	background-color:#441F5C;
	border:0.125rem solid transparent;
	border-radius:3rem;
	outline:none;
	cursor:pointer
}
.btn:hover,.btn:active {
	background-color:#6E97BF;
	color:#210C2D;
	border:0.125rem solid #90A8BF/*#9F6CC0*/;
	transition:background-color 1s
}

foot {height:3.3rem;position:relative;width:99%;justify-content:flex-end;color: rgba(110,151,191,1.0)}
foot a:hover {color: rgba(200,199,108,1.0)}
.guest {width:40%;min-width:30.5rem;text-align:left}