@import url('Bangalor.css');
@import url('Pixolde.css');
@import url('monaco.css');
@import url('VeniceClassic.css');



/* body */
a:link, a:visited, a:active  {
color:#d06549; 
font-family:'monaco', Verdana; 
font-size:18px; 
letter-spacing: .09em;
text-decoration:none

}
a:hover {
color:#d06549; 
font-family:'monaco', Verdana;
font-size:18px; 
letter-spacing: .09em;
line-height: .9em;
text-decoration: none; 
position:relative; 
left:1.5px; 
top:1.5px;
}

body {
background-color: #ffeae1;
color: #4b2c4e;
font-size:17px; 
letter-spacing: .09em;
line-height: .8em;
font-family: 'monaco', Verdana;
}

	img {
margin:2px;

}



p{
margin-top:2px;
margin-left:8px;
margin-bottom: 5px;

}	


.group {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-wrap:wrap;
}

.endblock {
 height: 130px; 
 
}


/* toyboxes */

.toybox {
	width: 380px;
	border: 1px solid #96beb1;
	background-color: #ffffff;
	border-radius: 0px;
	overflow-y: auto;
	padding:5px;
	margin: auto;
	font-size: 18px;
	font-family: 'monaco', Verdana; 
}


/* cbox */

	.cboxcontainer {
	width: 310px;
	height: 437px;
	margin-top:-30px;
  border: 0px solid black;
	background-color: transparent;
	padding:0px;
	margin-left: auto;
	margin-right: auto;
  overflow-y:hidden;
  overflow-x:hidden;
  background-image: url('https://pastelhell.neocities.org/pixelart/testpop2.gif');
  background-repeat:no-repeat;

}

	.cbox {
	width: 280px;
	height: 330px;
	border: 0px solid #96beb1;
  background-color: transparent;
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
  padding:0px;
	margin-top:32px;
	margin-left:35px;
	overflow-y:hidden;
	overflow-x:hidden;


}

/* headers */

h1 {
  color:#fab0a3; 
  font-size:20px; 
  text-align:left;
  font-family: "Bangalor", Georgia;
  margin-bottom:8px;
  }

h2 {
    font-family:'monaco',Verdana;
  font-size:18px;
  font-weight:normal;
  letter-spacing: .09em;
  line-height: .9em;
  text-align:center;
  color:#d06549;
  background-color:#fce9af;
  border: 1px solid #d06549;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 2px;
  }


h3 {
font-family:'monaco',Verdana;
font-size:18px;
font-weight:normal;
letter-spacing:0.2em;
color:#39797e;
margin-left:4px;
margin-top: 3px;
margin-bottom: 1px;

}
 

h4 {
font-family:'monaco',Verdana;
font-size:19px;
font-weight:bold;
letter-spacing:0.2em;
text-align:left; 
color:#fb7c86;
border-bottom: 2px solid #fd9f9f;
margin:2px;

}
h5 {
font-family:'monaco',Verdana;
font-size:18px;
font-weight:normal;
letter-spacing: .09em;
line-height: .9em;
text-align: left;
color:#39797e;
background-image: linear-gradient(to right,rgb(254, 177, 172), rgb(250, 213, 181), rgb(200, 216, 201), rgb(197, 199, 223));
border: 1px solid #39797e;
margin-top: 10px;
margin-bottom: 10px;
padding: 2px;



}
 hr {
  height: 6px;
  margin:6px;
  border: 1px solid #39797e;
  background-image: linear-gradient(to right,rgb(254, 177, 172), rgb(250, 213, 181), rgb(200, 216, 201), rgb(197, 199, 223));
        }


ul {
list-style: square inside url("layout/dot.gif");
      margin-top:2px;
    margin-left: -25px;
    margin-bottom:7px;
}

ul li::before {
  list-style: square inside url("layout/dot.gif");
  color: #55a5a3;
  font-weight: normal;
  margin-top:2px;
  margin-left: -25px;
  margin-bottom:5px;

}


/* afternoon tea */

.teawrap {
  margin:auto;
  width:301px;
}

.teawrap a:link, div.teawrap a:visited, div.teawrap a:hover, 
		div.teawrap a:focus, div.teawrap a:active  {
 color:pink; 
font-family:'monaco', Verdana;
font-size:18px; 
letter-spacing: .09em;
line-height: .9em;
text-decoration: none; 
left:0px; 
top:0px;
}

table.tea {
  width: 300px;
  background-color: transparent;
  border-width: 0px;
  border-color: #fda9a9;
  border-style: solid;
  font-family: "Verdana";
font-size:10px; 
color:#000000;
padding:5px;
}

table.tea td, table.tea th {
width: 300px;
  background-color: #ffffff;
  border-width: 1px;
  border-color: #fda9a9;
  border-style: solid;
  font-family: "Verdana";
font-size:10px; 
color:#000000;
padding:4px;
}

/* stickersheet */

.stickertop {
font-family: monaco; 
font-size: 18px; 
color: #6d507a; 
margin-top:-15px;

}

table.sticker {
      background-color: #d4a9c5; 
      border: 1px solid #d4a9c5;
      width: 267px;
    }
    
		/* Space between the stickers */
		table.sticker td img {
      padding:0px 8px;
		}
	
    table.sticker img {
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
		}
			
    /* To customize mulitple sets of tables:
    Each sticker sheet has 3 tables: ssclubheader_#, ssclubstickers_#, and #ssclubfooter_#. 
    Give each set of tables a different number.
    */
	    
    #ssclubheader_1 {
    background-image:url('https://pastelhell.neocities.org/pixelart/lacetop.gif'); 
    background-repeat: no-repeat; 
    background-position: top center;
    height:60px;
    width: 267px;
    background-color: #d4a9c5; 
    border-top: 1px solid #d4a9c5;
    border-left: 1px solid #d4a9c5;
    border-right: 1px solid #d4a9c5;
    }
			
			
    #ssclubfooter_1 {
     background-color: #ffecf9; 
     border: 1px solid #d4a9c5;
     width: 267px;

    }
	
	/* towers */
	
	.roof {
	width:180px; 
	margin:auto;

  }
	.building {
	width:292px; 
	height:550px;
	background-color:#5d4660;
	margin:auto;
	display: flex;
	flex-wrap: wrap;

	}
	
.building a:link, div.building a:visited, div.building a:hover, 
  div.building a:focus, div.building a:active  {
letter-spacing: normal;
line-height: normal;
text-decoration: none; 
left:0px; 
top:0px;
bottom:0px;
right:0px;


}

.building img {
  margin:0px;
  left:0px; 
top:0px;
bottom:0px;
right:0px;
  }
	

	
	
	
	
	
/* scrollbar */

/* width */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 0px;
  background: #ffeae1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: linear-gradient(rgb(254, 177, 172), rgb(250, 213, 181), rgb(200, 216, 201), rgb(197, 199, 223)
  
  
  );
  border: 1px solid #4b2c4e;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }

}