@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css?family=Orbitron'); */

/* latin */
@font-face {
	font-family: 'Orbitron';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/Orbitron-Regular.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

html {
	position: relative;
	min-height: 100%;
}

body {
	font-family: 'Orbitron', sans-serif;
	color: #333;
	background-color: #fafafa;
	margin-bottom: 50px;
}

.logo {
	width: 85%;
	height: auto;
	display: block;
}

.bio {	
	font-size: 1.3em;
}

.interests {
	list-style: none;
	font-size: 0.7em;
}

.icons {
	color: #666;
	margin-right: 0.5em;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 50px;
	text-align: center;
	font-size: 0.9rem;
}

a:link,
a:visited {
	color: #ffcc33;
	text-decoration: none;
}

a:hover {
	color: #ffcc33;
	text-decoration: underline;
}

a:active {
	color: #ffcc33;
	text-decoration: underline;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	body {
		font-size: 1.4em;
	}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	body {
		font-size: 0.93em;
	}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	body {
		font-size: 1.25em;
	}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	body {
		font-size: 1.5em;
	}
}