body {
      background-image: url('Pics/bluestripes.jpeg');
      background-attachment: fixed;
      background-repeat: repeat;
      overflow: hidden;
    }

    .header {
        background-image:url('Pics/pinklace.png');
        background-repeat: repeat; 
        position: fixed;
        top: 0;
        left: 0; 
        z-index: 2;
        width: 100% ;
        height: 70px;
    }
    
   .box {
    display: grid; 
    margin: centered;
    width: 300px;
    }
    
    .nav {
      border: black 2px solid;
      grid-row: 1 / 3;
      grid-column: 1 / 2;
      
    }
    .intro {
       border: black 2px solid;
       grid-row: 1 / 3;
       grid-column: 2 / 3;
    }
    
    .calender {
       border: black 2px solid;
       grid-row: 1 / 2;
       grid-column: 3 / 4;
    }
    
    .todo {
       border: black 2px solid;
       grid-row: 2 / 3;
       grid-column: 3 / 4;
    }