html {
	font-family: "Comic Sans MS", "Comic Sans";
  background-color:#113B46;
  background:url('https://dewlapine.neocities.org/img/mariomakerbg2.png');
  background-blend-mode:multiply;
}


body {
	font-size: 14px;
  width:auto;
}

.mainbox {
  display:flex;
  flex-flow: row wrap;
  
}

.aboutbox {
  background-color:#FFFBF0;
  width:80rem;
  max-width:80rem;
  margin:0.45rem;
  padding:0.45rem;
  flex: 1;
}

.navbox {
  display:flex;
  flex: 2;
  align-items: start;
  text-align: left;
  max-width:10rem;
  height:15rem;
	font-size: 14px;
	font-variant-caps: small-caps;
	font-weight: 800;
  margin:0.45rem;
  padding:0.15rem;
  line-height:1.75rem;
  background-color:#FFFBF0;
  
}
li {
  list-style: url('https://dewlapine.neocities.org/img/bundotb2.png');
  list-style-position: outside;
  margin:0;
  padding:0;
  vertical-align: top;
}

h1 {
	font-family: "SylexiadSansMedium-Bold", sans-serif;
	font-variant-caps: small-caps;
	font-weight: 800;
	font-size: 50px;
	letter-spacing:0.17rem;
  line-height:1.5rem;
  text-indent:2rem;
	font-weight: normal;
	text-align:left;
	color:#FFFBF0;
	text-shadow:3px 3px 0 #113B46;
}

hr {
	border: none;
	border-top: 1px solid #C1BCAF;
  padding: 8px 0 -2px 0;
  margin:auto;
  width:1250px;
}

p {
  margin:0.55rem;
}

.tidbitsbox {
  display:flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
	font-size: 16px;
  width:100%;
  margin:0.15rem;
  image-rendering: smooth;
  overflow: hidden;
  padding-bottom:5px;
}

.tidbits {
  min-width:4rem;
  height:1.8rem;
  margin:0.15rem;
  text-align:center;
}

.tidbits pt {
  line-height:1.8rem;
  padding: 0 0.5rem 0 0.5rem;
  vertical-align: middle;
}

#tb1 {background-color:#EB9225;}
#tb2 {background-color:#79BC3B;}
#tb3 {background-color:#39AF87;}
#tb4 {background-color:#328BB0;}


  
#pxl {
  border:0;
  width:51px;
  image-rendering: pixelated;
  }

.favgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: 8px;
  width:98%;
}
   
        
.div1, .div2, .div3 {
  font-family: "SylexiadSansMedium-Bold", sans-serif;
	font-variant-caps: small-caps;
	font-weight: 800;
	font-size: 20px;
  text-align:center;
}      












.vapdrip {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.vapdrip img {
  width:320px;
	image-rendering: smooth;
}