:root { --basicbg: #ecece3; --basiccol: #191918; --basicu: 16px; --footerbg: #191918; --footercol: #ecece3; --pgta: "polis-header"
		"polis-main"
		"polis-aside"
		"polis-footer"; --pmw: 1200px; --phh2b: #d0ceb9; --phta: left; --phh1b: url(../img/polis-logo-black.png) left center no-repeat; --phh1fs: calc(4.209rem / 2); --phh1bs: 40px; --phh1ti: calc(var(--basicu) * 4); --phh2fs: calc(3.157rem / 1.5); --phh3fs: calc(2.369rem / 2); --plifs: 1rem; }

@media (prefers-color-scheme: dark) { :root { --basicbg: #191918; --basiccol: #c1c1af; --footerbg: #ecece3; --footercol: #191918; --phh2b: #272724; --phh1b: url(../img/polis-logo-white.png) left center no-repeat; } }

@media (min-width: 768px) { :root { --pgta: "polis-header polis-header polis-header polis-header polis-header polis-header"
		"polis-main polis-main polis-main polis-main polis-main polis-aside"
		"polis-footer polis-footer polis-footer polis-footer polis-footer polis-footer"; --phh1fs: 4.209rem; --phh2fs: 3.157rem; --phh3fs: 2.369rem; --phh1ti: calc(var(--basicu) * 2); --phh1bs: 60px; --phta: center; } }

@media (min-width: 960px) { :root { --phh1ti: 0; --phh1bs: 100px; } }

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body { height: 100%; }

body { font-family: 'Open Sans', sans-serif; background-color: var(--basicbg); color: var(--basiccol); line-height: 1.5; min-width: 320px; overflow: hidden; overflow-y: scroll; }

ul, li { list-style: none; margin-left: 0; }

a { color: currentColor; }

p, li, a { font-size: var(--plifs); }

h1, h2, h3, h4 { margin-bottom: var(--basicu); font-weight: 100; }

.polis { display: grid; grid-template-areas: var(--pgta); grid-gap: calc(var(--basicu) * 4) calc(var(--basicu) * 2); grid-template-rows: auto 1fr auto; max-width: var(--pmw); margin: 0 auto; padding: 0 calc(var(--basicu) * 2); height: 100%; }

.polis-header { text-align: var(--phta); grid-area: polis-header; width: 100%; }

.polis-header h1 { margin-top: var(--basicu); font-size: var(--phh1fs); background: var(--phh1b); background-size: var(--phh1bs); padding-left: var(--phh1ti); }

.polis-header h2 { display: flex; align-items: center; font-weight: 100; font-size: calc(var(--phh2fs) / 3); }

.polis-main { grid-area: polis-main; }

.polis-main * + * { margin-top: calc(var(--basicu) * 2); }

.polis-main h2 { font-size: var(--phh2fs); line-height: 1; }

.polis-aside { grid-area: polis-aside; }

.polis-aside li + li { margin-top: var(--basicu); }

.polis-aside h3 { font-size: var(--phh3fs); line-height: 1; margin-top: calc(var(--basicu) / 1.5); }

.polis-footer { grid-area: polis-footer; justify-self: center; padding: calc(var(--basicu) * 2); text-align: center; border-top: 1px solid var(--basiccol); padding-top: var(--basicu); --plifs: 0.75rem; }

.polis-footer p a { display: block; }
/*# sourceMappingURL=main.css.map */