body {
	  background-color: black;
	  background-image: url("data/background2.png");
	  background-repeat: repeat;
	  font-family: 'Exo', sans-serif;
	  font-size:10px;
	  color: white;
	  margin-left:50px;
	}
	h1{
		font-family: 'Exo', sans-serif;
		font-size:40px;
		font-weight:bold;
	}
	h2{
		font-family: 'Exo', sans-serif;
		font-size:25px;
	}
	.cardcontainer{
		border:1px dotted rgba(255,255,255,0.3); 
		margin:3px; 
		width:205px;
		float:left; 
		padding:5px; 
	}
	.cardcontainer:hover{
		border:1px solid rgba(255,255,255,1); 
		background-color:rgba(255,255,255,0.05); 
	}
	.cardcontainer_simple{
		border:1px dotted rgba(255,255,255,0.3); 
		margin:2px; 
		width:100px;
		float:left; 
		padding:3px; 
	}
	.cardcontainer_simple:hover{
		border:1px solid rgba(255,255,255,1); 
		background-color:rgba(255,255,255,0.05);  
	}
	.valueblock_name{ 
		width:80px; float:left;
		color:rgba(255,255,255,0.5);
	}
	.valueblock_value{ 
		width:20px; float:left;
		text-align:right;
	}
	.valueblock_container{ 
		width:100px;float:left;
	}
	.valueblock_container_big{
		float:left;
	}
	.valueblock_container_big:hover{
		background-color:rgba(255,255,255,0.1);
	}
	.valueblock_container:hover{ 
		width:100px; background-color:rgba(255,255,255,0.1); float:left;
		color:white;
	}
	.sortby{
		float:left; margin:2px; background-color:rgba(255,255,255,0.1); padding:2px;
	}
	
	.sortby:hover{
		float:left; margin:2px; background-color:rgba(255,255,255,1); color:black;
	}
	.detailBox{
		padding:2px;
		margin:2px;
		float:right;
		border: 1px solid rgba(255,255,255,0.3);
	}
	.detailBox_rarible{
		padding:2px;
		margin:2px;
		float:right;
		border: 1px dotted yellow;
		color:yellow;
	}
	.detailBox_rarible:hover{
		padding:2px;
		margin:2px;
		float:right;
		border: 1px dotted yellow;
		color:black;
		background-color:yellow;
	}
	.detailBox_upcoming{
		padding:2px;
		margin:2px;
		float:right;
		color:rgba(255,255,255,0.15);
		border: 1px solid rgba(255,255,255,0.15);
	}
	.detailBox:hover{
		padding:2px;
		margin:2px;
		float:right;
		border: 1px solid rgba(255,255,255,0.3);
		color:black;
		background-color:white;
	}
	a{
		color:white;
		text-decoration:none;
	}
	.n_box{
		display: flex; 
		justify-content: center;
		align-items: center;
		position:absolute; 
		border: 1px solid rgba(255,255,255,0.5);
		height:15px; 
		width: 15px; 
		right:5px;	
		
	}
	.previewswitch_on{
		width:70px;
		height:20px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right:10px;
		border:1px solid rgba(255,255,0,1);
		color:rgba(255,255,0,1);
		margin:2px;
	}
	.previewswitch_off{
		width:70px;
		height:20px;
		border:1px dotted gray;
		color:gray;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right:10px;
		margin:2px;
		
	}
	.previewswitch_off:hover{
		background-color:rgba(255,255,255,1);
		color:black;
		border:1px solid white;
		
	}