body{
  background-color: #F5EABF;
  }
  
  .container{
    display: flex;
    margin: auto;
    width: 70%;
    flex-direction: column;
    background-color: #8A5F41;
    }
    
    
      
      h1{
        font-family: Brush Script MT,cursive;
        text-align: center;
        }
        
        #navi{
          border: double 4px;
          background-color: antiquewhite;
          width: 200px;
          height: 100px;
          text-align: center;
          }
    
    img{
      border-width: 7px;
      border-style: solid;
      border-image: url("https://i.imgur.com/8xftJ3v.gif") 7 fill round;
      }
      
      .bink{
        overflow: scroll;
        text-align: center;
        margin: 2;
        background-color: white;
        border-radius: 25px;
        border-image: url("https://i.imgur.com/gTFIwdW.png") 11 fill round;
        border-width: 12px;
        border-style: solid;
         width: 400px;
        height: 200px;
        padding: 10px;
        margin-left: auto;
        margin-right: auto;
       
        }
    
    
    #info{
      overflow: scroll;
      text-align: center;
      border-style: solid;
      border-image: url("https://foollovers.com/mat/baf/food/fo32-008-a.gif") 7 fill round;
      border-width: 7px;
       width: 400px;
      height: 200px;
      padding: 20px;
      }
    
    .container div{
      
      width: 100px;
      height: 200px;
      padding: 1px;
      }