/* ?MD]MM?MD?]M]DD]MMMM]M]MDD]]D]DM?DD?]MMDD]D]MM]M]]]M]MMMD]MDMM]=DD?MD]D?]DM?M
?MD]?D]MM?MD?]+]DM]D]MM]M]MDD]?D?D]?DD?]M]DM]D]MM]M]]]D]MM]D]MD]M]?MD?MD?D?]DM?M
?MD]?D?MM?MD?]D?DM]M]MM]M]]DD]]D?M]?MD?]M]DM]M]MM]MM]]D]]M]M]MD+M]?MM?MM?D?]DM?D
?MD]?D?]M?MD?]D?D7]M]M]]M]]MD?]D?M]?MM?]D?M]]M]M]]MM]]D]]M]M]]D]D]?MM?]M?D??DM?D
?MD]?M?]]?MD?]D?M]$M]M]]MM?MD?]M?M??MM?]D?D]]M?M]]MM]]D]]M?M=]M?D]?MM]]M?M]?DM]M
?DNDDDDDD]ND]MD]DMMN?DD].:$..?. ?.]]..]M.].I].].7M. M..]]D]MM]DMDM]NN]MDMDDMNDMD
]MDM]]DM]]DM]]]MM]]DM]D..        . ...... . ... .      .M=]DM]MDM]MDD]]]M]]MDD]]
?MM]?]MM?]MM]?]MM?]M]M7..                              ..]]MM?]MM]]MDM??M]?]MM]]
?MM]?]MM?]MM]?]M]?MMMD.                                  D]]M]]MM]]MDM??M]?]MM]]
?MM]?MM]?]MM]?]M]]MMD..                                  .DMM]?]M]]MDM??]]?]MM]]
]MM]?MM]?MM]??MM?MMM                                      .DMM?]MM?]MM]?]M?]MD]]
]DM?]M]?]MM]?]M?]MD.                                        DMM?]M??MM]??M]?MD]]
]D]?MM]?]M]?]M]]MD.                                         .DM]?M]?]MM]?]]?]D]]
]D]]M]?]MM??M]]MD.                                            DM]]M]?MM]?]M]]D]]
MM?M]?]MM]?M]]MN                                               ~D]]M??MM]?]M?MM]
D]]M]]MD]?M]]M:       you like the page                         .D]]M??MM]?]]]D]
D]M]]MM]]M?]D .          you think it's slick                    .NM?M]?MM]]M]M]
]]]]MD]]M]M$                you want to know                       .D]MM?MM]]M]]
]M]]D]M]]D. .                  what makes it tick                    N]]M?DM]]?]
]]]D]M]D                                                             ..D]M]MM]]]
]]D]MM..                                                              .. MMMD]]]
DM]M~.                            so you've arrived                     ..~M]MDD
MDDD.                                from parts uncertain                  DDDM]
]MMM.                                   to take a peek                    .MDM]]
]]]M.                                      behind the curtain             .MMM]]
]]MMI                                                                     =M]]]]
]?MD].                                                                    ]MM]]]
]]DM].                                                                  . ]DD]]]
]]DMMM                                                                   M]MD]]]
]]MMD]..                                                                .]MMD]]]
]]]MM]~.                                                                .]MM]]]]
]]]DM]].===============================================================.]]MD]]]]
]]]DMM].   welcomemat.co @ archive.org                                  ]MMD]]]]
]]]MMM]]                                                              .:]MMD]]]]
]]]MMM]]                                                               M]MMM]]]]
]]]MMM]].                                                             .]]MMM]]]]
]]]]MM]]                                                               ]]MMM]]*/
<style>
         

            :root {
                --content: #43256E;
            }
			
			

body {
  background-color: black;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;

}

		.zoom {  
			-webkit-transition-property: all; 
			-webkit-transition-duration: 0.3s; 
			-webkit-transition-timing-function: ease; 
} 

		.zoom:hover {
			transform: scale(1.2);
		}
		
		
		.rotate {
			animation: rotation 60s infinite linear;
		}

		@keyframes rotation {
			from {
				transform: rotate(0deg);
			}
			to {
				transform: rotate(359deg);
			}
		}

		a {
			color: #ee64f5;
		}


	  /* stars left: */
			#sticker1 {
				position: fixed;
				z-index: 1;
				top: 175px;
				margin-left: -750px;
			}
	  /* stars right */
			#sticker2 {
				position: fixed;
				z-index: 1;
				top: 175px;
				margin-left: 750px;
			}
	  /*  hands: */
			#sticker3 {
				position: fixed;
				z-index: 1;
				top: 0px;
				left: 0;
			}
      /* "inspo": */
			#sticker4 {
				position: fixed;
				z-index: 3;
				top: 135px;
				margin-left: 787px;
			}
	  /* crystal ball: */
			#sticker5 {
				position: fixed;
				z-index:3;
				top: 440px;
				margin-left: 330px;
				
			}
	  /* "updates": */
			#sticker6 {
				position: fixed;
				z-index:3;
				top: 135px;
				margin-right: 770px;
			}
	  /* "graphics": */
			#sticker7 {
				position: fixed;
				z-index: 3;
				top: 135px;
			}
			
	   /* "blinkies": */
			#sticker8 {
				position: fixed;
				z-index: 4;
				top: 165px;
				margin-left: -1000px;
			}
			
	   /* "stamps": */
			#sticker9 {
				position: fixed;
				z-index: 3;
				top: 165px;
				margin-left: 985px;
			}
			
	   /* left vine: */
			#sticker10 {
				position: fixed;
				z-index: 0;
				top: 0px;
				margin-left: -970px;
			}
				
	   /* right vine: */
			#sticker11 {
				position: fixed;
				z-index: 0;
				top: 0px;
				margin-right: -970px;
			}
				
	   /* index vine: */
			#sticker12 {
				position: fixed;
				z-index: 2;
				top: 0px;
				margin-right: -999px;
			}
			
	   /* guestbook: */
			#sticker13 {
				position: fixed;
				z-index: 3;
				top: 477px;
				margin-left: 125px;
			}
			
	   /* "guestbook": */
			#sticker14 {
				position: fixed;
				z-index: 3;
				top: 530px;
				margin-left: -120px;
			}
	   /* pinboard: */
			#sticker15 {
				position: fixed;
				z-index: 1;
				top: 100px;
				margin-left: 400px;
				pointer-events: none;
			}
			
	   /* pillowfort bg: */
			#sticker16 {
				position: fixed;
				z-index: 0;
				margin-top: -10px;
			}
			
	   /* beanbag: */
			#sticker17 {
				position: fixed;
				z-index: 4;
				margin-top: 400px;
				margin-left: -690px;
			}
			
	   /* bella: */
			#sticker18 {
				position: fixed;
				z-index: 4;
				margin-top: 420px;
				margin-left: -680px;
				transform: rotate(-15deg);
			}
		
	   /* g. lava lamp: */
			#sticker19 {
				position: fixed;
				z-index: 3;
				margin-top: 270px;
				margin-left: -840px;
			}
			
	   /* p. lava lamp: */
			#sticker20 {
				position: fixed;
				z-index: 3;
				margin-top: 290px;
				margin-left: -750px;
			}
			
	   /* plushie pile: */
			#sticker21 {
				position: fixed;
				z-index: 2;
				margin-top: 250px;
				margin-left: -400px;
			}
			
	   /* tv & phone: */
			#sticker22 {
				position: fixed;
				z-index: 5;
				margin-top: 320px;
				margin-left: 755px;
				pointer-events: none;
			}
			
	   /* 3ds: */
			#sticker23 {
				position: fixed;
				z-index: 6;
				margin-top: 530px;
				margin-left: 450px;
			}
			
	   /* potted plant: */
			#sticker24 {
				position: fixed;
				z-index: 2;
				margin-top: 390px;
				margin-left: 500px;
			}
			
	   /* curtains: */
			#sticker25 {
				position: fixed;
				z-index: 2;
				margin-top: -10px;
				pointer-events: none;
			}
			
	   /* tiny pinboard: */
			#sticker26 {
				position: fixed;
				z-index: 1;
				margin-top: 85px;
				margin-left: 200px;
			}
			
	   /* freddie freaker: */
			#sticker27 {
				position: fixed;
				z-index: 1;
				margin-top: 285px;
			}
			
	   /* to kitchen: */
			#sticker28 {
				position: fixed;
				z-index: 1;
				margin-top: -10px;
				margin-left: -1130px;
			}
			
	   /* to study: */
			#sticker29 {
				position: fixed;
				z-index: 1;
				margin-top: -10px;
				margin-left: 1130px;
			}
			
	   /* curtain sides: */
			#sticker30 {
				position: fixed;
				z-index: 6;
				margin-top: -50px;
				pointer-events: none;
			}
			
	   /* desk bg: */
			#sticker31 {
				position: fixed;
				z-index: 0;
				margin-top: -10px;
			}
			
	   /* guestbook big: */
			#sticker32 {
				position: fixed;
				z-index: 3;
				margin-top: 455px;
				margin-left: -400px;
			}
			
	   /* teapot & berries: */
			#sticker33 {
				position: fixed;
				z-index: 3;
				margin-top: 250px;
				margin-left: -225px;
			}
			
	   /* cds: */
			#sticker34 {
				position: fixed;
				z-index: 3;
				margin-top: 470px;
				margin-left: 275px;
			}
			
	   /* "kitchen": */
			#sticker35 {
				position: fixed;
				z-index: 7;
				margin-top: 470px;
				margin-left: -1110px;
			}
			
	   /* "study": */
			#sticker36 {
				position: fixed;
				z-index: 7;
				margin-top: 470px;
				margin-left: 1110px;
			}
			
	   /* "pillowfort" from study: */
			#sticker37 {
				position: fixed;
				z-index: 3;
				margin-top: 470px;
				margin-left: 1110px;
			}
			
	   /* jean scrap: */
			#sticker38 {
				position: fixed;
				z-index: 1;
				margin-top: 70px;
				margin-left: -810px;
				pointer-events: none;
			}
			
	   /* map: */
			#sticker39 {
				position: fixed;
				z-index:3;
				top: 533px;
				margin-left: 220px;
				cursor: pointer;
			}
			
	   /* pink shelves: */
			#sticker40 {
				position: fixed;
				z-index: 0;
				margin-top: -10px;
			}
			
	   /* pushpin: */
			#sticker41 {
				position: fixed;
				z-index: 5;
				margin-top: 55px;
				margin-left: -770px;
				opacity: 0.75;
			}
			
	   /* crying eyes: */
			#sticker42 {
				position: fixed;
				z-index: 5;
				margin-top: 120px;
				margin-left: -730px;
				pointer-events: none;
			}
			
	   /* mush plush: */
			#sticker43 {
				position: fixed;
				z-index: 5;
				margin-top: 450px;
				margin-left: -710px;
				pointer-events: none;
			}
			
	   /* cherry babies: */
			#sticker44 {
				position: fixed;
				z-index: 5;
				margin-top: 400px;
				margin-left: 740px;
				pointer-events: none;
			}
			
	   /* fluffy cow: */
			#sticker45 {
				position: fixed;
				z-index: 5;
				margin-top: 515px;
				margin-left: 680px;
				transform: scaleX(-1);
				pointer-events: none;
			}
			
	   /* graphics double mush: */
			#sticker46 {
				position: fixed;
				z-index: 4;
				margin-top: 500px;
				margin-left: -585px;
			}
			
	   /* pillbugs: */
			#sticker47 {
				position: fixed;
				z-index: 4;
				margin-top: 360px;
				margin-left: -765px;
				transform: scaleX(-1);
				pointer-events: none;
			}
			
	   /* insect balls: */
			#sticker48 {
				position: fixed;
				z-index: 4;
				margin-top: 350px;
				margin-left: 735px;
				pointer-events: none;
			}
			
	   /* nakey sanrio figs: */
			#sticker49 {
				position: fixed;
				z-index: 4;
				margin-top: 130px;
				margin-left: 525px;
			}
			
	   /* sleeping calico: */
			#sticker50 {
				position: fixed;
				z-index: 4;
				margin-top: 560px;
				margin-left: 480px;
			}
			
	   /* candle: */
			#sticker51 {
				position: fixed;
				z-index: 4;
				margin-top: -290px;
				margin-left: -490px;
			}
			
	   /* magic mirror: */
			#sticker52 {
				position: fixed;
				z-index: 5;
				margin-top: 475px;
				margin-left: 1160px;
			}
			
	   /* bookshelf bg: */
			#sticker53 {
				position: fixed;
				z-index: 0;
				margin-top: -10px;
			}
			
	   /* pillowfoot bottom: */
			#sticker54 {
				position: fixed;
				z-index: 0;
				margin-top: 638px;
			}
			
	   /* "cool stuff": */
			#sticker55 {
				position: fixed;
				z-index: 3;
				top: 135px;
				margin-left: 30px;
			}
			
	   /* cat bed: */
			#sticker56 {
				position: fixed;
				z-index: 3;
				top: 15px;
				margin-left: -1242px;
			}
			
	   /* mushroom line: */
			#sticker57 {
				position: fixed;
				z-index: 3;
				top: 143px;
				margin-left: 850px;
			}
			
	   /* cauldron: */
			#sticker58 {
				position: fixed;
				z-index: 0;
				top: 10px;
				margin-left: -1000px;
			}
		
	   /* hanging moss: */
			#sticker59 {
				position: fixed;
				z-index: 0;
				top: -33px;
				margin-left: 965px;
			}
			
	   /* "baby zone": */
			#sticker60 {
				position: absolute;
				z-index: 2;
				top: 95px;
			}

	   /* big sticker 1: */
			#sticker61 {
				position: absolute;
				z-index: 3;
				top: 0px;
				margin-left: -1074px;
			}
			
	   /* big sticker 2: */
			#sticker62 {
				position: absolute;
				z-index: 3;
				top: 0px;
				margin-left: 1074px;
			}
			
	   /* laughing cinna: */
			#sticker63 {
				position: absolute;
				z-index: 3;
				top: 615px;
				margin-left: -485px;
				pointer-events: none;
			}
			
	   /* waving frog: */
			#sticker64 {
				position: absolute;
				z-index: 3;
				top: 1065px;
				margin-left: 480px;
			}
			
	   /* drawn heart + smile: */
			#sticker65 {
				position: absolute;
				z-index: 3;
				top: 124px;
				margin-left: -410px;
			}
			
	   /* walking hello kitty: */
			#sticker66 {
				position: absolute;
				z-index: 3;
				top: 1010px;
				margin-left: -485px;
				pointer-events: none;
			}
			
	   /* my litle pony doll: */
			#sticker67 {
				position: absolute;
				z-index: 3;
				top: 35px;
				margin-left: 600px;
				transform: scaleX(-1);
			}
			
	   /* nurse miku: */
			#sticker68 {
				position: absolute;
				z-index: 3;
				top: 10px;
				margin-left: -655px;
			}

	   /* orange kitty: */
			#sticker69 {
				position: absolute;
				z-index: 3;
				top: 1046px;
				margin-left: -376px;
			}
			
	   /* "nice to meet you" cat: */
			#sticker70 {
				position: absolute;
				z-index: 3;
				top: 187px;
			}		
			
	   /* stone entrance: */
			#sticker71 {
				position: absolute;
				z-index: 2;
				margin-top: 35px;
			}			
			
	   /* haunted house: */
			#sticker72 {
				position: absolute;
				z-index: 3;
				margin-top: 42px;
			}	
			
	   /* iron gate: */
			#sticker73 {
				position: absolute;
				z-index: 4;
				margin-top: 57px;
			}	
			
	   /* swamp: */
			#sticker74 {
				position: fixed;
				z-index: 5;
				margin-top: -6px;
			}	
			
	   /* swamp torch L: */
			#sticker75 {
				position: fixed;
				z-index: 6;
				margin-top: 380px;
				margin-left: -550px
			}	
			
	   /* swamp torch R: */
			#sticker76 {
				position: fixed;
				z-index: 6;
				margin-top: 380px;
				margin-left: 550px;
			}

	   /* "good work" kitties: */
			#sticker77 {
				position: absolute;
				z-index: 3;
				top: 187px;
			}	

	   /* bead frame: */
			#sticker78 {
				position: absolute;
				z-index: 3;
				top: 208px;
				margin-left: -700px;
				pointer-events: none;
			}	

	   /* bead frame 2: */
			#sticker79 {
				position: absolute;
				z-index: 3;
				top: 208px;
				margin-left: -700px;
				pointer-events: none;
			}			
			
	   /* kitchen bg: */
			#sticker80 {
				position: fixed;
				z-index: 0;
				margin-top: -10px;
				order: 1;
			}
			
	   /* fish tank: */
			#sticker81 {
				position: fixed;
				z-index: 1;
				margin-top: 340px;
				margin-left: 455px;
			}
			
	   /* incense: */
			#sticker82 {
				position: fixed;
				z-index: 1;
				margin-top: 320px;
				margin-left: 210px;
				transform: scaleX(-1);
			}
			
	   /* study books: */
			#sticker83 {
				position: fixed;
				z-index: 2;
				margin-top: 177px;
				margin-left: -523px;
			}

	   /* beads: */
			#sticker84 {
				position: fixed;
				z-index: 3;
				margin-top: -10px;
				margin-left: -770px;
				pointer-events: none;
			}
			
	   /* cat in computer: */
			#sticker85 {
				position: fixed;
				z-index: 1;
				margin-top: 535px;
				margin-left: 1184px;
			}
			
	   /* hello kitty slideshow: */
			#sticker86 {
				position: fixed;
				z-index: 1;
				margin-top: 464px;
				margin-left: 1184px;
			}	

	   /* apple ad: */
			#sticker87 {
				position: fixed;
				z-index: 1;
				margin-top: 360px;
				margin-left: 1184px;
			}				
			
	   /* "i bite the hand": */
			#sticker88 {
				transform: rotate(90deg);
				position: fixed;
				z-index: 2;
				margin-top: 230px;
				margin-left: 1180px;
			}	

	   /* home page lily o.t. valley: */
			#sticker89 {
				position: fixed;
				z-index: 0;
				margin-top: 499px;
				margin-left: -1080px;
			}	

	   /* home page rooftops: */
			#sticker90 {
				position: fixed;
				z-index: 1;
				margin-top: 546px;
				opacity: 0.9;
			}		

	   /* jiji plush: */
			#sticker91 {
				position: fixed;
				z-index: 4;
				margin-top: 535px;
				margin-left: 950px;
			}		

	   /* kk playing guitar: */
			#sticker92 {
				position: fixed;
				z-index: 1;
				margin-top: 75px;
			}				
			
	   /* "pillowfort" from kitchen: */
			#sticker93 {
				position: fixed;
				z-index: 6;
				margin-top: 470px;
				margin-left: -1110px;
			}			
			
	   /* "made with notepad": */
			#sticker94 {
				position: fixed;
				z-index: 3;
				top: 435px;
				margin-left: 523px;
			}	

	   /* "static buttons": */
			#sticker95 {
				position: fixed;
				z-index: 5;
				margin-top: 585px;
				margin-left: -15px;
				cursor: pointer;
			}	

	   /* interests page bg: */
			#sticker96 {
				position: fixed;
				z-index: 1;
				margin-top: -10px;
			}		

	   /* horned miku figure: */
			#sticker97 {
				position: fixed;
				z-index: 3;
				margin-top: 107px;
				margin-left: 931px;
				pointer-events: none;
			}		

	   /* hanging wire string: */
			#sticker98 {
				position: fixed;
				z-index: 10;
				margin-top: -10px;
				margin-left: 50px;
				pointer-events: none;
			}		

	   /* harvest moon awl logo: */
			#sticker99 {
				position: absolute;
				z-index: 4;
			}			
			
	   /* harvest moon anwl logo: */
			#sticker100 {
				position: absolute;
				z-index: 4;
				margin-left: -570px;
				margin-top: 140px;
			}	

	   /* story of seasons awl logo: */
			#sticker101 {
				position: absolute;
				z-index: 3;
				margin-left: -550px;
				margin-top: 53px;
			}				
			
	   /* hm cow plushie: */
			#sticker102 {
				position: absolute;
				z-index: 4;
				margin-left: 635px;
				margin-top: 30px;
			}	

	   /* low poly cow: */
			#sticker103 {
				position: absolute;
				z-index: 2;
				margin-left: -870px;
				margin-top: 35px;
			}		

	   /* hm cow plushie 2: */
			#sticker104 {
				position: absolute;
				z-index: 4;
				margin-left: 930px;
				margin-top: 105px;
			}

	   /* sheep keychain: */
			#sticker105 {
				position: fixed;
				z-index: 4;
				margin-left: 325px;
				margin-top: 12px;
				transform: rotate(-17deg);
			}	

	   /* green ipod: */
			#sticker106 {
				position: fixed;
				z-index: 3;
				margin-left: -600px;
				margin-top: 73px;
			}	

	   /* wooden frame: */
			#sticker107 {
				position: absolute;
				z-index: 3;
				margin-left: 10px;
				margin-top: 150px;
				pointer-events: none;
			}		

	   /* gamecube: */
			#sticker108 {
				position: absolute;
				z-index: 3;
				margin-left: 900px;
				margin-top: 2700px;
			}	

	   /* long cow plush: */
			#sticker109 {
				position: absolute;
				z-index: 3;
				margin-left: 660px;
				margin-top: 2810px;
			}	

	   /* ranni figure: */
			#sticker110 {
				position: fixed;
				z-index: 3;
				margin-top: 95px;
				margin-left: 940px;
				pointer-events: none;
			}	

	   /* spinning dog: */
			#sticker111 {
				position: absolute;
				z-index: 3;
				margin-top: 2875px;
				margin-left: -880px;
			}		

	   /* chicken plushie: */
			#sticker112 {
				position: absolute;
				z-index: 3;
				margin-top: 2800px;
				margin-left: -590px;
			}				
			
	   /* purple hilt: */
			#sticker113 {
				position: fixed;
				z-index: 1;
				margin-top: 35px;
				margin-left: 1135px;
			}
			
	   /* cd background: */
			#sticker114 {
				position: fixed;
				z-index: 0;
				margin-top: -10px;
				margin-left: -300px;
			}
			
	   /* tv on stand: */
			#sticker115 {
				position: fixed;
				z-index: 0;
				margin-top: 60px;
				margin-left: -940px;
			}
			
	   /* music player visuals: */
			#sticker116 {
				position: fixed;
				z-index: 0;
				margin-top: 82px;
				margin-left: -928px;
				transform: rotate(-1deg);
			}
			
	   /* "featured song": */
			#sticker117 {
				position: fixed;
				z-index: 7;
				margin-top: 381px;
				margin-left: 345px;
			}
			
	   /* jamming creature: */
			#sticker118 {
				position: fixed;
				z-index: 4;
				margin-top: 335px;
				margin-left: -945px;
			}
			
	   /* sparkling mushroom: */
			#sticker119 {
				position: fixed;
				z-index: 1;
				margin-top: 20px;
				margin-left: 1075px;
			}
			
	   /* "new" cat */
			#sticker120 {
				position: fixed;
				z-index: 10;
				margin-top:224px;
				margin-left:-1085px;
			}
			
	   /* xcoffee */
			#sticker121 {
				position: fixed;
				z-index: 2;
				margin-top: 40px;
				margin-left: 932px;
			}
			
	   /* centennial bulb */
			#sticker122 {
				position: fixed;
				z-index: 2;
				margin-top: -10px;
				margin-left: 740px;
			}	

	   /* goo guy */
			#sticker123 {
				position: fixed;
				z-index: 5;
				margin-top: 125px;
				margin-left: -530px;
			}				

	   /* bullshit wizard */
			#sticker124 {
				position: fixed;
				z-index: 2;
				margin-top: 50px;
				margin-left: -992px;
			}
			
		/* "about" */
			#sticker125 {
				position: fixed;
				z-index:3;
				top: 135px;
				margin-right: 770px;
			}
			
		/* 3ds */
			#sticker126 {
				position: fixed;
				z-index: 3;
				margin-left: 555px;
				margin-top: 15px;
				transform: rotate(-5deg);
			}
		
	   /* 3ds page bg: */
			#sticker127 {
				position: fixed;
				z-index: 1;
				margin-top: -10px;
			}			
			
	   /* "how to hack": */
			#sticker128 {
				position: fixed;
				z-index: 3;
				margin-top: 20px;
				margin-left: -890px;
			}
		
	   /* "ds games": */
			#sticker129 {
				position: fixed;
				z-index: 3;
				margin-top: 20px;
				margin-left: 895px;
			}

	   /* "other": */
			#sticker130 {
				position: fixed;
				z-index: 3;
				margin-top: 350px;
				margin-left: 895px;
			}		

	   /* hongjoong: */
			#sticker131 {
				position: fixed;
				z-index: 4;
				margin-top: 1px;
				margin-left: -8px;
			}			
	
	   /* iv pole: */
			#sticker132 {
				position: fixed;
				z-index: 4;
				margin-top: 255px;
				margin-left: -1180px;
			}		
		
	   /* "health zone": */
			#sticker133 {
				z-index: 4;
				margin-top: 0px;
			}	
			
		/* watermelon cat: */
			#sticker134 {
				z-index: 7;
				margin-top: 0px;
				position: absolute;
				margin-left: 800px;
				transform: rotate(-5deg);
			}	
			
		/* fishbowl cat: */
			#sticker135 {
				z-index: 7;
				margin-top: 20px;
				position: absolute;
				margin-left: 1000px;
				transform: rotate(6deg);
			}	
			
		/* cat face down: */
			#sticker136 {
				z-index: 7;
				margin-top: 1120px;
				margin-left: -280px;
				position: absolute;
			}	
			
		/* "jk! read on, stranger": */
			#sticker137 {
				z-index: 99;
				margin-top: 255px;
				margin-left: -355px;
				position: absolute;
				transform: rotate(-10deg);
			}
			
    	/* "welcome to the": */
			#sticker138 {
				position: absolute;
				z-index: 2;
				top: 50px;
			}
			
		/* "kitty zone": */
			#sticker139 {
				position: absolute;
				z-index: 2;
				top: 95px;
			}
			
			
			
			#calendar {
				position: absolute;
				padding: 2px;
				max-height: 210px;
				margin-left: 11px;
				margin-top: 10px;
				overflow: hidden;
				text-align: center;
			}	
			
			#playlist {
				position: fixed;
				z-index: 3;
				top: 540px;
				margin-left: -880px;
			}
			
			#mushroom {
				position: fixed;
				z-index: 6;
				top: 5px;
				margin-left: -60px;
			}
			
			#monkey {
				position: fixed;
				z-index: 6;
				top: 260px;
				margin-left: 6px;
			}			
			
			#video {
				position: fixed;
				z-index: 3;
				margin-top: 420px;
				margin-left: 755px;
			}
			
			#statuscafe {
				padding: .5em;
				background-image: url("pngs/plants.jpg");
				background-repeat: x;
				height: 160px;
				width: 200px;
				margin-top: 10px;
			}
			
			#statuscafe-username {
				margin-bottom: .5em;
				font-family: Agdasima;
				color: #04a604;
				margin-top: -10px;
			}
			
			#statuscafe-content {
				margin: 0 1em 0.5em 1em;
				font-family: Agdasima;
				color: white;
				margin-top: -3px;
			}
			
			#moon {
				position: fixed;
				z-index: 3;
				top: 340px;
				margin-left: -780px;
			}
			
			#navbar {
                height: 40px;
                width: 1000px;
            }

            #navbar ul {
                display: flex;
                padding: 0;
                margin: 0;
                list-style-type: none;
                justify-content: space-evenly;
            }

            #navbar li {
                padding-top: 5px;
            }

            /* navigation links*/
            #navbar li a {
                color: #6254a6;
                /* navbar text color */
                font-weight: 800;
                text-decoration: none;
            }

            /* navigation link hover */
            #navbar li a:hover {
                color: #a49cba;
				z-index: 3;
            }

      /* wraps whole site */
            #graphicscontainer {
                position: fixed;
				z-index: 1;
                max-width: 1020px;
                margin: 0 auto;
            }
			
			 #coolstuffcontainer {
                position: fixed;
				z-index: 2;
                max-width: 1020px;
                margin: 0 auto;
            }
			
			#coolstuffcontainer a {
                color: #ED64F5;
                font-weight: bold;
            }
			
			#popupcontainer a {
                color: #ED64F5;
                font-weight: bold;
            }
			
			 #flex {
                display: flex;
            }
			
			#container {
				position: fixed;
				z-index: 2;
                max-width: 1020px;
                /* change query if edited */
                margin: 0 auto;
                /* centers page */	
            }

            #container a {
                color: #ED64F5;
                font-weight: bold;
            }
			
			#cutecontainer {
				overflow:auto;
				max-width: 900px;
                margin: 0 auto;
            }
			
			#hmcontainer {
				overflow:auto;
				max-width: 1100px;
                margin: 0 auto;
            }

			#header {
                width: 100%;
                height: 150px;
				background-image: url("pngs/notepad.png");
                background-size: 100%;
            }
			
			#header2 {
                width: 100%;
                height: 200px;
                background-size: 100%;
            }
            
			
           

            /* both; to to style separately, #leftsidebar and #rightsidebar */
			
            aside {
                width: 200px;
                font-size: smaller;
            }
			
			rightsidebar {
				width: 140px;
				padding:20px;
				font-size: smaller;
			}

			leftsidebar {
				width: 140px;
				padding:20px;
				font-size: smaller;
			}
			
			coolstuffrightsidebar {
				font-size: smaller;
			}

			coolstuffleftsidebar {
				font-size: smaller;
			}
			
			graphicsrightsidebar {
				width: 140px;
				padding:20px;
				font-size: smaller;
			}

			graphicsleftsidebar {
				width: 140px;
				padding:20px;
				font-size: smaller;
			}

			cuterightsidebar {
				width: 140px;
				font-size: smaller;
			}

			cuteleftsidebar {
				width: 140px;
				font-size: smaller;
			}
			
			hmrightsidebar {
				font-size: smaller;
			}

			hmleftsidebar {
				font-size: smaller;
			}

            #indexmain {
                background-image: url("gifs/moon.gif");
                flex: 1;
                padding: 20px;
				max-height: 366px;
				max-width: 540px;
				order: 2;
            }
			
			 #coolstuffmain {
                background-color: #533767;
				border: 1px solid #af77b1;
                flex: 1;
                padding: 20px;
				max-height: 350px;
				margin-left: 125px;
				max-width: 520px;
				overflow: auto;
				order: 2;
            }
			
			#graphicsmain {
				background-color: #533767;
				border: 1px solid #af77b1;
				flex: 1;
				padding: 20px;
				width: 700px;
				max-height: 410px;
				overflow: auto;
				order: 2;
			}
			
			#pinboardmain {
				padding: 5px;
				max-width: 725px;
				max-height: 400px;
				overflow: auto;
				order: 2;
				margin-top: 114px;
				margin-left: 405px;
				z-index: 3;
			}
			
			#cutemain {
				background-image: url("cute/clouds.jpg");
				border: 1px solid #fbbcc7;
				z-index: 2;
				padding: 20px;
				flex: 1;
				max-height: 903px;
				width: 750px;
				overflow-y: auto;
				order: 2;
			}
			
			#hmmain {
				border: 1px solid #000;
				background-color: rgba(255,255,255,.4);
				z-index: 2;
				padding: 20px;
				flex: 1;
				width: 670px;
				overflow: auto;
				order: 2;
			}	
			
			#hmmaint {
				width: 630px;
				overflow: auto;
			}	

			#hmmainl {
				z-index: 2;
				width: 310px;
				overflow: auto;
				float: left;
			}	

			#hmmainr {
				z-index: 2;
				width: 310px;
				overflow: auto;
				float: right;
			}			
			
			#orbsmain {
				max-width: 1600px;
				order: 1;
				margin-top: 20px;
				z-index: 1;
			}
			
			#librarytop {
				position:fixed;
				padding: 30px;
				max-width: 1100px;
				height: 475px;
				overflow-x: scroll;
				overflow-y: hidden;
				white-space: nowrap;
				order: 1;
				margin-top: 30px;
				z-index: 2;
			}
			
			#plushiestop {
				position:fixed;
				padding: 30px;
				max-width: 1100px;
				height: 250px;
				overflow-x: scroll;
				overflow-y: hidden;
				white-space: nowrap;
				order: 1;
				margin-top: 20px;
				z-index: 2;
			}
			
			#kblinkies {
				transform: skew(0deg, 7deg);
				border: 1px solid #ffffff;
				width: 209px;
				height: 297px;
				margin-left: 883px;
				margin-top: 205px;
				overflow: scroll;
				padding: 10px;
				z-index: 4;
				overflow-x: hidden;
				overflow-y: scroll;
			}
			
			#fridgeinside {
				position: fixed;
				margin-left: 46px;
				width: 669px;
				height: 121px;
				padding: 5px;
				margin-top: 30px;
				z-index: 5;
				overflow-x: scroll;
				overflow-y: hidden;
				white-space: nowrap;
			}
			
			#fridgeinside2 {
				position: fixed;
				margin-left: 57px;
				width: 643px;
				height: 160px;
				padding: 5px;
				margin-top: 202px;
				z-index: 5;
				overflow-x: scroll;
				overflow-y: hidden;
				white-space: nowrap;
			}
			
			#fridgeinside3 {
				position: fixed;
				margin-left: 63px;
				width: 630px;
				height: 157px;
				padding: 5px;
				margin-top: 406px;
				z-index: 5;
				overflow-x: scroll;
				overflow-y: hidden;
				white-space: nowrap;
			}
			
			#sitemap1 {
				position:fixed;
				width: 300px;
				height: 300px; 
				padding: 5px;
				z-index: 5;
				margin-left: 10px;
				margin-top: -30px;
			}
			
			#sitemap2 {
				position:fixed;
				width: 300px;
				height: 300px; 
				padding: 5px;
				z-index: 5;
				margin-left: 250px;
				margin-top: -30px;
			}
			
			#buttons {
				position:fixed;
				width: 386px;
				height: 270px;
				padding: 10px;
				z-index: 10;
				overflow-x: hidden;
				overflow-y: scroll;
			}
			
			#biases {
				position:fixed;
				width: 290px;
				height: 480px;
				padding: 10px;
				z-index: 10;
				overflow-x: hidden;
				overflow-y: scroll;
			}
			

            #leftsidebar {
                order: 1;
				font-size: smaller;
			}

            #rightsidebar {
                order: 3;
				font-size: smaller;
            }
			
			
			#coolstuffleftsidebar {
                order: 1;
				font-size: smaller;
				margin-top: -29px;
				margin-left: -130px;
			}

            #coolstuffrightsidebar {
                order: 3;
				font-size: smaller;
				margin-top: -391px;
				margin-left: 797px;
            }
			
			#coolstuffmainbottom {
				position: fixed;
                background-color: #533767;
				border: 1px solid #af77b1;
				padding: 7px;
				overflow: auto;
                flex: 4;
				height: 45px;
				width: 500px;
				margin-left: 15px;
				margin-top: 560px;
				overflow-x: scroll;
				overflow-y: hidden;
				white-space: nowrap;
				order: 2;
				z-index: 2;
            }
			
			#plushiesbottom {
				position: fixed;
				padding: 32px;
				max-width: 1100px;
				height: 110px;
				overflow-x: scroll;
				overflow-y: hidden;
				white-space: nowrap;
				order: 2;
				margin-top: 330px;
				z-index: 2;
			}
			
			#pinboardsidebar {
				position: fixed;
				padding: 5px;
				max-width: 350px;
				max-height: 410px;
				overflow: auto;
				order: 1;
				margin-top: 114px;
				margin-left: -800px;
				z-index: 4;
			}
			
			#graphicsleftsidebar {
				position: fixed;
				z-index: 3;
				max-height:375;
				width: 13%;
				margin-top: 160px;
				margin-left: -615px;
                order: 2;
            }

            #graphicsrightsidebar {
				position: fixed;
				z-index: 1;
				max-height:375;
				width: 13%;
				margin-top: 160px;
				margin-left: 375px;
                order: 2;
            }
			
			#cuteleftsidebar {
				z-index: 2;
				width: 200px;
                order: 1;
				font-size: smaller;
            }

            #cuterightsidebar {
				z-index: 2;
				width: 200px;
				order: 3;
				font-size: smaller;
            }
			
			#hmleftsidebar {
				z-index: 2;
				width: 210px;
                order: 1;
				font-size: smaller;
				margin-top: 55px;
            }

            #hmrightsidebar {
				z-index: 2;
				width: 210px;
				order: 3;
				font-size: smaller;
				margin-top: 55px;
            }
			
            #laptop {
				z-index: 2;
				width: 449px;
				height: 237px;
				margin-top: 235px;
				margin-left: 565px;
				position: fixed;
				overflow-x: hidden;
				overflow-y: scroll;
				padding: 20px;
            }
			
			#dstop {
				perspective: 100px;
				margin-left: -810px;
				margin-top: 238px;
				z-index: 4;
				position: fixed;
			}
			
			#dstop2 {
				transform: rotateX(-2deg);
				width: 232px;
				height: 135px;
				padding: 10px;
				z-index: 4;
				overflow-x: hidden;
				overflow-y: scroll;
			}
			
			#dsbottom {
				perspective: 100px;
				margin-left: -810px;
				margin-top: 431px;
				z-index: 4;
				position: fixed;
			}
			
			#dsbottom2 {
				transform: rotateX(2deg);
				width: 180px;
				height: 133px;
				padding: 10px;
				z-index: 4;
				overflow-x: hidden;
				overflow-y: scroll;
			}
			
			#musicextra {
				position:fixed;
                background-color: #533767;
				border: 1px solid #af77b1;
				margin-top: 393px;
				margin-left: 15px;
				width: 578px;
				height: 180px;
				padding: 20px;
				z-index: 3;
			}
			
			#musicextra2 {
				width: 260px;
				height: 190px;
				margin-top: -178px;
				margin-left: 320px;
				overflow: auto;
				overflow-y: hidden;
			}
			
			#musicgraphs {
				position: fixed;
                background-color: #533767;
				border: 1px solid #af77b1;
				margin-top: 350px;
				margin-left: 1000px;
				width: 260px;
				height: 260px;
				padding: 10px;
				z-index: 0;
				overflow-x: hidden;
				overflow-y: scroll;
			}
						
			#homebrewL1 {
				position: fixed;
				background-color: rgba(255,255,255,.3);
				z-index: 2;
				padding: 40px;
				width: 210px;
				height: 490px;
				overflow: hidden;
				margin-left: -900px;
				margin-top: 40px;
			}
			
			#homebrewL2 {
				position: fixed;
				z-index: 2;
				padding: 40px;
				width: 245px;
				height: 490px;
				overflow: auto;
				margin-left: -900px;
				margin-top: 40px;
			}
			
			#homebrewC1 {
				position: fixed;
				z-index: 2;
				width: 298px;
				height: 229px;
				margin-left: -3px;
				margin-top: 344px;
				perspective: 150px;
			}
			
			#homebrewC2 {
				position: fixed;
				transform: rotateX(2deg);
			}
			
			#homebrewR1 {
				position: fixed;
				background-color: rgba(255,255,255,.3);
				z-index: 2;
				padding: 20px;
				width: 262px;
				height: 230px;
				overflow-y: scroll;
				margin-left: 890px;
				margin-top: 40px;
			}			
			
			#homebrewR2 {
				position: fixed;
				background-color: rgba(255,255,255,.3);
				z-index: 2;
				padding: 20px;
				width: 262px;
				height: 199px;
				overflow-y: scroll;
				margin-left: 890px;
				margin-top: 370px;
			}
			
			#health1 {
				position: relative;
				transform: rotate(-0.5deg);
                padding: 10px;
				height: 300px;
				width: 300px;
				margin-top:-495px;
				margin-left:580px;
				z-index: 5;
				perspective: 150px;
			}
			
			#health2 {
				position: relative;
                padding: -10px;
				height: 305px;
				width: 310px;
				transform: rotateY(-5deg)rotateX(1deg);
				overflow-y: scroll;
				overflow-wrap: auto;
			}
			
			#health3 {
				position: relative;
				transform: rotate(0.5deg);
                padding: 10px;
				height: 300px;
				width: 300px;
				margin-top:-495px;
				margin-left:270px;
				z-index: 5;
				perspective: 150px;
			}
			
			#health4 {
				position: relative;
                padding: -10px;
				height: 305px;
				width: 310px;
				transform: rotateY(5deg)rotateX(-1deg);
				overflow-y: scroll;
				overflow-wrap: auto;
			}
			
			#health5 {
				position: relative;
				transform: rotate(-0.5deg);
                padding: 10px;
				height: 300px;
				width: 300px;
				margin-top:-498px;
				margin-left:580px;
				z-index: 5;
				perspective: 150px;
			}
			
			#health6 {
				position: relative;
                padding: -10px;
				height: 305px;
				width: 310px;
				transform: rotateY(-5deg)rotateX(1deg);
				overflow-y: scroll;
				overflow-wrap: auto;
			}
			
			
			#health7 {
				position: relative;
				transform: rotate(0.5deg);
                padding: 10px;
				height: 300px;
				width: 300px;
				margin-top:-494px;
				margin-left:270px;
				z-index: 5;
				perspective: 150px;
			}
			
			#health8 {
				position: relative;
                padding: -10px;
				height: 305px;
				width: 310px;
				transform: rotateY(5deg)rotateX(-1deg);
				overflow-y: scroll;
				overflow-wrap: auto;
			}			
			
			#wiiring {
				transform: rotate(-4deg);
				width: 142px; 
				position: fixed;
				margin-left: 120px;
				margin-top: 55px;
				z-index: 3;
			}
			
			#selfinsertwebring {
				transform: rotate(8deg);
				width: 142px; 
				position: fixed;
				margin-left: -467px;
				margin-top: 20px;
				z-index: 2;
			}
			
			#vocaring2 {
				position: fixed;
				margin-left: -1020px;
				margin-top: 410px;
				z-index: 2;
			}
			
			#player {
				position: fixed;
				margin-left: 1000px;
				z-index: 10;
			}
			

			
			marquee {
				background-color: #533767;
				border: 1px solid #af77b1;
                width: 45%;
                height: 33px;
                padding: 5px;
				text-align: center;
				margin-left: 125px;
			}
			

            h1,
            h2,
            h3 {
                color: #af77b1;
            }

            h1 {
                font-size: 25px;
            }

            strong {
                color: #af77b1;
            }
			
			.vflip {
				transform: rotate(180deg);
				margin-top: -12px;
			}
			
			.fade {
				opacity: 0.9;
			}

            .box {
                background-color: #533767;
                border: 1px solid #af77b1;
                padding: 10px;
            }
			
			.introbox {
				background-color: #000000;
                border: 1px solid #af77b1;
				z-index: 6;
				margin-top: 270px;
				padding: 10px;
            }
			
			 .cutebox {
                background-color: #ffffff;
                border: 1px solid #b07784;
				padding: 5px;
				max-height: 460px;
				overflow: auto;
				background-image: url("pngs/yellowblanket.png");
			 }
			 
			.cutebox2 {
                background-color: #ffffff;
                border: 1px solid #b07784;
				padding: 0px;
				overflow: auto;
				max-height: 344px;
				background-image: url("pngs/yellowblanket.png");
			 }
			 
			 .cutebox3 {
                background-color: #ffffff;
                border: 1px solid #b07784;
				padding: 0px;
				overflow: auto;
				max-height: 416px;
				background-image: url("pngs/yellowblanket.png");
			 }
			 
			 .cutebox4 {
                background-color: #ffffff;
                border: 1px solid #b07784;
				padding: 0px;
				overflow: auto;
				height: 365px;
				background-image: url("pngs/yellowblanket.png");
			 }
			 
			 .cutebox5 {
                background-color: #ffffff;
                border: 1px solid #b07784;
				padding: 0px;
				overflow: auto;
				height: 287px;
				background-image: url("pngs/yellowblanket.png");
			 }
			 		 
			 .cuteblinkiebox {
                background-color: #ffffff;
                border: 1px solid #b07784;
				padding: 0px;
				overflow: auto;
				height: 397px;
				background-image: url("pngs/yellowblanket.png");
			 }
			 
			 .cuteblinkiebox2 {
                background-color: #ffffff;
                border: 1px solid #b07784;
				padding: 0px;
				overflow: auto;
				height: 240px;
				background-image: url("pngs/yellowblanket.png");
			 }
			 
			 .cuteboxcal {
                background-color: #ffffff;
                border: 1px solid #b07784;
				padding: 0px;
				overflow: auto;
				height: 236px;
				background-image: url("pngs/yellowblanket.png");
			 }
			 
			.cutebox img {
				margin-left: auto;
				margin-right: auto;
				display: block;
			}
			
			.hmbox img {
				margin-left: auto;
				margin-right: auto;
			}
			
			 .hmbox {
                border: 1px solid #000;
				padding: 8px;
				overflow: auto;
				background-image: url("shrines/fogubg.jpg");
			 }				
			
			.copybutton {
				position: fixed;
				width: 91px;
				font-size: 10px;
				background-color: #000000;
				color: #ffffff;
				height: 27.5px;
				top: 462px;
				margin-left: 899px;
				z-index: 3;
				
			}
			
			.card {
				background: url("kitchen/fridgeclosed.png");
				position: fixed;
				width:  162px;
				height: 327px;
				z-index: 1;
				margin-top: 241px;
				margin-left: -155px;
			}
			
			.card:hover {
				background: url("kitchen/fridgeopen.png");
			}
			
			.popup {
				position: fixed;
				display: block;
				z-index: 5;
				order: 2;
			}

			.popup .popuptext {
				visibility: hidden;
				width: 769px;
				height: 586px;
				background-image: url("kitchen/fridgeinside.jpg");
				position: fixed;
				z-index: 5;
				order: 1;
				margin-top: 20px;
				margin-left: -400px;
				border: 5px solid #757575;
			}

			.popup .open {
			   visibility: visible; 
			}	
			
			.popup2 {
				position: fixed;
				display: block;
				z-index: 5;
				order: 2;
			}

			.popup2 .popuptext {
				visibility: hidden;
				width: 550px;
				height: 405px;
				background-color: #000;
				position: fixed;
				z-index: 5;
				order: 1;
				margin-top: 130px;
				margin-left: -280px;
				border: 1px solid #af77b1;
			}

			.popup2 .open {
			   visibility: visible; 
			}
			
			.popup3 {
				position: fixed;
				display: block;
				z-index: 8;
				order: 2;
			}

			.popup3 .popuptext {
				visibility: hidden;
				width: 406px;
				height: 290px;
				background-color: #133b13;
				border: 1px solid #04a604;
				position: fixed;
				z-index: 8;
				order: 1;
				margin-top: 290px;
				margin-left: -240px;
			}

			.popup3 .open {
			   visibility: visible; 
			}
			
			.popup4 {
				position: fixed;
				display: block;
				z-index: 10;
				order: 2;
				margin-top: 240px;
				margin-left: -915px;
			}

			.popup4 .popuptext {
				visibility: hidden;
				width: 310px;
				height: 500px;
				background-color: #000;
				border: 1px solid #af77b1;
				position: fixed;
				z-index: 11;
				order: 1;
				margin-top: -200px;
				margin-left: 80px;
			}

			.popup4 .open {
			   visibility: visible; 
			}
			
			#bugffreybutton {
				height:26px;
				width:52px;
				z-index:5;
				margin-top:10px;
				background-color: #533767;
				border:1px solid #af77b1;
				font-family: Agdasima;
				font-size: 15px;
				color: #ee64f5;
				cursor: pointer;
			}			
			
			#mspaintbutton {
				height:26px;
				width:50px;
				z-index:5;
				margin-top:10px;
				background-color: #533767;
				border:1px solid #af77b1;
				font-family: Agdasima;
				font-size: 15px;
				color: #ee64f5;
				cursor: pointer;
			}	
			
			#morebutton {
				height:26px;
				width:37px;
				z-index:5;
				margin-top:10px;
				background-color: #533767;
				border:1px solid #af77b1;
				font-family: Agdasima;
				font-size: 15px;
				color: #ee64f5;
				cursor: pointer;
			}	
					
			
			#artistsbutton {
				height:26px;
				width:50px;
				z-index:5;
				margin-top:7px;
				background-color: #533767;
				border:1px solid #af77b1;
				font-family: Agdasima;
				font-size: 15px;
				color: #ee64f5;
				cursor: pointer;
			}
			
			#albumsbutton {
				height:26px;
				width:52px;
				z-index:5;
				margin-top:7px;
				background-color: #533767;
				border:1px solid #af77b1;
				font-family: Agdasima;
				font-size: 15px;
				color: #ee64f5;
				cursor: pointer;
			}
	
			#playlistsbutton {
				height:26px;
				width:55px;
				z-index:5;
				margin-top:7px;
				background-color: #533767;
				border:1px solid #af77b1;
				font-family: Agdasima;
				font-size: 15px;
				color: #ee64f5;
				cursor: pointer;
			}
			
			#updatesbutton {
				height:26px;
				width:55px;
				z-index:5;
				float:left;
				margin-top:-139px;
				margin-left:-55px;
				background-color: #533767;
				border:1px solid #af77b1;
				font-family: Agdasima;
				font-size: 15px;
				color: #ee64f5;
				cursor: pointer;
			}
			
			#statusbutton {
				height:26px;
				width:55px;
				z-index:5;
				float:left;
				margin-top:-191px;
				margin-left:-55px;
				background-color: #533767;
				border:1px solid #af77b1;
				font-family: Agdasima;
				font-size: 15px;
				color: #ee64f5;
				cursor: pointer;
			}	
			
			#aboutbutton {
				height:26px;
				width:55px;
				z-index:5;
				float:left;
				margin-top:-165px;
				margin-left:-55px;
				background-color: #533767;
				border:1px solid #af77b1;
				font-family: Agdasima;
				font-size: 15px;
				color: #ee64f5;
				cursor: pointer;
			}	
			
			#myiframe{
				width:635px;
				height:340px;
				margin-top:33px;
				margin-left:-157px;
				z-index:4;
				border:1px solid #af77b1;
			}


            #topbar {
                width: 100%;
                height: 30px;
                padding: 10px;
                font-size: smaller;
                background-color: #533767;
            }
			
			#tamanotchi{
				-webkit-animation-duration: 1s;
				animation-duration: 1s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
				-webkit-animation-timing-function: ease-in-out;
				animation-timing-function: ease-in-out;
				animation-iteration-count: infinite;
				-webkit-animation-iteration-count: infinite;
				display: inline-block;
				z-index:9;
			}
 
			#tamanotchi:hover{
				animation-name: bounce;
				-moz-animation-name: bounce;
			}
			 
			@keyframes bounce{
				0%, 100%, 20%, 50%, 80% {
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0)
			}
			 
			40% {
				-webkit-transform: translateY(-30px);
				-ms-transform: translateY(-30px);
				transform: translateY(-30px)
			}
			 
			60% {
				-webkit-transform: translateY(-15px);
				-ms-transform: translateY(-15px);
				transform: translateY(-15px)
			}


            /* MEDIA QUERY */
			 @media (prefers-reduced-motion: no-preference) {
				.moving-text{
					animation: marquee 15s linear infinite;
				}
			}

            /* height, subtracked by 100="max-width" value below */
			
            @media only screen and (max-width: 920px) {
                #flex {
                    flex-wrap: wrap;
                }
				
                aside {
                    width: 100%;
                }
				
                main {
                    order: 1;
                }
				
				graphicsaside {
					width: 100%;
				}
				
				graphicsmain {
					width: 100%;
				}
				
				cuteaside {
					width: 100%;
				}
				
				cutemain {
					width: 100%
				}

                #leftsidebar {
                    order: 2;
                }

                #rightsidebar {
                    order: 3;
                }
				
				 #cuteleftsidebar {
                    order: 2;
                }

                #cuterightsidebar {
                    order: 3;
                }

                #navbar ul {
                    flex-wrap: wrap;
                }
				
            }
			
			
			</style>