@import url('https://fonts.upset.dev/css2?family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&display=swap');

body {width: 80vw; margin: 1em auto; font-size: 12pt; font-family: Libre Baskerville; line-height: 1.5; background-color: #f9fdff; color: #2b2118;}
header, footer {text-align: center;}
footer {margin-top: 2em; font-size: .75em; font-style: italic;}
a:link, a:visited {}
a:active, a:hover {}


/* MENU */
nav {}
nav ul {text-indent: 0; padding: 0; display: flex; justify-content: space-evenly; align-items: flex-start;}
nav ul li {text-indent: 0; list-style-type: none; padding: .2em 1em; width: 10vw; display: inline; background: #c2ae92;}
nav a {color: #574429;}

/* CONTENT */
main {display: flex; flex-flow: row wrap; justify-content: space-evenly; align-items: stretch; gap: 1em;}
section.intro {width: 100%; padding: 2em;}
section.cat {width: 20vw; padding: 1em;}
#books {background-color: #ffc0cb;}
#crafts {background-color: #efa987;}
#screen {background-color: #ffd895;}
#other {background-color: #9fcb89;}	
#games {background-color: #95cff1;}
#personal {background-color: #c0a7fd;}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {margin: 0;}
h1 {font-size: 400%; display: inline;}
h2 {font-size: 250%;}

/* SPECIAL */
.poly {
  background: linear-gradient(to right, #ffc0cb, #efa987, #ffd895, #9fcb89, #65e7d2, #95cff1, #c0a7fd, #ffc0cb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }

blockquote.splash { 
  max-width: 800px;
  font-size: 12pt;
  margin: 5em auto;
}

a.splash {display: block; text-align: center; margin: auto; color: #45c7b2; font-size: 16pt;}

.byline {
  text-align: right;
  }