@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Tenor+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

/* rule resets */
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;

	font-family: "Tenor Sans", sans-serif;
	line-height: 1.5;
}

:root {
	--sentry_grey: #4d4d4d;
	--sentry_orange: #ff8e38;
	--border_grey: #aaa;
	--background_grey: #d1d1d1;
	--default_article_padding: max(4%, 2rem) max(6%, calc(calc(100vw - 100rem) / 2));
	--default_header_padding-top: max(6%, calc(calc(100vw - 100rem) / 2));
}

.hidden {
	display: none !important;
}

title { display: none; }

a {
	color: var(--sentry_orange);
	font-weight: bold;
	&:hover {
		color: var(--sentry_grey);
	}
}

img{
	max-width: 100%;
	display: block;
}

ul, ol { list-style: none; }

body>main>*, body>footer {
	h1, h2, h3, h4, h5, h6
	{ font-family: "Montserrat", sans-serif; }

	h1 { font-size: 2.5rem; }

	h2 { font-size: 2rem; }
}