/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */


* {
	box-sizing: border-box;
}



h1 {
	margin: 0;
}

#profile-items {
	/*border-top: 1px solid #666;*/
	padding: .5em 0 0 0;
	margin: 1.5em 0 0 0;
}

#profile-items :is(h1, h2, h3, h4, h5, h6) {
	text-align: left;
	margin: 0;
}

#profile-items h1 { font-size: 1.2em; }
#profile-items h2 { font-size: 1.2em; }
#profile-items h3 { font-size: 1.2em; }
#profile-items h4 { font-size: 1.1em; }
#profile-items h5 { font-size: 1.1em; }
#profile-items h6 { font-size: 1.1em; }

#profile-picture-container {
	margin: auto;
	color: #555;
	margin-bottom: 1em;
}

#profile-picture {
	border-radius: 0.25em;
	height: 8.7em;
}

#pronouns {
	display: block;
	width: 100%;
	margin: 0 0 1em 0;
	color: #666;
}

#pronouns a:link,
#pronouns a:visited,
#pronouns a:hover,
#pronouns a:active {
	color: #666;
}

#details {
	margin: 1em 0;
}

#location, #occupation, #language, #birthday {
	display: inline-block;
	margin: .5em;
	padding: 0 .5em;
}

#bio {
	text-align: center;
	font-size: 110%;
	line-height: 140%;
}

#footer {
	margin: 0;
	margin-top: 5em;
	color: #555;
	text-align: center;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #555;
	text-decoration: none;
	border: 0;
}

#prami {
	width: 2em;
}

ul {
	text-align: left;
}

li {
	line-height: 170%;
}

a:link,
a:visited {
	color: #000;
	text-decoration-color: #555;
	text-decoration: none;
	border-bottom: 1px dotted #000;
}
a:hover,
a:active {
	color: #000;
	text-decoration-color: #000;
	text-decoration: none;
	border-bottom: 2px solid #000;
}

.logotype {
	color: #f783ac;
	font-family: 'omg.lol';
}

#verification {
	font-size: 80%;
	color: #0089cf;
}

#now {
	margin-top: 2em;
	text-align: left !important;
}

hr {
	border: 0;
	height: 1px;
	background: #333;
	margin: 1.5em 0;
}

@media (max-width: 500px) {
	body {
		font-size: 1em;
		padding: 1em;
	}
	main {
		padding: 1.5em;
	}
}