body {
	background-image :url("background.png");
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
}
#logoDisplay {
	/*position: absolute;*/
	margin: auto;
	width: 50%;
	height: 50vh;
	
	display: flex;
  	justify-content: center;
  	align-items: center;
}
#logoImage{
	width: 250px;
	height: 250px;
}
#version{
	position: absolute;
	border: 3px rgb(119,81,9) outset;
	font-family: Comic Sans MS ;
	font-size: 16px;
	bottom: 30px;
	left: 30px;
	width: 160px;
	padding: 5px;
	background-color: rgb(249,221,174);
}
#credits{
	position: absolute;
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px/10px;
	font-family: Comic Sans MS ;
	font-size: 16px;
	bottom: 30px;
	right: 30px;
	width: 80px;
	padding: 5px;
	background-color: rgb(249,221,174);

}
#startButton {
	display: block;
	font-family: Comic Sans MS ;
	width: 100px;
	margin-left: auto;
	margin-right: auto;

}
#mainTab{
	display: block;
	background-color: rgb(249,221,174);
	border: 4px rgb(119,81,9) solid;
	margin: auto;
	margin-top: 80px;
	margin-bottom: 80px;
	width: 80%;
	height: 70vh;

	/*text-align: center;*/
}
#inventoryBar{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
	height: 15%;
	background-color: rgb(132,60,12);
	z-index: 1;
}
#coinDisplay{
	display: flex;
  	justify-content: center;
  	align-items: center;
	width: 13%;
	height: 70%;
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	background-color: rgb(249,221,174);
	font-family: Comic Sans MS ;
	font-size: 20px;
}
#shovelDisplay{
	display: flex;
  	justify-content: center;
  	align-items: center;
	width: 10%;
	height: 70%;
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	background-color: rgb(249,221,174);
	font-family: Comic Sans MS ;
	font-size: 20px;
}
#purseDisplay{
	background-image: url('purse.png');
	background-repeat: no-repeat;
	background-size: contain;
	height: 70%;
	width: 43px;
}
#purseContentTab{
	position: absolute;
	z-index: 2;
	width: 270px;
	height: 15%;
	border: 3px #775109 outset;
	border-radius: 30px;
	background-color: #cc9361;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
	margin-left: 17.5%;
	margin-top: 40px;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}
#DAATokenBox{
	width: 40px;
	height: 60px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}
#DACTokenBox{
	width: 40px;
	height: 60px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}
#beaconBox{
	width: 40px;
	height: 60px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}
#pixelBox{
	width: 40px;
	height: 60px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}
#JTRCapsuleBox{
	width: 40px;
	height: 60px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}
#statusDisplay{
	display: flex;
  	justify-content: center;
  	align-items: center;
	width: 20%;
	height: 70%;
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	background-color: rgb(249,221,174);
	font-family: Comic Sans MS ;
	font-size: 16px;
}
#statusTextTab{
	position: absolute;
	z-index: 2;
	width: max-content;
	height: 12%;
	border: 3px #775109 outset;
	border-radius: 30px;
	background-color: #cc9361;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-left: 250px;
	margin-top: -55px;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}
#statusTextTabName{
	color: rgb(144, 33, 206);
	font-weight: bold;
}
#weatherReportButton{
	background-image: url('weatherReportSkill.png');
	background-repeat: no-repeat;
	background-size: contain;
	height: 70%;
	width: 43px;
}
#destinyTopButton{
	background-image: url('destinyTopSkill.png');
	background-repeat: no-repeat;
	background-size: contain;
	height: 70%;
	width: 43px;
}
#magicalPaperClipButton{
	background-image: url('magicalPaperClip.png');
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 1;
	position: absolute;
	height: 100px;
	width: 100px;
	top: 40vh;
	left: 4%;
	transform: rotate(0.75turn);
}
#activePowerUpDisplay{
	display: flex;
  	justify-content: center;
  	align-items: center;
	width: 20%;
	height: 70%;
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	background-color: rgb(249,221,174);
	font-family: Comic Sans MS ;
	font-size: 16px;
}
#settingsButton{
	display: block;
	width: 5%;
	height: 85%;
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
}
#mainTabContent{
	display: block;
	margin: auto;
	width: 100%;
	height: 70vh;
	display: flex;
}
#mainBlock1 {/* contient Boutique, mainblock3 janus et son texte*/
	display: block;
	border: 3px rgb(119, 81, 9) outset;
	height: 84%;
	width: 80%;
}
#mainBlock2 {/* contie
	nt skills, stats, maison, et RUN*/
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	border : 3px rgb(119, 81, 9) outset;
	background-color: rgb(204, 147, 97);
	height: 84%;
	width: 20%;
}
#mainBlock3 {/* contient Map, mainblock4,*/
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	height: 50%;
	width: 50%;
	margin-left: 35%;
	margin-top: -8%;
	background-color: #cc9361;
	border-radius: 20px;
	border: 4px rgb(119, 81, 9) outset;
}
#mainBlock4 {/* contient equippement et collection,*/
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	height: 100%;
	width: 40%;
}
#skillsButton{
	display: block;
	font-family: Comic Sans MS ;
	font-size: 20px;
	background-color: rgb(249,221,174);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 10%;
	width: 80%;
	
}
#statsButton{
	display: block;
	font-family: Comic Sans MS ;
	font-size: 20px;
	background-color: rgb(249,221,174);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 10%;
	width: 80%;
	
}
#houseButton{
	display: block;
	font-family: Comic Sans MS ;
	font-size: 20px;
	background-color: rgb(249,221,174);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 10%;
	width: 80%;
	
}
#mapButton{
	display: block;
	font-family: Comic Sans MS ;
	font-size: 20px;
	background-color: rgb(249,221,174);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 80%;
	width: 40%;

}
#equipmentButton{
	display: block;
	font-family: Comic Sans MS ;
	font-size: 20px;
	background-color: rgb(249,221,174);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 35%;
	width: 100%;
}
#collectionButton{
	display: block;
	font-family: Comic Sans MS ;
	font-size: 20px;
	background-color: rgb(249,221,174);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 35%;
	width: 100%;

}
#storeButton{
	display: block;
	font-family: Comic Sans MS ;
	font-size: 20px;
	background-color: rgb(249,221,174);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 18%;
	width: 17%;
	margin-top: 4%;
	margin-left: 40px;
}
#janus{
	display: block;
	margin-top: -7%;
	margin-left: 5%;
}
#janusText{
	display: block;
	font-family: Comic Sans MS;
	font-size: 20px;
	background-color: rgb(249,221,174);
	border: 3px rgb(119, 81, 9) outset;
	border-radius: 40px;
	height: 30%;
	width: 75%;
	margin-top: -14%;
	margin-left: 20%;
}
#closeJanusText{
	display: block;
	font-family: Comic Sans MS;
	font-size: 20px;
	background-color: rgb(249,221,174);
	border: 4px rgb(119, 81, 9) outset;
	border-radius: 20px/12px;
	height: 8%;
	width: 8%;
	margin-top: -42px;
	margin-left: 90%;
}
#runButton {
	display: block;
	font-family: Comic Sans MS;
	font-size: 20px;
	background-color: rgb(249,221,174);
	border: 5px rgb(119, 81, 9) outset;
	border-radius: 30px/20px;
	height: 28%;
	width: 80%;
}
#skillBlock1{
	display: flex;
    flex-direction: column;
    height: 85%;
    width: 100%;
}
#skillBlock2{
    display: flex;
    width: 100%;
    height: 15%;
}
#skillBlock3{
	height: 85%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#skillBlock4{
	height: 100%;
    width: 90%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
#skillTitle{
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 30px;
	background-color: rgb(238,180,128);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 60%;
	width: 40%;
}
#skillBlock5{
	height: 100%;
    width: 10%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
#skillReturnButton{
	height: 80%;
}
#skillBlock6{
	display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: rgb(238,180,128);
    border: 3px rgb(119,81,9) outset;
    border-radius: 30px;
    height: 85%;
    width: 90%;
}
#skillBlock7{
	background-color: rgb(115,115,115);
    border: 3px;
    height: 85%;
    border-radius: 20px;
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#skillBlock8{
	background-color: rgb(132 60 12);
    border: 3px rgb(119 81 9) outset;
    height: 85%;
    border-radius: 20px;
    width: 30%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-evenly;
}
#skillBlock9{
	display: flex;
    overflow: auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: 90%;
    width: 95%;

}
#skillBlock10{
    width: 100%;
    height: 35%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
#skillBlock11{
	width: 100%;
    height: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#skillName{
	height: 75%;
    width: 60%;
    border: 3px #775109 outset;
    border-radius: 20px;
    background-color: rgb(238 180 128);
    color: rgb(132 60 12);
    font-family: Comic Sans MS;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#skillLevel{
	height: 50%;
    width: 20%;
    border: 3px #775109 outset;
    border-radius: 20px;
    background-color: rgb(238 180 128);
    color: rgb(132 60 12);
    font-family: Comic Sans MS;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#infoSkill{
	height: 80%;
    width: 80%;
    border: 3px rgb(119,81,9) outset;
    border-radius: 20px;
    background-color: rgb(95 94 93);
    display: flex;
    align-items: center;
    justify-content: center;
}
#skillInfoText{
	margin: 10px;
}


#storeBlock1{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	background-size: cover;
	background-position: center center;
	height: 85%;
	width: 100%;
}
#storeBlock2{
	width: 100%;
	height: 30%;
	display: flex;
	align-content: center;
	justify-content: center;
	position: relative;
}
#storeBlock3{
	width: 72%;
	height: 33%;
	margin-top: 1.5%;
	display: flex;
	overflow: auto;
	justify-content: flex-start;
}
#storeBlock4{
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	width: 87%;
	height: 30%;
	margin-top: 0.5%;
}
#storeBuyButton{
	border: 3px rgb(225, 184, 23) solid;
	background-color: #54126c;
	border-radius: 30px;
	height: 80%;
	width: 14%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
}
#storeBuyText{
	font-family: Comic Sans MS;
	font-size: 19px;
	color: rgb(252,199,39);
	height: 50%;
	width: 70%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-top: 5%;
}
#storeBuyPrice{
	font-family: Comic Sans MS;
	font-size: 12px;
	color: rgb(252,199,39);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30%;
	position: relative;
	margin-bottom: 8%;
}
#storeInfoTab{
	height: 80%;
	width: 80%;
	border: 3px #71350d solid;
	border-radius: 20px;
	background-color: #843c0c;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}
#storeBlock5{
	width: 35%;
	height: 90%;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: space-evenly;
}
#storeObjectName{
	border: 3px solid rgb(166, 166, 166);
	height: 55%;
	border-radius: 20px;
	background-color: rgb(238 180 128);
	color: rgb(132 60 12);
	font-family: Comic Sans MS;
	font-size: 16px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#storeObjectDetail{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	height: 20%;
}
#storeBlock6{
	width: 55%;
	display: flex;
	justify-content: center;
	text-align: center;
	font-size: 18px;
	font-family: Comic Sans MS;
}
#storeObjectRarity{
	padding-left: 5px;
	padding-right: 5px;
	display: flex;
	align-items: center;
	border-radius: 10px;
	font-family: Comic Sans MS;
	font-size: 12px;
}
#storeObjectQuantityOwned{
	font-family: Comic Sans MS ;
	font-size: 12px;
	color : rgb(252,199,39);
}
#storeTitle{
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 26px;
	background-color: rgb(238,180,128);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 6%;
	width: 13%;
	position: fixed;
	margin-top: 25px;
}
#storeReturnButton{
	position: relative;
	margin-left: 80%;
	height: 55px;
	width: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2%;
}





#gearBlock1{
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    background-color: rgb(164 86 15);
    height: 85%;
    width: 28%;
}
#gearBlock2{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    height: 85%;
    width: 17%;
}
#gearBlock3{
	display: flex;
    flex-direction: column;
    align-items: center;
    height: 85%;
    width: 55%;
}
#gearBlock4{
	display: flex;
    align-items: flex-end;
    justify-content: space-evenly;
    height: 20%;
    width: 100%;
}
#gearBlock5Bis{
	display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 80%;
    width: 100%;
}
#gearBlock5{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    border: 3px rgb(119 81 9) outset;
    border-radius: 30px;
    background-color: rgb(164 86 15);
    height: 90%;
    width: 95%;
}
#janusGear{
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 20px;
	background-color: rgb(249,221,174);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 35%;
    width: 70%;
}
#petDisplay{
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 20px;
	background-color: rgb(249,221,174);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 35%;
    width: 70%;
}
#gearBlock6{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 70%;
}
#gearBlock6Bis{
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	background-color: rgb(238,180,128);
    border: 3px rgb(119,81,9) outset;
    border-radius: 20px;
	height: 90%;
	width: 90%;
}
#gearBlock7{
	display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(144 134 125);
    border-radius: 20px;
    height: 70%;
    width: 93%;
}
#gearInventory{
	height: 90%; 
	width: 95%; 
	display: flex; flex-wrap: wrap; 
	justify-content: space-evenly; 
	overflow: auto;
}
#gearBlock8{
	display: flex;
    justify-content: space-evenly;
    height: 20%;
    width: 90%;
}
#gearEquipButton{
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 16px;
	background-color: rgb(238,180,128);
    border: 3px rgb(119,81,9) outset;
    border-radius: 20px;
	height: 90%;
	width: 30%;
}
#gearInfoTab{
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 16px;
	background-color: rgb(238,180,128);
    border: 3px rgb(119,81,9) outset;
    border-radius: 20px;
	height: 90%;
	width: 60%;
}
#hatDisplay{
	display: flex;
  	justify-content: center;
  	align-items: center;
  	text-align: center;
	font-family: Comic Sans MS ;
	font-size: 20px;
	background-color: rgb(249,221,174);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 20%;
	width: 40%;
}
#beltDisplay{
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 20px;
	background-color: rgb(249,221,174);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 10%;
	width: 60%;
}
#gearBlock9{
	display: flex;
	justify-content: space-around;
	height: 15%;
	width: 100%;
}
#leftShoelaceDisplay{
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 20px;
	background-color: rgb(249,221,174);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 100%;
	width: 30%;
}
#rightShoelaceDisplay{
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 20px;
	background-color: rgb(249,221,174);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 100%;
	width: 30%;
}

#shoesDisplay{
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 20px;
	background-color: rgb(249,221,174);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 20%;
	width: 40%;
}
#gearTitle{
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 26px;
	background-color: rgb(238,180,128);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 55%;
	width: 50%;
}
#gearReturnButton{
	height: 80%;
	width: 10%;
}
#statsBlock1{
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}
#statsTitle{
	position: relative;
	z-index: 3;
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 25px;
	color : rgb(0,0,0);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) solid;
	border-radius: 10px;
	margin: auto;
	margin-top: 20px;
	height: 10%;
	width: 25%;
	
}
#statsBlock2{
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) solid;
	border-radius: 30px;
	margin: auto;
	margin-top: -25px;
	height: 65%;
	width: 80%;
}
#statsReturnButton{
	position: relative;
	z-index: 2;
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 18px;
	color : rgb(0,0,0);
	background-color: rgb(238, 180, 128);
	border: 3px rgb(120,80,30) solid;
	border-radius: 10px;
	margin: auto;
	margin-top: -25px;
	height: 9%;
	width: 14%;
}
#statsBlock2Bis{
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: space-around;
	align-items: center;
	background-color: rgb(115,115,115);
	border: 3px;
	border-radius: 30px;
	margin: auto;
	height: 90%;
	width: 95%;
}
#statsType{
	height: 80%;
	width: 30%;
	font-family: Comic Sans MS ;
	font-size: 12px;
	color : rgb(252,199,39);
	overflow: hidden;
}
#statsValue{
	height: 80%;
	width: 30%;
	font-family: Comic Sans MS ;
	font-size: 12px;
	color : rgb(255,255,255);
	overflow-y : auto
	
}
#statsScrollBar{
	height: 70%;
	width: 5%;
	border: 3px rgb(255,0,255) solid;
}
#collectionBlock1{
	display: flex;
	justify-content: space-around;
	align-items: self-end;
	height: 15%;
	width: 100%;
}
#treasureMapButton{
	height: 75%;
}
#collectionTitle{
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 30px;
	background-color: rgb(238,180,128);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 60%;
	width: 40%;
}
#collectionStats{
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 11px;
	color : rgb(255,255,255);
	background-color: rgb(29,160,231);
	border : 3px rgb(119,81,9) solid;
	height: 70%;
	width: 15%;
}
#collectionBlock2{
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 70%;
	width: 100%;
}
#collectionBlock3{
	display: flex;
  	justify-content: space-around;
  	align-items: center;
	background-color: rgb(238,180,128);
	border : 3px rgb(119,81,9) outset;
	border-radius: 30px;
	height: 90%;
	width: 80%;
}
#collectionScrollBar{/*Temporaire*/
	background-color: rgb(238,180,128);
	border : 3px rgb(119,81,9) solid;
	height: 80%;
	width: 3%;
}
#collectionBlock4{
	background-color: rgb(238,180,128);
	height: 90%;
	width: 60%;
	overflow: auto;
	display: block;
}
#collectionBlock5{
	background-color: rgb(238,180,128);
	height: 90%;
	width: 30%;
}
#artefactInfoTab{
	height: 98%;
    width: 100%;
    background-color: rgb(132 60 12);
    border: 3px rgb(119,81,9) outset;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
}
#infoBlock1{
	width: 95%;
    height: 35%;
    display: flex;
    align-content: center;
    justify-content: space-around;
    align-items: center;
}
#infoBlock2{
	width: 100%;
    height: 65%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#infoBio{
	height: 80%;
    width: 80%;
    border: 3px rgb(119,81,9) outset;
    border-radius: 20px;
    background-color: rgb(95 94 93);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
#bioText{
	margin: 10px;
	font-size: 16px;
	text-align: center;

}
#secondBioButton{
	position: relative;
    margin-top: -10px;
    margin-left: 200px;
    z-index: 2;
}
#infoBlock3{
	display: flex;
    height: 100%;
    width: 60%;
    justify-content: space-around;
    align-items: center;
}
#infoName{
	height: 80%;
    width: 80%;
    border-radius: 20px;
    background-color: rgb(238 180 128);
    color: rgb(132 60 12);
    font-family: Comic Sans MS;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#infoBlock4{
	margin-top: 10px;
    height: 75%;
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
#infoBlock5{
	padding-left: 8px;
    padding-right: 8px;
    border-radius: 15px;
    height: 40%;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    z-index: 2;
}
#infoRarity{
	height: 23px;
	width: max-content;
	padding-left: 5px;
    padding-right: 5px;
	display: flex;
	align-items: center;
	border-radius: 10px;
	font-family: Comic Sans MS;
    font-size: 16px;
}
#infoBlock6{
	
}
#infoValue{
	position: relative;
    margin-top: 10px;
    font-weight: bold;
    font-family: Comic Sans MS;
    font-size: 14px;
    color: rgb(255,192,0);
    z-index: 1;
}
#collectionReturnButton{
	height: 60%;
	width: 10%;
}
#treasureMapBlock1{
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
	height: 15%;
	width: 80%;
}
#treasureMapTitle{
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 30px;
	background-color: rgb(238,180,128);
	border : 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 60%;
	width: 50%;
}
#treasureMapStats{
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 11px;
	color : rgb(255,255,255);
	background-color: rgb(29,160,231);
	border : 3px rgb(119,81,9) solid;
	height: 70%;
	width: 15%;
}
#treasureMapReturnButton{
	width: 10%;
	height: 70%;
}
#treasureMapBlock2{
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 70%;
	width: 100%;
}
#treasureMapBlock3{
	display: flex;
  	justify-content: space-around;
  	align-items: center;
	background-color: rgb(238,180,128);
	border : 3px rgb(119,81,9) outset;
	border-radius: 30px;
	height: 90%;
	width: 90%;
}
#treasureMapBlock4{
	background-color: rgb(238,180,128);
	height: 90%;
	width: 60%;
	overflow: auto;
	display: block;
}
#treasureMapBlock5{
	background-color: rgb(238,180,128);
	height: 90%;
	width: 30%;
}
#treasureMapBlock6{
	height: 30%;
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
#treasureMapInfoTab{
	height: 98%;
    width: 100%;
    background-color: rgb(132 60 12);
    border: 3px rgb(119,81,9) outset;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
#treasureMapInfoPreview{
	position: absolute;
	width: 64px;
    height: 64px;
    display: flex;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    border: red solid;
    margin-left: 230px;
	margin-top: -20px;
}
#treasureMapInfoName{
	height: 90%;
	width: 60%;
	border: 3px #6f6c6c outset;
	border-radius: 20px;
	background-color: rgb(238 180 128);
	color: rgb(132 60 12);
	font-family: Comic Sans MS;
	font-size: 16px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-right: 50px;
}
#treasureMapInfoBio{
	height: 40%;
	width: 80%;
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	background-color: rgb(95 94 93);
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
#treasureMapInfoTagBlock{
	width: 60%;
	height: 20%;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}
#treasureMapInfoTagBox{
	width: 40px;
	height: 40px;
	border: 3px #6f6c6c outset;
	border-radius: 20px;
}
#treasureMapInfoTagText{
	height: 100%;
	width: 60%;
	color: rgb(238, 180, 128);
	font-family: Comic Sans MS;
	font-size: 16px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#treasureFoundedBox{
	color: rgb(6, 237, 21);
	font-family: Comic Sans MS;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0 0 30px #49ff18, 0 0 35px #49FF18, 0 0 40px #49FF18;
}


#powerUpBlock1{
	height: 60vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}
#powerUpBlock2{
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    background-color: rgb(238,180,128);
    border: 3px rgb(119,81,9) outset;
    border-radius: 30px;
    height: 70%;
    width: 85%;
}
#powerUpBlock3{
	background-color: rgb(115,115,115);
    border: 3px;
    height: 50%;
    border-radius: 20px;
    width: 95%;
    display: flex;
    align-content: center;
    justify-content: center;
}
#powerUpBlock4{
	background-color: rgb(115,115,115);
    border: 3px;
    border-radius: 20px;
    height: 35%;
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#powerUpBlock5{
	height: 90%;
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
#powerUpText{
	height: 80%;
    width: 80%;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Comic Sans MS;
    color: rgb(252,199,39);
}
#powerUpTextName{
	color: rgb(47 218 5);
}
#runFromPreRunButton{
	font-family: Comic Sans MS;
    font-size: 20px;
    background-color: rgb(238,180,128);
    border: 3px rgb(119,81,9) outset;
    border-radius: 30px;
    height: 15%;
    width: 20%;
}
#runBlock1 {/* contient runBlock3 et décors ROSE*/
	display: flex;
	flex-direction: column;
	height: 84%;
	width: 70%;
}
#runBlock3 {/* contient stamina et chrono*/
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 15%;
	width: 100%;
}
#staminaGaugeDisplay{
	height: 85%;
	width: 80%;
	display: flex;
	justify-content: center;
  	align-items: center;
}
#staminaGaugeBox{
	border: 3px rgb(119,81,9) solid;
	border-radius: 30px/30px;
	height: 85%;
	width: 100%;
	display: flex;
	
  	align-items: center;
}
#staminaGaugeAmount{
	background-color: rgb(0,250,10);
	border-radius: 30px/30px;
	height: 100%;
	/*width: 100%;*/
}
#chronoDisplay{
	display: flex;
  	justify-content: center;
  	align-items: center;
	border: 3px rgb(119, 81, 9) outset;
	border-radius: 20px;
	background-color: rgb(238, 180, 128);
	height: 75%;
	width: 10%;
}
#runBackgroundDisplay{
	position: relative;
	background-size: cover;
	background-position: center center;
	height: 85%;
	width: 100%;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#chasedThumbnail{
	position: relative;
    width: 106%;
    height: 187%;
    top: -155px;
    left: 1px;
    z-index: 3;
}

#artefactApparitionBox{
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 2;
}
#progressButtonDisplay{
	font-size: 16px;
	font-family: Comic Sans MS;
	border-radius: 30px;
	color: rgb(206,139,15);
	padding: 5px;
	z-index: 4;
	justify-content: space-evenly;
	align-items: center;
	top: 202px;
	width: 190px;
	position: relative;
}
#progressLeft{
	position: relative;
	vertical-align: middle;
	z-index: 2;
}
#progressRight{
	position: relative;
	vertical-align: middle;
	z-index: 2;
}
#runBlock2 {/* contient Minimap, Event, Pelle, et balise*/
	display: flex;
	flex-direction: column;
	height: 86%;
	width: 30%;
	align-items: center;
}
#runBlock4{
	display: flex;
	justify-content: space-around;
	align-items: center;
	border: 3px rgb(119,81,9) outset;
	background-color: rgb(132,60,12);
	height: 20%;
	width: 99%;
}
#shovelButton{
	display: flex;
	justify-content: center;
	align-items: center;
	border : 3px rgb(119,81,9) outset;
	background-color: rgb(238,180,128);
	border-radius: 20px;
	height: 70%;
	width: 30%;
}
#shovelButtonImage{
	height: 40px;
	width: 40px;
}

#beacon{
	display: flex;
	justify-content: center;
	align-items: center;
	border : 3px rgb(119,81,9) outset;
	background-color: rgb(238,180,128);
	border-radius: 20px;
	height: 70%;
	width: 30%;
}
#beaconBigImage{
	height: 48px;
	width: 48px;
}
#currentEventDisplay{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS;
	color: rgb(206,139,15);
	border: 3px rgb(119,81,9) outset;
	height: 30%;
	width: 90%;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}
#miniMapDisplay{
	border: 3px rgb(119,81,9) outset;
	height: 50%;
	width: 99%;
}
#deadEndEventContent{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgba(249,221,174,0.7);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin: auto;
	margin-top: 5%;
	height: 70%;
	width: 80%;
	z-index: 2;
}
#neutralDeadEndBackground{
	border: 3px pink solid;
	width: 100%;
	height: 85%;
}
#neutralDeadEndContinueButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 80%;
	height: 10%;
	width: 15%;
}
#janusNeutralDeadEnd{
	height: max-content;
	margin-bottom: 20px;
	margin-left: 20px;
	z-index: 2;
}
#janusNeutralDeadEndSpeech{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-family: Comic Sans MS;
	color: rgb(206,139,15);
	background-color: rgba(249,221,174,0.7);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-bottom: 13px;
	height: 33%;
	width: 65%;
	z-index: 1;
	margin-left: -15px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#janusNeutralDeadEndContinueButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 5px;
	margin-bottom: 10px;
	height: 10%;
	width: 13%;
}
#earningsCalculationButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 80%;
	margin-top: -3%;
	height: 10%;
	width: 15%;
}
#earningBlock1{
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}
#earningTitle{
	position: relative;
	z-index: 3;
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 25px;
	color : rgb(0,0,0);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) solid;
	border-radius: 10px;
	margin: auto;
	margin-top: 20px;
	height: 10%;
	width: 25%;
	
}
#earningBlock2{
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) solid;
	border-radius: 30px;
	margin: auto;
	margin-top: -25px;
	height: 68%;
	width: 80%;
}
#earningBlock2Bis{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	background-color: rgb(115,115,115);
	border: 3px;
	border-radius: 30px;
	margin: auto;
	height: 87%;
	width: 95%;
}
#endRunButton{
	position: relative;
	z-index: 2;
	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family: Comic Sans MS ;
	font-size: 14px;
	color : rgb(0,0,0);
	background-color: rgb(238, 180, 128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 10px;
	margin: auto;
	margin-top: -15px;
	height: 8%;
	width: 17%;
	
}
#earningBlock3{
	font-family: Comic Sans MS ;
	font-size: 14px;
	color : rgb(252,199,39);
	height: 50%;
	width: 90%;
	display: flex;
	flex-wrap: wrap;
  	justify-content: flex-start;
  	align-content: space-around;
  	overflow: auto;
  	padding-left: 50px;
}
#earningBlock4{
	display: flex;
  	align-items: center;
	height: 40%;
	width: 95%;
}
#earningBlock5{

	display: flex;
  	justify-content: space-around;
  	align-items: center;
	height: 90%;
	width: 70%;
}
#earningBlock6{
	display: flex;
  	justify-content: center;
  	align-items: center;
	height: 90%;
	width: 30%;
}
#earningStatType{
	font-family: Comic Sans MS ;
	font-size: 12px;
	color : rgb(252,199,39);
}
#earningStatAmount{
	font-family: Comic Sans MS ;
	font-size: 12px;
	color : rgb(255,255,255);
}
#earningStatCoins{
	text-align: right;
	font-family: Comic Sans MS ;
	font-size: 12px;
	color : rgb(255,255,255);
}
#totalEarnings{
	font-family: Comic Sans MS ;
	font-size: 20px;
	color : rgb(0,0,0);
	text-align: center;
	padding-top: 2%;
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 70%;
	width: 55%;
}
#digMessage{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgba(249,221,174,0.7);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin: auto;
	margin-top: 5%;
	height: 70%;
	width: 80%;
	z-index: 2;
}
#digResultButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgba(249,221,174,0.7);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin: auto;
}
/*NEUTRAL DEAD END CONTENT*/

#chestSelectionBlock1{
	display: flex;
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 30px;
	height: 30%;
	width: 55%;
	align-items: center;
	justify-content: space-evenly;
}
#chestSelectionBlock2{
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: space-evenly;
	align-items: center;
}
.chest:hover {
  box-shadow: rgb(4, 195, 43) 0px 0px 12px 8px; 
}
#chestSelectionNothingButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-family: Comic Sans MS ;
	color : rgb(119, 81, 9);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 13%;
	width: 23%;
}
#chestEarningsCalculationButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 80%;
	margin-bottom: 10px;
	height: 10%;
	width: 15%;
}
#holeSelectionBlock1{
	display: flex;
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 30px;
	height: 40%;
	width: 55%;
	align-items: center;
	justify-content: space-evenly;
}
#holeSelectionNothingButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(119, 81, 9);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 55%;
	width: 35%;
}
#holeSelectionTryButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(119, 81, 9);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 55%;
	width: 35%;
}
#holeEarningsCalculationButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 80%;
	margin-bottom: 10px;
	height: 10%;
	width: 15%;
}
#leverSelectionBlock1{
	display: flex;
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 30px;
	height: 30%;
	width: 55%;
	align-items: center;
	justify-content: space-evenly;
}
#leverSelectionBlock2{
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: space-evenly;
	align-items: center;
}
.lever:hover {
  box-shadow: rgb(4, 195, 43) 0px 0px 12px 8px; 
}
#leverSelectionNothingButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-family: Comic Sans MS ;
	color : rgb(119, 81, 9);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 13%;
	width: 23%;
}
#leverEarningsCalculationButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 80%;
	margin-bottom: 10px;
	height: 10%;
	width: 15%;
}
#buttonSelectionBlock1{
	display: flex;
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 30px;
	height: 30%;
	width: 55%;
	align-items: center;
	justify-content: space-evenly;
}
#buttonSelectionBlock2{
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: space-evenly;
	align-items: center;
}
#redButton:hover {
  box-shadow: rgb(4, 195, 43) 0px 0px 12px 8px; 
}
#buttonSelectionNothingButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-family: Comic Sans MS ;
	color : rgb(119, 81, 9);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 13%;
	width: 23%;
}
#buttonEarningsCalculationButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 80%;
	margin-bottom: 10px;
	height: 10%;
	width: 15%;
}


#cagedMonsterNeutralDeadEndContinueButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	height: 10%;
	width: 13%;
}
#nativeMessage{
	color: rgb(206,28,28);
	font-style: italic;
}
#cagedMonsterNativeWarningContinueButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
	height: 10%;
	width: 13%;
}
#cagedMonsterSpeech{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-family: Comic Sans MS;
	color: rgb(206,139,15);
	background-color: rgba(249,221,174,0.7);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-bottom: 13px;
	height: 46%;
	width: 60%;
	z-index: 1;
	margin-left: -15px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#cagedMonsterNeutralDeadEnd{
	height: max-content;
	margin-bottom: 20px;
	margin-left: 20px;
	z-index: 2;
}
#cagedMonsterSelectionBlock1{
	display: flex;
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 30px;
	height: 40%;
	width: 55%;
	align-items: center;
	justify-content: space-evenly;
}
#cagedMonsterSelectionTryButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(119, 81, 9);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 55%;
	width: 35%;
}
#cagedMonsterSelectionNothingButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(119, 81, 9);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 55%;
	width: 35%;
}
#cagedMonsterEarningsCalculationButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 80%;
	margin-bottom: 10px;
	height: 10%;
	width: 13%;
}
#nativeMessageEarningsCalculationButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 80%;
	margin-bottom: 10px;
	height: 10%;
	width: 13%;
}
#nativeMessageRewardContinueButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-bottom: 10px;
	height: 10%;
	width: 13%;
}










#stuckTokenSelectionBlock1{
	display: flex;
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 30px;
	height: 40%;
	width: 55%;
	align-items: center;
	justify-content: space-evenly;
}
#stuckTokenSelectionNothingButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(119, 81, 9);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 55%;
	width: 35%;
}
#stuckTokenSelectionTryButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(119, 81, 9);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 55%;
	width: 45%;
}
#stuckTokenEarningsCalculationButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 80%;
	margin-bottom: 10px;
	height: 10%;
	width: 15%;
}
#jumpSelectionBlock1{
	display: flex;
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 30px;
	height: 40%;
	width: 55%;
	align-items: center;
	justify-content: space-evenly;
}
#jumpSelectionNothingButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(119, 81, 9);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 55%;
	width: 35%;
}
#jumpSelectionTryButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(119, 81, 9);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 55%;
	width: 45%;
}
#jumpEarningsCalculationButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 80%;
	margin-bottom: 10px;
	height: 10%;
	width: 15%;
}
#wellSelectionBlock1{
	display: flex;
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 30px;
	height: 40%;
	width: 55%;
	align-items: center;
	justify-content: space-evenly;
}
#wellSelectionNothingButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(119, 81, 9);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 55%;
	width: 35%;
}
#wellSelectionTryButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(119, 81, 9);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 55%;
	width: 38%;
}
#wellEarningsCalculationButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 80%;
	margin-bottom: 10px;
	height: 10%;
	width: 15%;
}
#flowerSelectionBlock1{
	display: flex;
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 30px;
	height: 40%;
	width: 55%;
	align-items: center;
	justify-content: space-evenly;
}
#flowerSelectionNothingButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(119, 81, 9);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 55%;
	width: 35%;
}
#flowerSelectionTryButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(119, 81, 9);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 55%;
	width: 35%;
}
#flowerEarningsCalculationButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 80%;
	margin-bottom: 10px;
	height: 10%;
	width: 15%;
}
#potionSelectionBlock1{
	display: flex;
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 30px;
	height: 40%;
	width: 55%;
	align-items: center;
	justify-content: space-evenly;
}
#potionSelectionNothingButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(119, 81, 9);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 55%;
	width: 35%;
}
#potionSelectionTryButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(119, 81, 9);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 55%;
	width: 35%;
}
#potionEarningsCalculationButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 80%;
	margin-bottom: 10px;
	height: 10%;
	width: 15%;
}
#gamblerNeutralDeadEndContinueButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 5px;
	margin-bottom: 10px;
	height: 10%;
	width: 13%;
}
#gamblerSpeech{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-family: Comic Sans MS;
	color: rgb(206,139,15);
	background-color: rgba(249,221,174,0.7);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-bottom: 13px;
	height: 46%;
	width: 65%;
	z-index: 1;
	margin-left: -15px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#gamblerSelectionBlock1{
	display: flex;
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 30px;
	height: 30%;
	width: 55%;
	align-items: center;
	justify-content: space-evenly;
}
#gamblerSelectionBlock2{
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: space-evenly;
	align-items: center;
}
#gamblerNeutralDeadEnd{
	height: max-content;
	margin-bottom: 20px;
	margin-left: 20px;
	z-index: 2;
}
#gamblerNeutralDeadEndSpeech{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-family: Comic Sans MS;
	color: rgb(206,139,15);
	background-color: rgba(249,221,174,0.7);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-bottom: 13px;
	height: 33%;
	width: 65%;
	z-index: 1;
	margin-left: -15px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.symbol:hover {
  box-shadow: rgb(4, 195, 43) 0px 0px 12px 8px; 
}
#gamblerSelectionNothingButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-family: Comic Sans MS ;
	color : rgb(119, 81, 9);
	background-color: rgb(238,180,128);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	height: 13%;
	width: 27%;
}
#gamblerEarningsCalculationButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 80%;
	margin-bottom: 10px;
	height: 10%;
	width: 15%;
}
#necromancerNeutralDeadEndContinueButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	height: 10%;
	width: 13%;
}
#necromancerSpeech{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-family: Comic Sans MS;
	color: rgb(206,139,15);
	background-color: rgba(249,221,174,0.7);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-bottom: 13px;
	height: 46%;
	width: 60%;
	z-index: 1;
	margin-left: -15px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#necromancerNeutralDeadEnd{
	height: max-content;
	margin-bottom: 20px;
	margin-left: 20px;
	z-index: 2;
}
#necromancerEarningsCalculationButton{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-family: Comic Sans MS ;
	color : rgb(206,139,15);
	background-color: rgb(249,221,174);
	border: 3px rgb(119,81,9) outset;
	border-radius: 20px;
	margin-left: 80%;
	margin-bottom: 10px;
	height: 10%;
	width: 15%;
}