/* Rosa Ljung */

/* gridlayout */



body {
   display: grid;
   background-color: #f1fdfd;
   height: 100vh;
   width: 100vw;
   grid-template-rows: 1fr 3fr 1fr;
   grid-template-columns: 2fr 1fr;
   gap: 1rem;
   }
   
/*navigation*/

.navigation {
    display: flex;
    /*font-size: 1.5rem;*/
    grid-row: 1 / 3;
    grid-column: 1 / 3;
    background-color: #8ddbdb;
    border: 3px solid royalblue;
    border-radius: 10px;
    }
    
 .centered {
    text-align: center;
    padding: 20px;
    margin: 20px;
}   
    
    
   /* huvudsakligt innehåll */
   
   
  
main {
   grid-row: 2 /3;
   grid-column: 2 / 3;
    background-color: #f1fdfd;
    border: 3px solid royalblue;
    border-radius: 10px;
  
  /*  height: 100%;
    width: 90vw;*/
    }
    
.textmain {
	line-height: 1.5;
	padding: 20px;
	margin: 20px;
	text-align: justify;
}


article {
    width: 90vw;
    }
    
    

h3  {
	color: purple;
	clear: right;
	padding: 10px;
	margin: 10px;
	text-decoration: underline;
	}
	
.container  {
	display: flex;
	float: right;
}	

img {
    float: right;
    padding: 20px;
    } 
    
    /* sidoinnehåll*/
    aside {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
    background: #f1fdfd;
    }