@import url('https://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope|Carrois+Gothic');

body {
	color: #000;
	background: #fff;
	margin: 0;
	padding: 0;
	font-family: "Carrois Gothic";
}

.container {
	display: flex;
  	align-items: center;
  	justify-content: center;
  	height: 90vh;
  	overflow: hidden;
}

.logo {
	font-family: "Annie Use Your Telescope";
	font-size: 8.5rem;
	margin: 0;
}

.logo span {
	display: block;
	font-size: 3rem;
	border-top: 1px solid;
	margin: 0;
}

.web {
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(web.svg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 40vh;
	height: 50vh;
	width: 100%;
}

.web .credits {
	position: absolute;
	bottom: 1rem;
	right: 1.3rem;
	text-align: right;
	font-size: 1rem;
}

.web .credits a {
	text-decoration: none;
	color: #222;
}

.web .credits a:hover {
	color: #fff;
	background-color: #222;
}

@media only screen and (max-width: 420px)  {
	.web {
		background-size: 20vh;
	}

	.web .credits {
		bottom: 0.3rem;
		right: 0.6rem;
		font-size: 0.8rem;
	}
}