/* responsive css https://www.perplexity.ai/search/6dc15532-ff1c-45e0-a682-8b72e455fac6 */

body {
	font-family: "Filson Soft", Arial, sans-serif;
}

* {
	color: #888;
	font-family: Raleway, Helvetica, Verdana, Arial, sans-serif;
}

html {
	background: white;
	font-size: 14px;
}

body {
	padding: 20px;
}

p {
}

h2 {
	text-align: left;
	font-size: 14pt;
	line-height: 30px;
}

a {
	text-decoration: none;
	color: #faa21a;
}

a:visited {
	color: #faa21a;
}

.outlined {
	height: 200px;
	border: 1px solid #fff;
	margin-bottom: 50px;
}

.container > * {
	background-color: rgba(255, 255, 255, 0.15);
	border: 1px solid #fff;
	border-radius: 2px;
	padding: 20px;
	text-align: left;
}

.container > a:hover {
	background-color: rgba(255, 255, 255, 0.25);
	text-decoration: none;
	transition: background-color ease 0.5s;
}

.link {
	color: #faa21a;
}