/* orange hex: ffac32
   green hex: bec000
   brown hex: 4c3a1e
*/

@font-face {
  font-family: 'Apple Garamond';
  src: url(https://memorycafe.neocities.org/fonts/AppleGaramond.ttf); 
}

@font-face {
  font-family: 'Doto';
  src:url(https://memorycafe.neocities.org/fonts/Doto-VariableFont_ROND,wght.ttf)
}

body {
  height:100%;
  background-image:url('https://memorycafe.neocities.org/backgrounds/tinysquaregreen.gif');
  font-family:'Apple Garamond'; 
  font-size:18px; 
  color: #40392e;
}

#header {
  position:relative; 
  height:145px;
  width:100%; 
  background-image: url('https://memorycafe.neocities.org/backgrounds/tinydottedorange.gif');
  background-repeat:;
  background-position:;
  background-size:;
  line-height:80px;
  text-align:center;
  font-family: 'Apple Garamond';
  font-size:60px;
  color:#fff;
}

#title {
  font-family:'Doto';
  font-weight:bold;
  -webkit-text-stroke: ;
  paint-order:stroke fill;
}

#nav {
  letter-spacing:0px;
  position:relative; 
  top:-30px;
}

#box {
  margin:0 auto; 
  margin-top:50px; 
  width:800px;
  padding:15px;
  background-color:#fff;
  line-height:22px;
  height:100%;
}

#main {
  position:relative;
  width:556px;
}

#main-one-column {
  position:relative;
  width:100%;
}

#side {
  position:relative;
  float:right;
  width:230px;
}

#side-scrolly{
  overflow: scroll;
  scrollbar-color:#4c3a1e;
  scrollbar-width: thin;
  text-align:left;
  border: dashed #ffac32 1px;
  padding:5px;
  font-size:14px;
  line-height:1.2;
}

#foot {
  clear:both;
  margin-bottom:-10px;
  text-align:center;
  font-family:'Doto';
  padding-top:15px;
}

p {
  font-size:inherit;
  
}

h1 {
  display:block;
  border-right: 0px solid #000;
  font-family:'Doto';
  font-size:18px;
  font-style:italic;
  line-height:22px;
  font-weight:bold;
  background-image:url('https://memorycafe.neocities.org/backgrounds/tinydottedbrown.gif');
  letter-spacing:0px;
  padding:2px;
  padding-left:6px;
  color:#fff;
}

h2 {
  display:inline;
  font-size:18px;
  color:#ffac32;
  font-style:italic;
  font-weight:normal;
}

h3 {
  display:inline;
  font-size:12px;
  background-color:#bec000;
  font-style:italic;
  font-weight:normal;
}

#flex {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top:-3px;
}

#images {
  display: flex;
  justify-content:center;
  flex-flow: row wrap;
  gap: 5px;
  margin-top:-3px;
  padding-bottom:18px;
}

a {
  text-decoration:none;
  background-color:;
  color:#2139e3;
}

a:hover {
  background-color:#f8de3a;
  color:#40392e;
  
}

a.navlink {
  display:inline-block;
  width:100px;
  font-size:16px;
  color:#fff;
  line-height:16px;
  padding:10px;
  background-color:#ffffff30;
  border:2px #fff solid;
  border-radius:18px;
}

a.navlink:hover {
    background-color:transparent;
  color:#fff;
  -o-transition:0.5s;
  -ms-transition:0.5s;  
  -moz-transition:0.5s; 
  -webkit-transition:0.5s; 
  transition:0.5s;
}

textarea {
  width:100%
}