html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    width: 100%; 
    height: 100vh;
    color: #fff;
	background-image: linear-gradient(90deg, #2d00f7, #6a00f4, #a100f2, #bc00dd, #db00b6);
	/* background: #000; */
	background-position: center;
	overflow-x: hidden;
} 

.body2 {
    width: 100%; 
    height: 100vh;
    color: #fff;
	background-image: linear-gradient(90deg, #2d00f7, #6a00f4, #a100f2, #bc00dd, #db00b6);
	/* background: #000; */
	background-position: center;
	text-align: center;
} 

.h {
	width: 500px;
	height: auto;
}

.img2{
	width: 100px;
	height: 100px;
	position: absolute;	
	background: url('https://c.tenor.com/v5Wrpb8QoxcAAAAC/gingerbread-man-clapping.gif') no-repeat;
	background-size: 100px 100px;
}
.img3 {
	background: url('https://i.pinimg.com/originals/b2/f2/0c/b2f20ca9f64e21c87cec7523075de6ee.gif') no-repeat;
	background-size: 100px 100px;
}

.img_cntnt{
	width: 95%;
	height: auto;
	max-width: 500px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


a {
	/* margin: 30px 0 0 0; */
	display: block;
	border: 1px solid white;
}

.buttonThing{
	background: darkcyan;
	color:white;
	padding: 5px 30px;
	border-radius: 30px;
	border: 0;
}


.t{
	text-align: center;
}

.blah-bitty{
	text-align: left;

}

iframe {
	width:100%;
}


#yummyTreat{
	border-radius: 30px;
	border: 0px;
	padding: 5px 20px; 
}

#yan-yan{
	border-radius: 30px;
	border: 0px;
}

 ul.bluh li {
 	list-style: decimal;
 }
.gumyBare{
	font-size: 40px;
	text-align: center;
	text-transform: uppercase;
}

.bubby{
	width: 55px;
}

.yumyFood{
	background:url("https://i.pinimg.com/originals/11/b5/2e/11b52ea12b329819d532f1e8d068c8bc.png"); 
	background-size:100%;
	width: 245px;
	height:245px;
	padding:30px 0 0 15px; 
	
}

.ha{
	width: 45px;
	height: 45px;
}

.yumyFood p.haHa {
	color: white;
}

.stinky{
	border-radius: 50px;
	padding: 5px 7px 5px 7px;
}

.stinky:hover{
	transform: rotate(360deg) scale(2);
	transition: .6s;
}

.munkey{
	border-radius: 30px;
	border: 0px;

	padding: 5px 7px 5px 7px;  
}
 
.blubur{
	width: 55px;
	margin: 30px 0 0 0;
}

h1{
	font-size: 50px;
	font-weight: 100;
	width: 100%;
	text-align: left;
	font-size: 29px;
}


.flks{
    width: 16%;
    padding: 5px;
    border-radius: 5px;
    text-decoration: none;
    border: none;
	margin: auto;
}


.yohmy{
    width: 10%;
    margin: 0 auto;
    border-radius: 5px;
    border: none;
}


.hoobydy{
    width: 10%;
    margin: 0 auto;
    border-radius: 7px;
    border: none;
}

.hab{
	border: none;
	border-radius: 5px;
	width: 10%;
	margin: 0 auto;
}

.boooooo{
	width: 89px;
}

.you{
	border-radius: 30px;
	border: 0px;
	 
}

.c{
	border-radius: 30px;
}


.anyClass {
	border-radius: 30px;
	border: 0px; 
}

.preston{
	width: 89px;
}

.hacker{
	width: 99px;
}

.hacker:hover{
	transform: scale(1.2) rotate(5deg);
}

.pro{
	width: 139px;
}

.him{
	width: 89px
}

.him:hover{
	transform: scale(1.2);
}

.sword-swap {
	background: url("../IMG/sword1.png");
	background-size: cover;
	display: block;
	height: 200px;
	width: 200px;
}

.sword-swap:hover{
	background: url("../IMG/sword2.png");
	background-size: cover;
}

.stoneBlock{
	width: 160px;
	height: 160px;
}

.diamondBlock{
	width: 160px;
	height: 160px;
}

.dirty{
	width: 160px;
	width: 160px;
}

.exersize{
	width: 160px;
	height: 160px;
	margin: 0 0 0 190px;
}

.pTag{
	margin: 0 0 17px 250px;
}

.game {
	margin: 45px 0 0 0;
}

.image {
	width: 160px;
	height: 160px;
}

.main-button{
	border: 0px;
	border-radius: 30px;
}

.mbuttonj{
	border: 0px;
	border-radius: 30px;
}

.image{
	width: 166px;
}

.tgh{
	width: 160px;
}
.stuff-90 {
	background: url(https://s3-us-west-2.amazonaws.com/uw-s3-cdn/wp-content/uploads/sites/6/2021/01/14111124/HS-Hydra.jpg);
}

.gun{
	width: 160px; 
}


.gubn{
	border: 0px;
	border-radius: 30px;
}


.thumngh{
	width: 160px;
}

.px{
	width: 160px;
}

.h1tag{
	text-align: center;

}

.mrgn{
	text-align: center;
}

.border{
	border: 4px solid black;
}

.align{
	text-align: left;
	font-size: 45px; 
}

.color3{

	border: 0px;
	border-radius: 30px;
}



.buttonon{
	border: 0px;
	border-radius: 30px;
}

.size{
	width: 5px;
	height: 5px;
	border: 0px;
	border-radius: 100px; 
}

.flex{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
}

.cmd{
	width: 160px;
	height: 110px;
}

.top{
	display: flex;
	
}

.hrefd{
	width: 80px;
	height: 40px;
}

ul.main_menu {
	list-style: none;
    width: 100%; 
	flex-direction: row;
	justify-content: space-around;
	/* margin: 0px auto 0px auto; */
	flex-wrap: wrap;
	margin-bottom: 20px;
	display: flex;
	margin-top: 20px;
}


ul.main_menu li {
	display: inline-block;
	border: none;
	
	
}

ul.main_menu li a {
	border: none;
}


.game2 {
     margin: 45px 0 0 0;
    border: 8px;
    width: 10%;
    border: none;
    border-radius: 10px;
    padding: 5px;
}

.crushduhbug {
	width: 50%;
	min-width: 300px;
	margin: 0 auto;
	display: none;
}

.geometrydash {
	width: 50%;
	min-width: 300px;
	margin: 0 auto;
	display: none;

}


.chess {
	width: 50%;
	height: 50%;
	margin: 0 auto;
	display: none;
}

.art-gallery {
	border-radius: 8px;
	width: 10;
}

.whatever {
	width: 85px;
	height: 80px;
	margin: 0 auto;
}


.margin {
	margin: 0 auto;
}

.gif {
	width: 210px;
	height: 200px;
	margin: 0 auto;
}

.silk {
	display: none;
}

.no {
	border: none;
}

.media2{
	margin: 0 10px 0 0;
}

.hide{
	border: none;
}




.icon{
	width: 35px;
	height: 35px;
}

.div{
    margin: 32px 0 0 0;
    text-align: left;
    flex-wrap: wrap;
	position: relative;
}

.div2 {
    text-align: right;
    top: -300px;
    position: relative;
}


.hider{
	height: 0;
	width: 0;
	position: absolute;
	}




.div3{
	position: relative;
    top: -725px;
    left: -159px;
    flex-wrap: wrap;
}


.nav{
	height: 170px;
    width: 1456px;
}


.newDiv{
	background: transparent;
	display: flex;
}

.h:hover{
	transform: scale(1.0);
}


.new-a-tag:hover {
	transform: scale(1.0);
}

.cool{
	border-radius: 15;
}

/* .content{
	background:#414141;
	border-radius: 12px;
} */


.new-button{
	margin: auto;
	border: none;
}

.cool{
	border-radius: 13px;
	padding: 5px 5px 5px 5px ;
}

.coolo{
	border: none;
	margin: auto;
}

.nicee{
	border-radius: 23px;
	height: 23px;
	margin: auto;
	margin-top: 29px;
}


.awe{
	border: none;
	margin: auto;
}

.SB{
	border: none;
}

.so{
	margin: auto;
}

.vee{
	margin-top: 2px;
}

.fr{
	margin-top: 25px;
}

.s {
	margin: auto;
	display:inline;
}

a{
	border: none;
}

.pl{
	height: auto;;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.plr{
	margin-left: auto;
	margin-right: auto;
}

.yay{
	text-align: center;
}
 
.v{
	text-align: center;
	border: 4px solid black;
}

.sh-c{
	text-align: center;
}

.ple{
	height: 370px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.heading-content{
	margin: 10px 10px;
}

.paragraph{
	text-align: center;
	color: #ffffff;
}

.c{
	width: auto;
	max-width: 280px;
	border-radius: 23%;
	/* width: 100%; */
	margin-left: auto;
	margin-right: auto;
	align-self: center;
	max-height: 210px;
}

.cu{
	width: 50%;
	max-width: 280px;
	border-radius: 23%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	align-self: center;
}

.noicce{
	display: flex;
	width: 95%;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	border: 10px solid black;
}

button{
	border-radius: 50px;
	padding: 5px 5px;
}

a{
	color: #f20089;
}

p{
	color: black;
}

.gu{
	color: azure;
}

.me{
	color: rgb(0, 225, 255);
	background: #000000;
	margin-bottom: 5px;
}

.alignTHis{
	text-align: center;
	width: 280px;
    color: #fff;
}

.contrast{
	color: #0000ff;
}

.whatg{
	border: 10px ridge rgb(0, 255, 247);
}

a{
	margin-top: 5px;
	color: #00cef2;
}

.w{
	color: white;
}

.center{
	text-align: center;
}

.buttonnn{
	width: 100%;
}

.button_new{
	width: 148px;
	padding-top: 10px;
	padding-bottom: 10px;
    background: black;
	color: white;
	border: 2px solid #727272;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius: 50px;
	text-align: center;
}

/* .button_new:hover{
	background: #ffffff;
	color: #000;
} */

/* .button_new:visited{
	width: 148px;
	padding-top: 10px;
	padding-bottom: 10px;
} */

.fji{
	display: list-item;
	justify-content: space-around;
}

.closeupFrame {
	position: relative;
	margin: 30px auto;
	max-width: 500px;
	width:90%;
}
.bubbleText{
	position: absolute;
	background: #fff;
	border-radius: 30px;
	color:#000;
	font-size: 20px;
	padding: 20px 30px;
	top:0;
	left:0;
}
.img_cntnt {
	bottom: 0;
	right:0;
}
.bubbleText2,
.bubbleText3,
.bubbleText4,
.bubbleText5 {
	display: none;
}

.space{
	background: #0dd71e;
	border-radius: 30px;
	color:#000;
	font-size: 20px;
	padding: 20px 30px;
	top:0;
	left:0;
	margin: 3px;
}

.centere{
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 50px;
	padding: 12px;
	text-align: center;
	color: #fff;
}

/* One thousand lines of css!!! Big acomplishment! Date: 2-17-23 */

.yodaa{
	display: block;
	margin-bottom: 0px;
}

.yodab{
	display: block;
	position: absolute;
}

.yodaa:hover{
	display: none;
}

.borderee{
	border-radius: 50px;
}

.para{
	color: #fff;
}

#yodaClick,
#yodaClick2 {
	display: block;
	margin:90px auto;
}

#yodaClick2 {
	display: none;
}

.yodaInstruction {
	color: #fff;
	font-size:30px;
	/* margin: 0 auto 100px; */
	padding-bottom: 100px;
	text-align: center;
}

.pdff{
	display: block;
}

.season{
	border-radius: 50px;
	text-align: center;
	padding: 30px;
	width: 100%;
	color: #fff;
}

/* div{
	margin-top: 100px;
	margin-bottom: 100px;
	border: #00f7ff;
} */

.ghigh{
    border-radius: 30px;
    color: #00ff95;
    font-size: 20px;
    padding: 20px 30px;
	display: flex;
	justify-content: space-around;
	margin-bottom: 20px;
}

p{
	font-family: 'Mynerve', cursive;
}

a {
	font-family: 'Mynerve', cursive;
}

button{
	font-family: 'Mynerve', cursive;
}

.yyyyy{
	display: flex;
	justify-content: center;
	margin: 0px auto;
}

.nooos{
	margin: 0px auto;
	display: flex;

}

.goh{
	margin: 0px auto;
	display: flex;
	justify-content: center;
}

.extra_div:hover{
	transform: scale(1.10);
	transition: .1s;
}

/* .heading-content:hover{
	transform: scale(1.03);
	transition: .1s;
} */

.noicce:hover{
	transform: scale(1.03);
	transition: .1s;
}

.me:hover{
	transform: scale(1.05);
	transition: .3s;
	width: 99%;
}

.button_new:hover{
    background: #2f2f2f;
}

.HighlightedColor{
	background: #727171;
    color: #fff;
}

.embed{
	margin-top: 30px;
	text-align: center;
	width: 25%;
}

.ayt{
	text-align: center;
	padding: 10px;
	border-radius: 5px;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}

.em{
	text-align: center;
	color: #d9ff00;
}

.ghgh{
	color: #00cef2;
	text-align: center;
}

.nonon{
	width: 264px;
	margin: 45px;
}

.them{
	margin: auto;
	width: 50%;
	border-bottom: 1px dotted #ffffff;
	border-top: 1px dotted #ffffff;
	padding: 10px;
	text-align: center;
	color: #ffffff;
}

.bthem{
	text-align: center;
	color: #f2de00;
	margin-top: auto;
}

.ubthem{
	text-align: center;
	color: #811e6d;
	margin-top: auto;
}

.bubthem{
	text-align: center;
	color: #000000;
	margin-top: auto;
	margin-bottom: 60px;
}

.ububthem{
	text-align: center;
	color: #5900ff;
	margin-top: auto;
	margin-bottom: 30px;
}

.colorme{
	color:#000;
}



.hig{
	color: #6a00f4;
	border-radius: 12px;
	padding: 30px;
	font-size: larger;
}

.mib{
	text-align: center;
	color: #9c961b;
	font-weight: 900;
	font-size: xx-large;
}

.ee{
	color: #ffffff;
	text-align: center;
	margin: 30px;
	font-family: sans-serif;
	max-width: 100%;
	max-width: 100%;
}

.tb{
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 5px dotted white;
}

.extradiv{
	margin-top: 200px;
}

.tbn{
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 5px dotted white;
}

.tbnn{
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-top: 50px;
	padding-bottom: 50px;
	border-top: 5px dotted white;
}

.tbnnn{
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 5px dotted white;
}

.teee{
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 5px dotted white;
}

/* https://www.incredibox.com/mix/72df5602b2e45e24b8e0-v3 */

.coler{
	border: 3px dotted white;
	padding-left: 40px;
	padding-right: 40px;
}

.Bo{
	margin: 40px;
	text-align: center;
}


.removeUnderline{
	color:#000
}

.siis{
	height: auto;
	width: 30%;
	display: grid;
	margin-left: auto;
	margin-right: auto;
}

.spaceCenter{
	text-align: center;
	/* margin-bottom: 15px;
	margin-top: 150px; */
	margin: auto;
	width: 90%;
	/* border: 3px solid green; */
	padding: 10px;
	font-family: sans-serif;
}

.space-center{
	text-align: center;
	/* margin-bottom: 15px;
	margin-top: 150px; */
	margin: auto;
	width: 90%;
	/* border: 3px solid green; */
	padding: 10px;
	font-family: sans-serif;
}

.beep{
	display: grid;
}

::selection {
	background-color: #f2de00;
	text-align: center;
}

.FLEX{
	display: grid;
	justify-content: center;
	align-items: center;
}

.dododo{
	margin-top: 20px;
	width: 100%;
}

.dodododo{
	text-align: center;
	background: #00cef2;
	padding: 10px;
}

/* .dododododo:hover{
	transform: scale(1.05);
	transition: 0.1s;
} */

.HR {
	width: 60%;
	border: 10px dotted;
	border-style: none none dotted;
	color: #585858
}

.button_{
	width: 50%;
	padding-top: 10px;
	padding-bottom: 10px;
    background: black;
	color: white;
	border: 2px solid #727272;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius: 50px;
	text-align: center;
}

.H1y{
	color:#0000ff;
	text-align: center;
}



.newSpacing{
	margin-top: 50px;
	text-align: center;
	margin-bottom: 20px;
}
.fundraiserT {
	text-align: center;
}
.fundraising-widget {
	max-width:350px;
	width: 90%;
	margin:30px auto;
	border-radius: 6px;
}

.Pong_game{
	display: flex;
	margin: auto;
}

.div_space{
	margin-top: 30px;
	margin-bottom: 30px;
}

.iframe{
	width: 50%;
	height: 315px;
	margin: auto;
	min-width: 300px;
}

.centerIt {
	text-align: center;
}

.I1{
	margin-top: 30px;
	width:50%;
	min-width:300px;
	margin: 30px auto;

}

.I1-div {
	margin-top: 30px;
}

.i2{
	margin-top: 30px;
}

.paragraph_centerd{
	margin-bottom: 0;
	text-align: center;
	background: white;
	padding: 5px 10px;
	border-radius: 40px;
	width: 50%;
	margin: auto;
}

.IframeInDiv{
	margin-top: 10px;
	width: 50%;
	min-width:300px;
}

.margin30px{
	margin-top: 30px;
}

.widthClass{
	width: 50%;
}

/* .imgdiv{
	display: flex;
	flex-wrap: wrap;
} */

.IframeCenter {
	text-align: center;
}

/*image containers*/

.image-container {
	display: flex;
	flex-wrap: wrap;
}
  
.tall {
	width: 35%;
 }

 .short {
	width: 55%;
 }

.HeadingInfo {
	color: #ffffff;
	font-size: larger;
	text-align: center;
	margin-top: 40px;
}

.BetterLayout {
	display: flex;
	flex-wrap: wrap;
}

.I2{
	width: 75%;
}

.dododododo{
	text-align: center;
}

/* .FrightClub{
	width: 45%;
	margin-left: auto;
	margin-right: auto;
} */
/* .NewDivClass{
	display: flex;
} */

.evenSpacing {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.widthFix {
	width: 35%;
	height: auto;
}
.widthFix2 {
	width: 45%;
	height: auto;
}

@media screen and (max-width: 640px) and (max-height: 1136px) {
	.FrightClub{
		display: block;
		width: 100%;
		margin-bottom: 10px; /* optional space between images */
	}
}
@media screen and (min-width: 641px) {
	.NewDivClass {
		display: flex;
		flex-wrap: wrap; /* allows wrapping if needed */
		justify-content: space-between;
	}
	.FrightClub{
		width: 30%;
	}
}

.NDivClass{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.cards{
	display: flex;
	align-items: flex-start;
	gap: 40px;
}

.card{
	display: flex;
	flex: 1;
	flex-direction: column;
	text-align: center;
}

.card img {
  width: 100%;
  aspect-ratio: 4 / 5;
  height: auto;
  object-fit: cover;
}

.card p {
	margin-top: auto;
	padding-top: 20px;
	text-align: center;
}