@font-face {
	font-family: 'Cozette';
	src: url('../assets/fonts/CozetteVector/CozetteVector.ttf') format('truetype');
}

* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	font-family: 'Cozette';
	font-size: x-large;
}

html, body {
	height: 100%;
}

body {
	background-color: #202020;
	color: white;
}

a {
	color: #ad7690;
}

main {
	text-align: center;
}

.box {
	border: solid 1px #808080;
	padding: 15px 30px;
	margin: 20px 50px 0px 50px;
}

.links {
	text-align: center;
}

.container {
	display: flex;
	flex-direction: column;
}

.home {
	line-height: 50px;
}

.website {
	margin: 50px 0px; 
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.rotating {
-webkit-animation: rotating 5s linear infinite;
-moz-animation: rotating 5s linear infinite;
-ms-animation: rotating 5s linear infinite;
-o-animation: rotating 5s linear infinite;
animation: rotating 5s linear infinite;
}

.smile {
	text-align: end;
	margin: 30px 50px;
	color: rgb(142, 195, 63);
}