@font-face {
  font-family: 'GAMECUBEW';
  src: url(fonts/gamestationwarped-y2rq-webfont.woff);
}
@font-face {
  font-family: 'GAMECUBE';
  src: url(fonts/GamestationCondensed-GYay.otf);
}
@font-face {
  font-family: 'DS';
  src: url(fonts/Nintendo-DS-BIOS.ttf);
}
@font-face {
  font-family: 'crayon';
  src: url(fonts/dkcrayoncrumble-ddll-webfont.woff);
}
@font-face {
  font-family: 'roblox';
  src: url(fonts/roblox2017-v6do-webfont.woff);
}
@font-face {
  font-family: 'PORKY';
  src: url(fonts/Porkys-xRGK.ttf);
}
.box13{
background:url(https://i.imgur.com/VHvLEcE.gif);
box-sizing:border-box;
margin:1em 0;
padding:20px;
width:100%
}
.box-inner{
background:#fff;
padding:20px
}
/*********************************
* Honeycomb Stamp Layouts v. 1.2 *
* CSS by Mooeena                *
* Free to use/modify w/ credit   *
* http://mooeena.neocities.org   *
* 15 widths and 2 preset layouts *
* To use: include the classes    *
* "honeycomb hc-[PICK LAYOUT]"   *
* to your images' container div. *
*********************************/
.honeycomb { display: grid;
             grid-auto-rows: 28px;
             gap: 30px 18px;
             padding: 0 32px 56px 0; }
.hc-2 { grid-template-columns: repeat(2, 32px); } /*Infinite-length section 2 stamps wide*/
.hc-3 { grid-template-columns: repeat(3, 32px); } /*Infinite-length section 3 stamps wide*/
.hc-4 { grid-template-columns: repeat(4, 32px); } /*Infinite-length section 4 stamps wide*/
.hc-5 { grid-template-columns: repeat(5, 32px); } /*Infinite-length section 5 stamps wide*/
.hc-6 { grid-template-columns: repeat(6, 32px); } /*Infinite-length section 6 stamps wide*/
.hc-7 { grid-template-columns: repeat(7, 32px); } /*Infinite-length section 7 stamps wide*/
.hc-8 { grid-template-columns: repeat(8, 32px); } /*Infinite-length section 8 stamps wide*/
.hc-9 { grid-template-columns: repeat(9, 32px); } /*Infinite-length section 9 stamps wide*/
.hc-10 { grid-template-columns: repeat(10, 32px); } /*Infinite-length section 10 stamps wide*/
.hc-11 { grid-template-columns: repeat(11, 32px); } /*Infinite-length section 11 stamps wide*/
.hc-12 { grid-template-columns: repeat(12, 32px); } /*Infinite-length section 12 stamps wide*/
.hc-14 { grid-template-columns: repeat(14, 32px); } /*Infinite-length section 14 stamps wide*/
.hc-16 { grid-template-columns: repeat(16, 32px); } /*Infinite-length section 16 stamps wide*/
.hc-18 { grid-template-columns: repeat(18, 32px); } /*Infinite-length section 18 stamps wide*/
.hc-20 { grid-template-columns: repeat(20, 32px); } /*Infinite-length section 20 stamps wide*/
.hc-mini { grid-template-columns: repeat(3, 32px); padding-bottom:28px;} /*Hexagonal group of max 7 stamps*/
.hc-hive { grid-template-columns: repeat(7, 32px); padding-bottom:28px;} /*Oval-shaped group of max 17 stamps*/
/*The following concern the interlocking pattern of the grids:*/
.hc-2 > :nth-child(2n+1), .hc-4 > :nth-child(2n+1), .hc-6 > :nth-child(2n+1), .hc-8 > :nth-child(2n+1), .hc-10 > :nth-child(2n+1), .hc-12 > :nth-child(2n+1), .hc-14 > :nth-child(2n+1), .hc-16 > :nth-child(2n+1), .hc-18 > :nth-child(2n+1), .hc-20 > :nth-child(2n+1) { margin-top: 28px; }
.hc-3 > :nth-child(6n+1), .hc-3 > :nth-child(6n+3), .hc-3 > :nth-child(6n+4), .hc-3 > :nth-child(6n) { margin-top: 28px; }
.hc-5 > :nth-child(10n+1), .hc-5 > :nth-child(10n+3), .hc-5 > :nth-child(10n+5), .hc-5 > :nth-child(10n+6), .hc-5 > :nth-child(10n+8), .hc-5 > :nth-child(10n) { margin-top: 28px; }
.hc-7 > :nth-child(14n+1), .hc-7 > :nth-child(14n+3), .hc-7 > :nth-child(14n+5), .hc-7 > :nth-child(14n+7), .hc-7 > :nth-child(14n+8), .hc-7 > :nth-child(14n+10), .hc-7 > :nth-child(14n+12), .hc-7 > :nth-child(14n) { margin-top: 28px; }
.hc-9 > :nth-child(18n+1), .hc-9 > :nth-child(18n+3), .hc-9 > :nth-child(18n+5), .hc-9 > :nth-child(18n+7), .hc-9 > :nth-child(18n+9), .hc-9 > :nth-child(18n+10), .hc-9 > :nth-child(18n+12), .hc-9 > :nth-child(18n+14), .hc-9 > :nth-child(18n+16), .hc-9 > :nth-child(18n) { margin-top: 28px; }
.hc-11 > :nth-child(22n+1), .hc-11 > :nth-child(22n+3), .hc-11 > :nth-child(22n+5), .hc-11 > :nth-child(22n+7), .hc-11 > :nth-child(22n+9), .hc-11 > :nth-child(22n+11), .hc-11 > :nth-child(22n+12), .hc-11 > :nth-child(22n+14), .hc-11 > :nth-child(22n+16), .hc-11 > :nth-child(22n+18), .hc-11 > :nth-child(22n+20), .hc-11 > :nth-child(22n) { margin-top: 28px; }
.hc-mini > :nth-child(1), .hc-mini > :nth-child(3), .hc-mini > :nth-child(4), .hc-mini > :nth-child(6) { margin-top: 28px; }
.hc-mini > :nth-child(7) { grid-area: 3/2; }
.hc-hive > :nth-child(1), .hc-hive > :nth-child(3), .hc-hive > :nth-child(5), .hc-hive > :nth-child(7), .hc-hive > :nth-child(8), .hc-hive > :nth-child(10), .hc-hive > :nth-child(12), .hc-hive > :nth-child(14) { margin-top: 28px; }
.hc-hive > :nth-child(15) { grid-area: 3/2; }
.hc-hive > :nth-child(16) { grid-area: 3/4; }
.hc-hive > :nth-child(17) { grid-area: 3/6; }
.hc-center {margin: auto; width:min-content;} /* Add this class to center a group of stamps. */
.hc-center > * {margin-left: -16px;}
body{
background-image: url('https://64.media.tumblr.com/494876fd73fe284ae54251e8e8e78e0c/tumblr_mxuzy5wQYE1snmc0lo3_250.jpg');
background-color: #fff;
font-family: 'DS';
font-size: 24px;
}

details > summary {
  padding: 4px;
  width: 69%;
  background-color: #7EB900;
  border: none;
  box-shadow: 1px 1px 2px #bbbbbb;
  color: #000;
  cursor: pointer;
}

details > p {
  background-color: #7EB900;
  padding: 4px;
  margin: 0;
  box-shadow: 1px 1px 2px #bbbbbb;
}

#container{
width: 820px;
margin: auto;
margin-bottom: 10px;
}

#side{
float: right;
width: 200px;
background-color: #fff;
text-align: center;
border-radius: 10px;
border: 7px solid #48AA43;
border-style: double;
padding: 5px;
margin-bottom: 10px;
}

#sidecontent{
padding: 15px;
font-family: 'DS';
font-size: 40px;
margin-bottom:10px;
}

#side ul, li{
padding-left: 1px;
list-style-type: none;
margin: 0px;
}

#sideheader{
border-bottom: 1px solid #7EB900;
border: 5px solid #7EB900;
border-style: double;
border-radius: 10px;
background-color: #7EB900;
padding: 5px;
color: #fff;
font-family: 'GAMECUBEW';
text-align: left;
text-transform: lowercase;
}

#sideheader h1{
margin: 0px;
}

a{
text-decoration: underline;
color: #7EB900;
}

a:visited{
color: #7EB900;
}

a:hover{
color: #D6E13D;
}

#main{
width: 69%;
height: auto;
clear: left;
background-color: #fff;
border-radius: 10px;
border: 7px #48AA43;
border-style: double;
padding:5px;
margin-bottom:10px;
}

#header{
border-bottom: 1px solid #4f5561;
border: 5px solid #7EB900;
border-style: double;
border-radius: 10px;
background-color: #7EB900;
color: #fff;
padding: 5px;
font-family: 'GAMECUBEW';
text-transform: lowercase;
}

#header h1{
margin: 0px;
}

#content{
padding: 15px;
color: #000;
}

#content h2{
margin: 0px;
}

#content p{
font-size: 24px;
}

/* Set height of body and the document to 100% to enable "full page tabs" */
body, html {
  height: 100%;
  margin: 0;
  padding: 10px ;
  font-family: 'GAMECUBE';
}

/* Style tab links */
.tablink {
  background-color: #7EB900;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 23px;
  font-family: 'GAMECUBE';
  width: 25%;
}

.tablink:hover {
  background-color: #7EB900;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  color: #000;
  display: none;
  height: 100%;
}

/* this sets the background of tabs contents */
#Stamps {background-color: #fff; font-size: 44px;}
#Blinkies {background-color: #fff; font-size: 44px;}
#Buttons {background-color: #fff; font-size: 44px;}
#Dividers {background-color: #fff; font-size: 44px;}
#Pixels {background-color: #fff; font-size: 44px;}
#Gifs {background-color: #fff; font-size: 44px;}
#Pngs {background-color: #fff; font-size: 44px;}
#User {background-color: #fff; font-size: 44px;}

#footer{
clear: both;
margin-top: 10px;
border: 7px solid #48AA43;
border-style: double;
padding: 5px;
border-radius: 10px;
font-size: 14px;
background-color: #fff;
margin: auto;
}

#footer p{
margin: auto;
text-align: center;
}

#credit{
font-size: 15px;
position: fixed;
bottom: 0;
right: 0;
}