/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}
*, *::after, *::before {box-sizing: border-box;}img {max-width: 100%;}
@font-face {font-family:'MulledWineSeason-Medium';src:url(font/MulledWineSeason-Medium.otf)}
@font-face {font-family:'Stanberry';src:url(font/Stanberry.ttf)}
@import url('https://fonts.cdnfonts.com/css/poland-can-into');
/* main */

body {
    color:white;
    background-color:black;
    font-family: 'MS PGothic', sans-serif;
    margin:10px;
    margin-top:0;
}
h1 {
    font-size:80px;
    font-family: 'Poland Can Into', sans-serif;
    margin-top:20px;
    margin-left:10px;
}
.container {
    display:flex;
    flex-direction: column;
    height:calc(100vh - 10px);
    max-width:100%;
    width:800px;
    margin:auto;
}
iframe {
    width:100%;
    border:1px solid white;
    flex: 1;
}
header {
    width:100%;
    text-align: center;
}
nav {
    background:white;
    width:100%;
    padding:10px;
    text-align: center;
}
.intro {
    font-size:30px;
    width:fit-content;
    height:fit-content;
    background:white;
    color:black;
    text-align: center;
    padding:40px;
    position: absolute;
    inset:0;
    bottom:100px;
    margin:auto;
}
nav a {
    text-decoration: none;
    color:white;
    background:black;
    padding:5px;
    font-size:12px;
    position: relative;
    line-height:30px;
}
nav a:not(:last-child) {
    margin-right:22px;
}
nav a:not(:last-child)::after {
    content:"✰";
    display:block;
    position: absolute;
    top:-4px;
    color:black;
    right:-20px;
}
.links-cont {
    width:80%;
    margin:auto;
    margin-top:30px;
    margin-bottom:50px;
}
.links-cont p {
    margin-bottom:2px;
}
.links-cont a {
    color:gray;
}
.links-cont a::before {
    content:">>";
    text-decoration: none;
    display:inline-block;
    margin-right:10px;
    color:silver;
}
h3 {
    text-align: center;
    font-weight:bold;
    font-size:20px;
    border-bottom:1px solid white;
    margin-bottom:15px;
    filter:grayscale();
    letter-spacing: 4px;
}
h4 {
    font-weight:bold;
    font-size:14px;
    border-bottom:1px solid white;
    margin-bottom:10px;
    filter:grayscale();
    padding-left:5px;
    border-left:1px solid white;
    letter-spacing: 2px;
    width:fit-content;
}
h4:not(:first-of-type) {
    margin-top:30px;
}