body{
        overflow-y:hidden;
        overflow-x: hidden;
        background-image: url("ChatGPT Image 2 okt. 2025 14_15_01.png");
        background-size: cover;
        z-index: -4;
      }
      
      p{
        margin: 0;
        padding: 0;
      }
   
      .logo{
        height: 85px;
        grid-row: 1;
      }
      .text-header{
        font-family: 'Poppins', sans-serif;
        font-weight: 800;
        font-size: 12px;
        grid-template-columns: 1fr;
        row-gap: 3px;
        color: rgba(0, 129, 159);
        margin-bottom: 0px;
        grid-column: 2;
  
      }

      #skolan{
        width: 100%; 
        height: 100%;
        background-image: url("ChatGPT Image 6 okt. 2025 13_28_19.png");
        background-size: cover;      
        background-position: center;
        opacity: 0.75;
      }
      .inova, .biblan{
        width: 120px;
        height: auto;
        border-radius: 10px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.12);
      }
      
      .flexbox{
        grid-row: 1;
        grid-column: 3;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .sök{
        background-color: rgba(255, 255, 255, 0.151);
        border-radius: 20px;
        box-shadow: none;
        border:none;
        outline: none;
        width: 175px;
        height: 17px;
        padding: 7px 20px;
        color: white;
        font-size: 12px;
        grid-column: 3;
        
      }
      .texten{
        display: inline-block;
        position: relative;
        left: 20px;
        top: -25px;
        }
      #wrapper{
        display: grid;
        height: 100vh;
        width: 100%;
        grid-template-columns: repeat(5,1fr);
        grid-template-rows: repeat(7,1fr);
      }
      .flex{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        grid-row: 4;
        grid-column: 3;
        width: 100%;
        gap: 70px;
        color: white;
        font-size: 25px;
        font-weight: 700;
        font-family: 'Poppins', sans-serif;
      }
     .blå{
      background-color: rgba(23, 104, 141, 1);
      border-radius: 10px;
      width: 450px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      transition: 0.3s; 
      transform: 0.2s;
      box-shadow: 0 4px 16px rgba(0,0,0,0.08);
      
     }
     .blå:hover {
      background-color: rgba(0, 129, 159, 1);
      transform: translateY(-3px) scale(1.03);
     }

     .blå:active{
      box-shadow: 0 2px #666;
      transform:scale(0.97);
     }
     .blå button {
      background: none;
      border: none;
      color: #fff;
      font-size: 22px;
      font-family: 'Poppins', sans-serif;
      font-weight: 700;
      cursor: pointer;
      width: 100%;
      height: 100%;
      transition: color 0.3s;
      
    }
     
     .flexboxx{
      display: flex;
      align-items: flex-start;
      grid-row: 4;
      grid-column: 1 / 3;
      justify-content: flex-end;
      color: white ;
      font-size: 40px;
      line-height: 1;
      font-weight: 700;
      flex-direction: column;
      gap: 10px;
      position: relative;
      left: 20px;
      border-radius: 5px;
     }
     .inova{
      display:flex;
      grid-row: 3;
      grid-column: 4/6;
      width: 500px;
      height: auto;
     }
     .biblan{
      display: flex;
      grid-row: 4;
      grid-column: 4/6;
      width:500px;
      height: auto;
      
     }
      .bild-text{
        background-color:rgba(23, 104, 141, 1) ;
        padding: 10px;
        font-family: 'Poppins', sans-serif;
        text-align: center;
      }
      .bild-text-2{
        background-color:rgba(23, 104, 141, 1) ;
        padding: 10px;
        font-family: 'Poppins', sans-serif;
        text-align: center;
        ;
      }
      #bild-text{
        position: relative;
        left: 20px;
        bottom: 20px;
        
      }
      .image-stack {
        grid-row: 3 / span 3;
        grid-column: 4/6;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 50px;
        height: 100%;
        justify-content: center;
        position: relative;
        right: 50px;
      }