html {
    background: url(images/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: black;
    font-family: ms gothic;
    
}


.box {
    max-width: 766px;
    min-height: 766px;
    margin: 50px auto;
    padding: 1px;
    display:grid;
    grid-gap: 1px;
    grid-template-columns: minmax;
    background-color: transparent;
}

body {
    margin: 0;
}

.box {
  border-width: 10px;
  border-style: solid;
    border-image: url(images/biscuit_border.gif) 7 fill round;
}

.marker {
  background: #ffc7c7;
  background: -webkit-linear-gradient(rgba(240,231,155,0) 50%, #ffc7c7 0%);
  background: linear-gradient(rgba(240,231,155,0) 50%, #ffc7c7 0%);
  margin: 0 3px;
  padding: 1px 5px;
}

header {
    border: black 1px solid;
    height: 150px;
    min-height: 150px;
    grid-column: 1 / 4;
    background-color: mintcream;
    background: url(images/header_alternative.png);
    background-size: 800px;
    background-repeat: no-repeat;
    font-family: fish crispy;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-width: 2px;
    border-style: ridge;
    border-color: #dadcde;
    overflow: hidden;
    z-index: 0;
    color: #678476;
}


.marquee {
  padding: 5px;
  border-width: 2px;
  border-style: ridge;
  border-color: #dadcde;
  flex-grow: 1;
  height: max-content;
  width: 753px;
  overflow: hidden;
  background-color: #86988f;
  display: grid;
  grid-row: 2 / 4;
  grid-column: 1 / 4;
  background: linear-gradient(100deg, rgba(255,234,240,1) 0%, rgba(252,186,193,1) 100%);
  font-size: 12px;
  color: white;
  text-shadow: 1px 1px 1px #413e65,-1px 1px 1px #413e65,1px -1px 1px #413e65,-1px -1px 1px #413e65;
}


h3 {
  font-family: silkscreen;
}

.text {
  min-height: 200px;
  padding: 20px;
  text-shadow: 1px 1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff;
}



.navi-bar {
  border-top: 1px dotted #666666;
  border-bottom: 1px dotted #666666;
  margin-bottom: 5px;
  margin-top: 5px;
  background-image: url("images/dot-07-92.gif");
    background-size: 55px;
}

.navi-t {
  margin-left: 5px;
  font-weight: 900;
  color: #9a94ff;
  text-align: center;
}

nav {
    min-height: 660px;
    width: 115px;
    padding: 5px;
    border-width: 2px;
    border-style: ridge;
    border-color: #dadcde;
    flex-grow: 1;
    height: max-content;
    background-color: #86988f;
    background: url(images/green_yellow_check.gif);
    font-size: 10px;
    color: white;
}

a:link {
  color: #ffffff;
  text-decoration: none;
  text-shadow: 1px 1px 1px #88ae6f,-1px 1px 1px #88ae6f,1px -1px 1px #88ae6f,-1px -1px 1px #88ae6f;
  
}

a:visited {
  color: white;
  text-decoration: none;
}

.button {
  display: flex;
  width: -webkit-fill-available;
  height: 12px;
  background: linear-gradient(to bottom, #FFD6D6 0%,#fff 50%,#FFD6D6 51%,rgba(255,234,240,1) 100%);
  box-shadow: 2px 2px 2px inset white, -1px -1px 1px inset #83af6c6e;
  border: 1px solid;
  border-radius: 3px;
  border-color: white;
  padding: 1px;
  padding-left: 3px;
  align-items: center;
  gap: 5px;
  color: #81a17c;
}

.center-text {
  flex: 1; 
}

.main-box1 {
  margin-bottom: 1px;
  width: 430px;
  height: 223px;
  padding: 5px;
  border-width: 2px;
  border-style: ridge;
  border-color: #dadcde;
  font-size: 10px;
  box-sizing: inherit;
  overflow-y: scroll;
  scrollbar-width: thin;
  background-color: mintcream;
  background: url(images/stripes.png);
}

.featured {
  margin-bottom: 1px;
  width: 430px;
  padding: 5px;
  border-width: 2px;
  border-style: ridge;
  border-color: #dadcde;
  height: 423px;
  font-size: 12px;
  box-sizing: inherit;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: thin;
  background-color: white;
  background: url(images/stripes.png);
}

#featuredart {
  width: 392px;
  height: 571px;
}

.character1 {
  border: solid 1px;
  border-color: #616161;
  float: left;
  margin-top: 1px;
  background: #fbf9f8;
  padding: 5px;
  width: 130px;
  height: 200px;
  overflow:scroll;
  scrollbar-width: thin;
}

.character2 {
  border: solid 1px;
  border-color: #616161;
  float: left;
  margin-top: 1px;
  background: #fbf9f8;
  padding: 5px;
  width: 130px;
  height: 200px;
  overflow:scroll;
  scrollbar-width: thin;
}

about {
    min-height: 660px;
    padding: 5px;
    border-width: 2px;
    border-style: ridge;
    border-color: #dadcde;
    width: fit-content;
    height: 630px;
    background-color: #ffffff;
    background: url(images/stripes.png);
    font-size: 10px;
    box-sizing: inherit;
    overflow:scroll;
    scrollbar-width: none;
}


.main-content-right {
  border-left: 1px dotted var(--darkbrown);
  width: 178,1px;
}

.name-header {
  font-weight: bold;
  text-align: center;
  padding: 3px;
  font-family: silkscreen;
  color: #ffd6dd;
  text-shadow: 1px 1px 1px #534b4b,-1px 1px 1px #534b4b,1px -1px 1px #534b4b,-1px -1px 1px #534b4b;
}

.about-desc {
  border-bottom: 1px dotted var(--darkbrown);
  padding: 3px;
  text-align: center;
  font-size: 10px;
  font-family: ms gothic;
}


footer {
    border: black 1px;
    border-width: 2px;
    border-style: ridge;
    border-color: #dadcde;
    grid-column: 1 / 4;
    background-color: #ffd6d6;
    font-size: 9px;
    color: #789b75;
    text-align: center;
}


.txt {
  border-left: 1px solid #999;
  margin: 1em;
  padding: 0 0 0 1em;
}

.textbox {
  border: 1px dotted #666;
  margin: 10px 0;
  padding: 3px;
  text-align: center;
}


.stamps {
  display: grid;
  grid-auto-flow: column;
  gap: 6px;
  float: left;
  margin-top: 5px;
  filter: grayscale(0.5);
}

.dashed-hr {
        border: none;
        border-top: 1px dashed #000;
    }

.dotted-hr {
        border: none;
        border-top: 1px dotted;
}

.dashed-underline-text {
  text-decoration: underline dashed #f09797 1px;
}

.bar {
  border-width: 2px;
  border-style: ridge;
  border-color: #dadcde;
  border-radius: 0px 0px 30px 0px;
  border-left: 0px;
  width: 269px;
  padding: 3px;
  margin-bottom: -6px;
  margin-top:6px;
  margin-left: -6px;
  background: linear-gradient(to bottom, #FFD6D6 0%,#fff 50%,#FFD6D6 51%,rgba(255,234,240,1) 100%);
  box-shadow: 2px 2px 2px inset white, -1px -1px 1px inset #83af6c6e;
}

* {
	 cursor: url(https://file.garden/ZsE6xZuMU1g5MIQQ/neocities/nat997.cur), default;
	}
	 
	*:active {
	 cursor: url(https://file.garden/ZsE6xZuMU1g5MIQQ/neocities/nat997.cur), default;
	}

::selection {
  background-color: #b6baff;
  color: #f8ffc1;
}

input, textarea {
  background: #fff;;
  border: 1px dashed;
  color: #b0b0ef;
  margin: 3px 0;
  width: 110px;
  height: 36px;
  font-family: ms gothic;
  font-size: 9px;
}

.frame{
background-image:url(images/back01frame.gif
);
padding:2px;
border:1px solid #cac8c1;
border-radius:-8px
}

#images/aicon_167.gif , p {
        vertical-align: middle;
        display: inline-block;
    }

.noneyet {
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px #4e4a8f,-1px 1px 1px #4e4a8f,1px -1px 1px #4e4a8f,-1px -1px 1px #4e4a8f;
  font-size: 11px;
}

marquee {
  filter: grayscale(0.5);
}

#pagedoll {
  position: absolute;
}


#doll1 {
  position: absolute;
  margin-left: 855px;
  margin-top: -621px;
  z-index: 10;
  filter: grayscale(0.3) drop-shadow(0.3px 0.3px 0 black) drop-shadow(-0.3px 0.3px 0 black) drop-shadow(0 0.3px 0 black) drop-shadow(0 0.3px 0 black) drop-shadow(0 0.3px 0.3px black) drop-shadow(0 0.3px 1px black);
}

#doll2 {
  position: absolute;
  margin-left: -361px;
  margin-top: -763px;
  z-index: 10;
  filter: grayscale(0.3) drop-shadow(0.3px 0.3px 0 black) drop-shadow(-0.3px 0.3px 0 black) drop-shadow(0 0.3px 0 black) drop-shadow(0 0.3px 0 black) drop-shadow(0 0.3px 0.3px black) drop-shadow(0 0.3px 1px black);
}

#doll3 {
  position: fixed;
  top: -66px;
  left: 16px;
  z-index: 10;
  filter: grayscale(0.3) drop-shadow(0.3px 0.3px 0 black) drop-shadow(-0.3px 0.3px 0 black) drop-shadow(0 0.3px 0 black) drop-shadow(0 0.3px 0 black) drop-shadow(0 0.3px 0.3px black) drop-shadow(0 0.3px 1px black);
}

#wrapper {
    margin-left:auto;
    margin-right:auto;
    width:960px;
}