|  |  | @@ -39,9 +39,9 @@ export default class Explore extends Vue { | 
		
	
		
			
			|  |  |  | position: relative; | 
		
	
		
			
			|  |  |  | display: grid; | 
		
	
		
			
			|  |  |  | grid-template-areas: | 
		
	
		
			
			|  |  |  | "items     containers" | 
		
	
		
			
			|  |  |  | "stats     containers"; | 
		
	
		
			
			|  |  |  | grid-template-rows: 1fr 1fr; | 
		
	
		
			
			|  |  |  | "items     stats" | 
		
	
		
			
			|  |  |  | "containers     containers"; | 
		
	
		
			
			|  |  |  | grid-template-rows: 1fr 0.25fr; | 
		
	
		
			
			|  |  |  | grid-template-columns: 1fr 1fr; | 
		
	
		
			
			|  |  |  | width: 100%; | 
		
	
		
			
			|  |  |  | height: 100%; | 
		
	
	
		
			
				|  |  | @@ -52,17 +52,19 @@ export default class Explore extends Vue { | 
		
	
		
			
			|  |  |  | 
 | 
		
	
		
			
			|  |  |  | .character-items { | 
		
	
		
			
			|  |  |  | background: #222; | 
		
	
		
			
			|  |  |  | grid-area: "items"; | 
		
	
		
			
			|  |  |  | grid-area: items; | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  | 
 | 
		
	
		
			
			|  |  |  | .character-containers { | 
		
	
		
			
			|  |  |  | background: #222; | 
		
	
		
			
			|  |  |  | grid-area: "containers" | 
		
	
		
			
			|  |  |  | grid-area: containers; | 
		
	
		
			
			|  |  |  | display: flex; | 
		
	
		
			
			|  |  |  | flex-direction: row; | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  | 
 | 
		
	
		
			
			|  |  |  | .character-stats { | 
		
	
		
			
			|  |  |  | background: #111; | 
		
	
		
			
			|  |  |  | grid-area: "stats"; | 
		
	
		
			
			|  |  |  | grid-area: stats; | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  | 
 | 
		
	
		
			
			|  |  |  | .profile-exit { | 
		
	
	
		
			
				|  |  | 
 |