body{
       font-family: 'Care Dairy', sans-serif;
background-image: url('http://dl9.glitter-graphics.net/pub/2415/2415589hlweltyfc7.gif');
background-attachment: fixed;
background-repeat: repeat;


      }
    .container div {
    display: flex;
    justify-content: center;
    align-items: center;
      
    }
    
    #heading{
      text-align:center;
     font-size:300px;
    margin-top:30px;
     
      }
      
      #art{
         text-align:center;
     font-size:100px;
        }
      
    .scroll{
      text-align:center;
      font-size:30px;
     
      }
     
  .container {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 10px;
width:100%;
 
    
    
    
  }
  
  #nav{
    grid-row:15/100;
     background: repeating-linear-gradient(
  90deg,
  skyblue,
  skyblue 10px,
  floralwhite 10px,
  floralwhite 20px
);
       border-radius: 15px;
       border: 3px dashed slategray;
       margin:20px;
       align-content: center;
       text-align: center;
    border-radius: 8px;
    padding: 10px;
       
   
    }
    
    #welcome{
      grid-row:15/30;
      font-size:100px;
       background: repeating-linear-gradient(
  90deg,
  skyblue,
  skyblue 10px,
  floralwhite 10px,
  floralwhite 20px
);
       border-radius: 15px;
       border: 3px dashed slategray;
       margin:20px;
       align-content: center;
       text-align: center;
       border-radius: 8px;
       padding: 20px;
       
      }
      
      #stuff{
        grid-row:15/100;
         background: repeating-linear-gradient(
  90deg,
  skyblue,
  skyblue 10px,
  floralwhite 10px,
  floralwhite 20px
);
       border-radius: 15px;
       border: 3px dashed slategray;
       margin:20px;
       align-content: center;
       text-align: center;
   
    border-radius: 8px;
    padding: 20px;
       
        }
        
        #me{
          grid-row:40/100;
           background: repeating-linear-gradient(
  90deg,
  skyblue,
  skyblue 10px,
  floralwhite 10px,
  floralwhite 20px
);
       border-radius: 15px;
       border: 3px dashed slategray;
       margin:20px;
       align-content:center;
       text-align: center;
    border-radius: 8px;
    padding: 20px;
       
          }
          .intro{
            background-color: antiquewhite;
            font-size:25px;
       border-radius: 15px;
       border: 3px dashed slategray;
       margin: 20px;
       padding:10px;
       align-content: center;
       text-align: center;
       width:95%;
       height:70%;
            }
    .link{
      
      background-color: antiquewhite;
      font-family: 'Care Dairy', sans-serif;
      font-size:20px;
      color:black;
       border-radius: 15px;
       border: 3px dashed slategray;
      padding:20px;
      margin-top:50px;
     margin-bottom:50px;
       align-content: center;
       text-align: center;
       width:80%;
    }
     ul {
  list-style-type: none; 
  padding: 0; 
  margin: 0; 
}
  .hello{
    background-color: antiquewhite;
       border-radius: 15px;
       border: 3px dashed slategray;
       margin: 50px;
       padding:10px;
       align-content: center;
       text-align: center;
       width:95%;
       height:70%;
    }
    
      .title{
        background-color: antiquewhite;
        font-size:40px;
       border-radius: 15px;
       border: 3px dashed slategray;
       padding:10px;
       align-content: center;
       text-align: center;
       width:auto;
       height:70%;
        }
        .guestbook{
          background-color: antiquewhite;
        font-size:40px;
       border-radius: 15px;
       border: 3px dashed slategray;
       padding:10px;
       align-content: center;
       text-align: center;
       width:95%;
       height:15%;
          }
          
          
          footer{
            background-color:skyblue;
            color:slategray;
            font-size:15px;
            height:10%;
            outline:3px solid slategray;
            }
.book{
  border-radius: 15px;
  border:3px dashed slategray;
  }
  
  a:link{
    color:black;
    text-decoration:none;
    }
    
    a:visited{
      color:black;
      }
      
      .link:hover{
        border:3px dotted black;
        }
        .title:hover{
           border:3px dotted black;
          }
          
          
        .pageblob{
           overflow-y:scroll;
           background-color: antiquewhite;
            font-size:25px;
       border-radius: 15px;
       border: 3px dashed slategray;
       margin: 20px;
       padding:10px;
       align-content: center;
       text-align: center;
       width:95%;
       height:50%;
      
          
          }
        
        .art{
          
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        text-align:center;
        }
        
        .art .photo{
          display:flex;
          flex-direction:row;
          justify-content:space-between;
          align-items:center;
          }
          
          .art .photo .one{
           display:flex;
           flex-direction:column;
           width:32.5%;
          }
          
          .art .photo .one img{
           width:100%;
           padding:10px;
          }