body{
	background-color: #0A0A0A;
    color:ivory;
    margin-left: 20px;
}

header{
	font-family: "lucida console";
}

a{
	font-family: "lucida console";
}

#link-pile{
	margin-top: 120px;
	display: block;
    justify-content: center;
    margin-left: 30%;
}
#link-pile li{
	display: block;
}


a{ color: limegreen;
}

#gloves{
	display: flex;
    justify-content: center; /* Centers horizontally */

}

#gloves img{
	/*here it means first choose the div and then the imgs inside it*/
	width: 20%;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 32px;
}


#gloves-text{
	margin-top: 50px;
	margin-bottom: 80px;
    margin-left: 240px;
    width: 620px;
    font-family: monospace;
    font-size: 16pt;
;
	/*margin-right: 100px;*/
}

#page-toasttext{
	color: darkblue;
}

ul{
	list-style-type: none;
}

.text-main{

    margin-top: 80px;
	margin-bottom: 80px;
    margin-left: 20%;
	padding: 50px;
	color: ivory;
	width: 640px;
}


#ear-text{
	padding-top: 10px;
	padding-bottom: 50px;
	padding-left: 32px;
	padding-right: 40px;
	color: darkred;
	background-color: limegreen;
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 28pt;

}

#problem-text{
	  display: block;
	  margin: 0;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -ms-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	  font-size: 14pt;
}
#multiverse-text{
	background-color: ivory;
	color: purple;
	padding: 80px;
	width: 520px;
    display: block;
	margin-left: auto;
	margin-right: auto;
}




#toast-img{
	position: fixed;
    top: 500px;
    right: 30px;
    width: 240px;
}