body {
    margin: 0 ;
    font-family: Arial, sans-serif ;
 }
 
 

 header {
    position: fixed ;
    top : 0 ;
    width : 98% ;
    display: flex ;
    padding : 15px ;
    justify-content: space-between;
    align-items: center;
    background-color: beige;
 }

 nav {
    display: flex ;
    list-style: none ;
    gap: 20px ;
 }

 nav a {
    display : block ;
    text-decoration: none ;
    color: black ;
    font-weight: bold ;

 }

 nav a:hover {
    color: brown ;
 }
 picture img {
    height: 60px ;
    width: auto ;
    display : block ;

 }

 table {
  width: 80%;               /* Tabellen tar upp 80% av sidans bredd */
  border-collapse: collapse; /* Slår ihop kantlinjerna */
  margin: 20px auto;        /* Centrerar tabellen med lite marginal ovanför */  
}
   

th, td {
    border: 1px solid #ddd;   /* Lägger till kantlinjer runt cellerna */
    padding: 8px;             /* Lägger till lite padding i cellerna */
    text-align: left;         /* Vänsterjusterar texten */  
}

th 
{
    background-color: #f2f2f2; /* Ljusgrå bakgrund för rubrikraden */


}


 .welcome {
    text-align: center ;
    margin-top: 20px ;
 }

 .nyhet {
    border: 1px solid #ddd ;
    padding: 15px ;
    margin: 20px ;
    border-radius: 5px ;
    background-color: #f9f9f9 ;
 }