/* AMOEBA.CSS v1.1 */
/* HTML/CSS layout template from https://ribo.zone/free/layouts/ */
/* last updated: june 28, 2026 */

:root {
	--text: #262626;
	--bg: #8A9995;
	--link: #EB9225;
	--accent: #D5CAC0;
	--secondary: #EC9326;
	--bgg1: #F4F5F3;
	--bgg2: #E4EEEA;
	--bgg3: #D3DEDC;
	--bgg4: #EEF3F1;
	--border: #99A6A2;
}

/* STANDARD CURSORS */
html {cursor:url('https://dewlapine.neocities.org/cursor/Fluttershy-NormalSelect.gif'), auto;}

a:hover {cursor:url('https://dewlapine.neocities.org/cursor/Fluttershy-AlternateSelect.gif'), pointer;}

html::selection {cursor:url('https://dewlapine.neocities.org/cursor/Fluttershy-TextSelect.gif'), text;}

html:buffering {cursor:url('https://dewlapine.neocities.org/cursor/Fluttershy-Busy.gif'), wait;}

html:help {cursor:url('https://dewlapine.neocities.org/cursor/Fluttershy-HelpSelect.gif'), help;}

html:invalid, html:disabled, html:inactive, html:user-invalid {
  cursor:url('https://dewlapine.neocities.org/cursor/Fluttershy-Unavailable.gif'), not-allowed;}



/* OTHER CURSORS */
.alias {cursor: alias;}
.all-scroll {cursor: all-scroll;}
.auto {cursor: auto;}
.cell {cursor: cell;}
.col-resize {cursor: col-resize;}
.context-menu {cursor: context-menu;}
.copy {cursor: copy;}
.crosshair {cursor: crosshair;}
.e-resize {cursor: e-resize;}
.ew-resize {cursor: ew-resize;}
.grab {cursor: grab;}
.grabbing {cursor: grabbing;}
.move {cursor: move;}
.n-resize {cursor: n-resize;}
.ne-resize {cursor: ne-resize;}
.nesw-resize {cursor: nesw-resize;}
.ns-resize {cursor: ns-resize;}
.nw-resize {cursor: nw-resize;}
.nwse-resize {cursor: nwse-resize;}
.no-drop {cursor: no-drop;}
.none {cursor: none;}
.row-resize {cursor: row-resize;}
.s-resize {cursor: s-resize;}
.se-resize {cursor: se-resize;}
.sw-resize {cursor: sw-resize;}
.url {cursor: url(myBall.cur),auto;}
.w-resize {cursor: w-resize;}
.zoom-in {cursor: zoom-in;
    cursor:url('');}
.zoom-out {cursor: zoom-out;
    cursor:url('');}








.bttn {
  
}

html {
	scroll-behavior: smooth;
	overscroll-behavior: none;
	image-rendering: auto;
	text-rendering: optimizeSpeed;
}

body { 
	font-family: "Reactor7", serif;
	margin: 0;
	padding: 0;
	background: linear-gradient(to left top, #8FA498, #8FA498, #859F9C, #6E8590);
	color: var(--text);
}
/* #BFAD97, #C0C4A4, #BCC8A9, #8FA498, #859F9C, #6E8590 */

* { 
	box-sizing: border-box;
	scrollbar-color: #EC9326 var(--bgg2);
}

*::-webkit-scrollbar { width: 15px; }
*::-webkit-scrollbar-thumb { background-color: #EC9326; border: transparent; }
*::-webkit-scrollbar-track { background-color: var(--bgg1); }

img { max-width: 100% }

nav {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	right: 10px;
	text-align: right;
	justify-content: right;
  position: absolute;
}


main {
	margin: 5px 25px;
	max-width: 70.5rem;
}

section {
	margin: 1.5em auto 0.5em auto;
	padding: 1em 1.2em 1em 1.2em;
	border: 2px dotted rgba(153, 166, 162, 0.55);
	outline: 1px solid rgba(244, 245, 243, 0.35);
	outline-offset: 2px;
	max-width: calc(100% - 10px);
	background: linear-gradient(to top, var(--bgg2), var(--bgg2), var(--bgg3), var(--bgg2), var(--bgg1), var(--bgg1));
}

nav {
  z-index:1;
  padding-top:96px;
  padding-right:30px;
}

nav a, .up a, .up2 a {
	appearance: none;
  background-color: var(--bgg1);
  border-radius: 40em;
  box-shadow: #BFCAC7 0 -12px 6px inset;
  box-sizing: border-box;
  color: var(--text);
  cursor: pointer;
  display: inline-block;
  font-family: "NDS12";
  font-size: 20px;
  font-weight: 300;
  margin: 7px;
  outline: none;
  padding: 3px 0 5px 0;
  quotes: auto;
  text-align: center;
  text-decoration: none;
  transition: all .45s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width:298px;
  transition: 0.125s;
  border: 4px outset #B0BDB9;
	text-rendering: optimizeSpeed;
	text-shadow: 1px 2px 0 #EEE, 0 0 0 #000, 1px 2px 0 #BFCAC7;
}

nav a:hover {
  color: #000000;
  z-index:0;
  filter: drop-shadow(2px 2px 2px #727E7D);
  transition: 0.125s;
}

#bt1:hover {
  background-color: #F9AD44;
  box-shadow: rgba(134, 24, 10, 0.5) 0 -8px 8px inset;
  border: 4px inset #F9AD44;
	text-shadow: 1px 2px 0 #B4621C, -1.2px -1.5px 2px #FFDE90, 1px 2px 0 #B4621C;
  color: var(--bgg1);
}

#bt2:hover {
  background-color: #95E04A;
  box-shadow: rgba(6, 74, 95, 0.5) 0 -8px 8px inset;
  border: 4px inset #5AB735;
	text-shadow: 1px 2px 0 #4A912E, -1.2px -1.5px 2px #DBFDA6, 1px 2px 0 #4A912E;
  color: var(--bgg1);
}

#bt3:hover {
  background-color: #3EB388;
  box-shadow: rgba(16, 52, 86, 0.5) 0 -8px 8px inset;
  border: 4px inset #2EA585;
	text-shadow: 1px 2px 0 #1A7058, -1.2px -1.5px 2px #6FE6B7, 1px 2px 0 #1A7058;
  color: var(--bgg1);
}

#bt4:hover {
  background-color: #328BB0;
  box-shadow: rgba(17, 23, 52, 0.5) 0 -8px 8px inset;
  border: 4px inset #246F97;
	text-shadow: 1px 2px 0 #1B527A, -1.2px -1.5px 2px #4EBDD4, 1px 2px 0 #1B527A;
  color: var(--bgg1);
}

hr {
	border: none;
	border-top: 1px solid rgba(62, 72, 70, 0.4);
  padding: 8px 0 -2px 0;
}

header {
	font-size: 50px;
	margin: auto;
	display: inline-block;
	justify-content: space-between;
	font-family: "ChronoType", sans-serif;
	font-weight: normal;
	text-align:center;
}

header div { text-shadow: 3px 3px var(--secondary); }

h1, h2, h3, h4, h5, h6 {
	margin: 0.7rem 0 0 0.3rem;
}
p, table, details, cite, pre, blockquote {
	margin: auto;
}

h1 {
  font-family: "Crang", sans-serif;
  font-weight: normal;
  color:var(--bgg1);
  filter: drop-shadow( 3px 3px 2px var(--text));
}

h2, h3, h5 {
  font-family: "Big Apple 3PM", sans-serif; font-weight: normal;
}

ul, ol {
	margin: 1rem 0 1rem 0.5rem;
}
ul ul, ol ol { 
	margin: 0 0 0 10px;
}


dl { margin: 1em; }

dt { 
	background: linear-gradient(to right, var(--text), var(--bg));
	padding: 0.25rem 0.5rem;
	color: var(--bgg1);
}

dd { padding: 0.85rem;
    margin: 0 0 0 1.1em ;}

table {
	line-height: 0.5;
	margin: 0;
	padding: 0;
}

p, ul, ol, dl {
	font-size: 16px;
	line-height: 1.185;
}

p {
	margin: 1em 0.5em 1em 0.5em;
}


a:hover { 
	background-color: var(--link);
	color:var(--bgg1);
}

a { 
  color: var(--link);
  padding: 2px 4px; 
  font-size: 1.25em; 
  position: relative;
  cursor: pointer;
}

h6 { font-size: 16px; line-height: 1; padding: 0; margin-top:19px;  }
h5 { font-size: 17px; line-height: 1; }
h4 { font-size: 32px; line-height: 1.2;font-family:"ChronoType", sans-serif;  }
h3 { font-size: 34px; line-height: 1.3; }
h2 { font-size: 51px; line-height: 1.2; }
h1 { font-size: 75px; line-height: 1.35; text-align: center; padding-top:16px; margin-bottom:-16px;}

blockquote {
	border-left: var(--link) 3px solid;
	margin: 1.45rem 2.25rem 0.75rem 2.25rem;
	background-color: rgba(62, 72, 70, 0.1)
}

blockquote p {
	padding: 0.45rem;
	margin: 0.1rem;
}
cite { 
	display: block;
	text-align: right;
	padding-right: 0.5rem;
	padding-bottom: 0.35srem;
}

code, pre {
	background-color: #7ABD3C;
	color: #7ABD3C;
	background-color: var(--text);
}

details { border: 1px solid rgba(62, 72, 70, 0.4); }

code { 
	font-family: "Steelflight", sans-serif;
	padding: 2px 4px;
	font-size: 8px; 
	letter-spacing:1.22px;
}

details, pre {
	padding: 1em;
}

pre { overflow-x: auto;
	border:1px solid  #7ABD3C; padding:8px;}

details p { margin: 0.5rem 0 0 2rem; }

table {	border: 3px solid var(--text); margin: 1rem auto; }
tr, td, th { border: 1px solid var(--text); }
td, th { padding: 0.5rem }

figure {  display: table; margin: 1rem; }

figure img { margin: 5px auto; }

figcaption { 
	display: table-caption;
    caption-side: bottom;
    text-align: center;
}

footer { 
  font-family:"ChronoType", sans-serif;
	font-size: 16px;
	text-align: center; 
	padding: 5px 10px;
	margin: 19px 0 17px 0;
	text-align:left;
	width:1150px;
}

.up { position: fixed;
  bottom: 1px; right: 10px; }
.up2 { position: fixed;
	bottom: 50px; right: 10px; }

.flex-box {
    display:flex;
    flex-wrap:wrap;
    margin: 0 auto;
	  padding: 0;
	  align-items: flex-start;
}

.flex-box section {
	margin: 0.5em 0.5em 0.5em 0.5em;
	}

.full { flex: 1 1 100%;}
.half { flex: 1 1 calc(50% - 2em); }
.third { flex: 1 1 calc(33% - 2em); }
.twothird { flex: 1 1 calc(66% - 2em); }
.quarter { flex: 1 1 calc(25% - 2em); }
.threequarter { flex: 1 1 calc(75% - 2em); }

.logo {
  padding-top:16px;
  padding-right:20px;
  margin: 0;
  width: auto;
  right: 0;
  image-rendering: auto;
  position:absolute;
}


#ftcr { background-color: rgba(50, 72, 80, 0.85);
  padding: 4px 0 3px 11px;
  border-radius:4px;
  width:15%;
  margin:auto;
}

#cred {
  color: #EB9225;
  padding-right: 0;
}


.buttonbox {
    margin:auto;
    padding: 15px;
    display:flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    width:100%;
  	image-rendering: smooth;
  	align-content: space-between;
}

.buttonbox img {
  text-decoration:none;
  background-color:none;
  background:none;
}
.buttonbox a:hover,
.buttonbox a {
  text-decoration:none;
  background-color:none;
  background:none;
}

#btns {
    margin:auto;
    width:91%;
}

#btns img {
    margin:auto;
    max-width:88px;
  	image-rendering: smooth;
}


#stamps {
    margin:auto;
    width:95%;
    align-items: center;
    justify-content: center;
}
#stamps img {
    max-width:100px;
  	image-rendering: pixelated;
}

#blinkies {
    margin:auto;
    width:100%;
}
#blinkies img {
    margin:auto;
    max-width:150px;
  	image-rendering: auto;
}

#othrr {
    display:block;
    text-align:center;
    margin:auto;
    align-items: center;
    justify-content: center;
}
#othrr img {
    padding:2px;
    max-width:150px;
  	image-rendering: pixelated;
}

#othrr2 {
    margin:auto;
    text-align:center;
    align-items: center;
    justify-content: center;
}
#othrr2 img {
    margin:auto;
    max-width:150px;
  	image-rendering: pixelated;
}

hr2 {
	border-top: 1px solid rgba(62, 72, 70, 0.4);
	height:1px;
  padding: 8px 0 2px 0;
  margin:auto;
    align-items: center;
    justify-content: center;
}

.buttonbox hr2 {
	display:inline-block;
	width:100%;
}



.fb2 {
    display:flex;
    flex-wrap:wrap;
    margin: 0 auto;
	  padding: 0;
	  align-items: flex-start;
}

.fb2 section {
	margin: 0.5em 0.5em 0.5em 0.5em;
	}

.full { flex: 1 1 100%;}
.half { flex: 1 1 calc(50% - 2em); }
.third { flex: 1 1 calc(33% - 2em); }
.twothird { flex: 1 1 calc(66% - 2em); }
.quarter { flex: 1 1 calc(25% - 2em); }
.threequarter { flex: 1 1 calc(75% - 2em); }










/* {{pp-template}} */
.ub {
	margin: 1px;
	border: 1px solid black;
	width: 248px;
	float: left;
}

.ub table {
	border-collapse: collapse;
	width: 246px;
	margin-bottom: 0;
	margin-top: 0;
	background: #eee;
	color: inherit;
	border: 0;
}

.ub td {
	border: 0;
	vertical-align: middle;
}

.ub .userbox-info {
	border: 0;
	text-align: left;
	font-family: "Igiari", serif;
	font-size: 16px;
	padding: 0 4px 0 4px;
	height: 45px;
	line-height: 1.25em;
	color: inherit;
	vertical-align: middle;
}

.ub .userbox-id,
.ub .userbox-id2 {
	border: 0;
	width: 50px;
	height: 50px;
	background: #ddd;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: inherit;
	image-rendering: smooth;
}


.ub .userbox-id img {
	margin:auto;
	image-rendering: smooth;
}








a:hover img  { 
	background-color: none;
}

a img { 
	background-color: none;
}



#vapdrip {
	display: flex;
  position:absolute;
  float:right;
  left:800px;
  bottom:540px;
  width:292px;
	image-rendering: smooth;
}