body {
  background-image: url("https://pbs.twimg.com/media/GauyxxvaAAE93FA?format=jpg&name=large");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 100vh;
  font-family: 'Sour Gummy';
  font-size: 9px;
  text-shadow: 0px 0px px #485134;
  color:#74848c;
  letter-spacing: 1px;
  line-height:11px;}  
 
#layout {
  margin: 80px auto;
  width: 720px;}
      
#header1 {
  width: 720px;
  float: left;
  margin: 0 auto;}

#header2 {
  height: 40px;
  background: transparent;
  border-bottom:1px solid #4e532c;
  margin: 0px;}
    
#navigation1 {
  width: 720px;
  float: left;
  margin: 0 auto;}

#navigation2 {
  height: 20px;
  line-height:20px;
  background: transparent;
  margin: 0px;
  margin-bottom:10px;
  padding:1px;padding-top:0px;
  text-align:center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top:2px solid #3e4021;}
      
#navigation2 a { 
 width:80px;
 display:inline-block;
 background:#3e4021; 
 font:bold 9px 'Sour Gummy';
 text-transform:uppercase;
 padding:4px; 
 letter-spacing:3px;
 color:#eae2d7;
 border-bottom-left-radius:5px;
 border-bottom-right-radius:5px;}
      
#navigation2 a:hover {
 width:80px;
 display:inline-block;
 background:#eae2d7; 
 font:bold 9px 'Sour Gummy';
 text-transform:uppercase;
 padding:4px; 
 letter-spacing:3px;
 color:#836e74;
 border-bottom-left-radius:5px;
 border-bottom-right-radius:5px;}
      

 
#layout {
  margin: 80px auto;
  width: 850px;}
  
  #header1 {
  width: 850px;
  float: left;
  margin: 0 auto;}

#header2 {
  height: 40px;
  background: transparent;
  border-bottom:1px solid #4e532c;
  margin: 0px;}
    
#navigation1 {
  width: 850px;
  float: left;
  margin: 0 auto;}
  
  
#content1 {
  width: 245px;
  float: left;
  margin: 0 auto;}

#content2 {
  margin: 0px;
  padding:6px;}
  
  
#contents1 {
  width: 245px;
  float: right;
  margin: 0 auto;}

#contents2 {
  margin: 0px;
  padding:6px;}
  
#longcontent1 {
  width: 490px;
  float: left;
  margin: 0 auto;}

#longcontent2 {
  margin: 0px;
  padding:6px;}
  
#left1 {
  width:180px;
  float: left;
  margin: 0 auto;}

#left2 {
  margin: 0px;
  padding:6px;}

#right1 {
  width: 180px;
  float: right;
  margin: 0 auto;}

#right2 {
  margin: 0px;
  padding:6px;}


b {color:#343619;font-weight:bold;}
i {color:#4e5780}
u {color:#343619;font-weight:bold;}

a:link, a:visited, a:active { 
color:#666;text-decoration:none;}
a:hover {
color:#836e74;}

.box {
  background:#fff;
  border:1px solid #4e532c;
  border-top:0px;
  box-shadow: 5px 6px #3e4021;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  padding:8px;
  font-size: 10.5px;
  margin-bottom:2px;}
      
.box-without-title {
  background:#fff;
  border:1px solid #4e532c;
  box-shadow: 5px 6px #3e4021;
  border-radius:5px;
  margin-bottom:2px;}

.title {font:10px fredoka;text-transform:uppercase;color:#fff;background:#4e532c; letter-spacing:3px;text-align:left;padding:2px;padding-left:8px;padding-top:4px;margin-bottom:0px;
border-top-left-radius:5px;border-top-right-radius:5px;}

.titles {font:13px fredoka; padding-bottom:3px;color:#343619}

#sitename a {
  font:30px 'Fredoka';color:#4e532c;
  text-shadow:
  -1px -1px 0 #343619,
  1px -1px 0 #343619,
  -1px 1px 0 #343619,
  1px 1px 0 #343619;}
      
  
#menu a {
  display:inline-block;
  background:#3e4021;
  margin-bottom:4px;
  padding:1px;
  padding-top:2px;
  width:150px;
  line-height:12px;
  font:italic 12px sour gummy;
  letter-spacing:3px;
  text-align:center;
  border-radius:5px;
  color:#e4b86f;}
      
#menu a:hover {
  display:inline-block;
  background:#514f5e;
  margin-bottom:4px;
  padding:1px;
  padding-top:2px;
  width:150px;
  line-height:12px;
  font:italic 12px sour gummy;
  letter-spacing:3px;
  text-align:center;
  border-radius:5px;
  color:#fff;}
     

::-webkit-scrollbar-thumb {
  background-color: #836e74;  
  border-radius: 0px;
  border:0px solid #ccc;
  display: none;}

::-webkit-scrollbar {
  width: 0px; height: 0px; 
  background: #836e74;
  display: block;}
    
  
.tab {
  overflow: hidden;}

.tab button {
  display:inline-block;
  background:#3e4021;
  margin-bottom:4px;
  padding:1px;
  padding-top:2px;
  width:150px;
  line-height:12px;
  font:italic 12px sour gummy;
  letter-spacing:3px;
  text-align:center;
  border-radius:5px;
  color:#eae2d7;}

.tab button:hover {
  display:inline-block;
  background:#eae2d7;
  margin-bottom:4px;
  padding:1px;
  padding-top:2px;
  width:150px;
  line-height:12px;
  font:italic 12px sour gummy;
  letter-spacing:3px;
  text-align:center;
  border-radius:5px;
  color:#836e74;}

.tab button.active {
  background-color: #5c5f30;}

.tabcontent {
  display: none;}
.info-item {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    padding-top: 5px;
    text-align: center;
}

.info-item span {
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
}

.info-item p {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    margin: auto;
    width: fit-conte
}

.info {
    grid-area: info;
    height: 225px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
 
#selection1 {
  width: 500px;
  float: left;
  margin: 0 auto;}

#selection2 {
  margin: 0px;
  padding:6px;}