|  | @@ -5,10 +5,7 @@ body {
 | 
	
		
			
				|  |  |      display: grid;
 | 
	
		
			
				|  |  |      grid-template-columns: auto 1fr;
 | 
	
		
			
				|  |  |      grid-template-rows: auto auto 1fr;
 | 
	
		
			
				|  |  | -    grid-template-areas: 
 | 
	
		
			
				|  |  | -        "header header"
 | 
	
		
			
				|  |  | -        "nav nav"
 | 
	
		
			
				|  |  | -        "main main";
 | 
	
		
			
				|  |  | +    grid-template-areas: "header header" "nav nav" "main main";
 | 
	
		
			
				|  |  |      min-height: 100vh;
 | 
	
		
			
				|  |  |  }
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -19,7 +16,7 @@ header {
 | 
	
		
			
				|  |  |      z-index: 1;
 | 
	
		
			
				|  |  |  }
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -header > * {
 | 
	
		
			
				|  |  | +header>* {
 | 
	
		
			
				|  |  |      @apply p-3;
 | 
	
		
			
				|  |  |  }
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -163,18 +160,12 @@ main {
 | 
	
		
			
				|  |  |  }
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  @screen md {
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  |      body {
 | 
	
		
			
				|  |  | -        grid-template-areas: 
 | 
	
		
			
				|  |  | -            "header header"
 | 
	
		
			
				|  |  | -            "header header"
 | 
	
		
			
				|  |  | -            "nav main";
 | 
	
		
			
				|  |  | +        grid-template-areas: "header header" "header header" "nav main";
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  |      aside.menu {
 | 
	
		
			
				|  |  |          @apply w-56;
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  |      .menu .menu-view {
 | 
	
		
			
				|  |  |          @apply sticky top-0;
 | 
	
		
			
				|  |  |      }
 | 
	
	
		
			
				|  | @@ -185,15 +176,12 @@ main {
 | 
	
		
			
				|  |  |          grid-template-columns: max-content auto;
 | 
	
		
			
				|  |  |          gap: 0.5rem 0.5rem;
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  |      .artifacts-list .artifact-link {
 | 
	
		
			
				|  |  |          @apply mt-0;
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  |      main {
 | 
	
		
			
				|  |  |          @apply mx-40;
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  |      aside.menu {
 | 
	
		
			
				|  |  |          @apply w-72;
 | 
	
		
			
				|  |  |      }
 |