@font-face {
  font-family: 'Bookman';
  src: URL('../fonts/QTBookmann.otf') format('opentype');
}
@font-face {
  font-family: 'Noble';
  src: URL('../fonts/AntiqueNobleBold.otf') format('opentype');
}
@font-face {
  font-family: 'Murs';
  src: URL('../fonts/MursGothic-WideDark.woff') format('woff');
}

html{background:#333;color:#ccc}
body{font-family:'Bookman'}
h1,h2,h3,h4,h5,h6{font-family:'Noble'}
h1{font-size:4em;margin:0;color:#ddd}
h1 + p{padding-bottom:2em;border-bottom:3px dotted burlywood;margin:0;text-transform:full-width;font-variant:small-caps}
h2{font-size:3em;text-align:center;font-style:italic}
h3{font-size:2em}
h4{font-size:1.5em}
h2,h3,h4{margin-top:2em}
header,main,footer{width:80ch;max-width:95%;margin:2em auto}
footer{margin:5em auto;text-align:right}
p{line-height:1.2lh}

.h{display:none}
.flex-row{display:flex;flex-direction:row;gap:5em}
.flex-row > * {flex:1 1 0px;text-align:justify}

#about > h2{margin-top:1em}

.grid2x2 {display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:1rem;margin:auto}
.grid-cell{width:calc(100% - 2rem - 8px);padding:1rem;border-radius:10px;background:antiquewhite;color:#343434;border:4px solid burlywood}
.grid-cell h3{margin:0.5em 0}
a.grid-cell{cursor:pointer;text-decoration:none}
a.grid-cell:hover, a.grid-cell:focus{border-color:cyan}
div.hr{width:0;margin:2em auto;font-size:3rem}
div.hr::before{content:'⁂';color:burlywood;display:inline-block;transform:translateX(-50%)}
svg{fill:#5c411d;margin:2em auto;width:75%;display:block}
a:hover svg,a:focus svg{fill:#014441}
#astral-logo text{font-family:'Murs', Arial}
.center{text-align:center}
.email{font-size:2em;background:burlywood;color:#333;transform:rotateZ(-6deg);padding:5px 10px;display:inline-block;margin:2em auto;box-shadow:-7px 7px 2px bisque}
big{font-size:2em}
.party::before,.party::after{content:'🎉';margin:0 1ch}

@media screen and (max-width: 850px) {
	.grid2x2{grid-template-columns:1fr}
	big{font-size:1.5em;margin-top:2em}
	.email{font-size:1.3em}
	header{text-align:center}
	h2, h3, h4{text-align:center}
}