@import"https://fonts.googleapis.com/css2?family=Lora&family=Open+Sans&family=Prata";*{margin:0;padding:0;font-size:100%;font-weight:normal;font-style:normal;box-sizing:border-box}:root{--background: #e9e9e9;--on-background: #303030;--type-scale: 90.625%;--type-serif: "Lora", serif;--type-sans: "Open Sans", sans-serif;--type-display: "Prata", serif;--background-content: #ffffff;--palette-pri: #91aa9d;--palette-pri-dark: #749483;--palette-pri-darker: #5d786a;--palette-on-pri: #f9f9f9}html,body{width:100%;height:100%}html{font:var(--type-scale) var(--type-sans);background:#303030;background-size:contain;color:#f9f9f9}body{display:flex;align-items:center;justify-content:center}main{max-width:980px;width:100%;margin:0 auto;background:var(--background-content);color:#303030;box-shadow:0 3px 4px rgba(0,0,0,.5);padding:15px 20px;border-radius:5px}main h1{font:36px/54px var(--type-display);text-transform:uppercase;display:flex;flex-direction:column;align-items:center}main h1 span{font-size:27px;line-height:54px}main h1 em{font-size:72px;line-height:1.25em}main h2{font:10.5px/20px var(--type-display);text-transform:uppercase;text-align:center;letter-spacing:.15em}main h2 q{font-style:italic}main h2 q::before,main h2 q::after{content:none}main hr{height:1px;border:none;border-top:1px dotted rgba(0,0,0,.25);margin:15px auto}main nav{display:flex;flex-direction:column;width:90%;margin:0 auto;background:#f0f0f0;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.2)}main nav a{display:block;text-align:center;line-height:48px;color:var(--palette-pri);font-size:12.5px;text-transform:uppercase;transition:all 125ms linear}main nav a:hover,main nav a:focus{color:var(--palette-on-pri);background:var(--palette-pri-dark);text-decoration:none}main nav a:not(:last-child){border-bottom:1px dotted rgba(0,0,0,.25)}main p{font-size:10.5px;line-height:24px;text-transform:uppercase;letter-spacing:.15em;text-align:center}
