@charset "UTF-8";

html {
	font-size: 18px;
	font-family: "Cormorant Garamond", serif;
	font-weight: 500;
	font-style: italic;
}

body {
	background-color: black;
	color: #e6e6fa
}

.frend {
	width: 30%;
	margin: 0 auto;
	font-size: 1.2rem;
}

h1 {
	font-size: 12px;
	color: grey;
	text-align: center;
}

h2 {
	font-size: 30px;
	color: snow;
}

ul {
	line-height: 250%;
}

a {
	text-decoration: none;
}

.sma {
	font-size: 85%;
	color: #e6e6fa
}

@media (max-width: 768px) {
	.frend {
		width: 50%;
		margin: 0 auto;
		font-size: 95%;
	}

	.sma {
		font-size: 80%;
		color: #e6e6fa
	}
}

@media (max-width: 640px) {
	.frend {
		width: 95%;
		color: #e6e6fa
	}

	h2 {
		font-size: 90%;
	}

	.sma {
		font-size: 85%;
		color: #e6e6fa
	}

}