body{
    background-image: url('img/Background3.jpg');
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:100% 100%;
    margin: 0%;
    padding: 0%;
}
#container1 h1{
    font-weight: bold;
    -webkit-text-stroke: 1px black;
    text-decoration-line: underline;
    text-decoration-color: rgb(10, 10, 114);
    margin-bottom: 0;
}
#quotes h2{
    color:green;
    margin-left: 50px;
    margin-bottom: 5px;
    font-size:10px;
}
.fish{
    text-align:center;
}
 
#container1{
    color:  rgb(5, 28, 117);
    border-radius:10%;
    margin-top:45px;   
    margin-bottom: 0px;
    border:none;
    
}
#container{
    text-align:center;
    margin: 0px;
    display: grid;
}
#container1 p{
    font-size: 13px;
    font-variant: small-caps;
    margin: 0%;
}
#container2{
    margin-top:10px;
    background-color: wheat;
    width: 220px;
    height:310px;
    transition: 0.5s;            /* This is set the speed of container zoom when pointer points the cointer.*/  
    margin-right: 10px;
    padding-top:0px;
    border-radius: 10px;
    display:inline-block;
}
#container3{
    margin-top:15px;
    background-color: wheat;
    width:220px;
    height:310px;
    transition: 0.5s;
    margin-right: 10px;
    padding-top:0px;
    border-radius: 10px;
    display:inline-block;
}
#container4{
    margin-top:15px;
    background-color: wheat;
    width:220px;
    height:310px;
    transition: 0.5s; 
    margin-right: 10px;
    padding-top: 0px;
    border-radius: 10px;
    display:inline-block;
}
#container5{
    margin-top:15px;
    background-color: wheat;
    width:220px;
    height:310px;
    transition: 0.5s;
     
    margin-right: 10px;
    padding-top:0px;
    border-radius: 10px;
    display:inline-block;
}
.fish h2{
    text-decoration-line:underline;
    text-decoration-color:  burlywood;
}
 #name{
     padding: 0%;
     margin-top:20px;
     margin-bottom: 0;
     border:none;
     text-decoration-line:underline;
     text-decoration-color: black; 
 }
 #name1{
    padding: 0%;
    margin-top:20px;
    margin-bottom: 0;
    border:none;
    text-decoration-line:underline;
    text-decoration-color: black;    
 }
 #name2{
    padding: 0%;
    margin-top:20px;
    margin-bottom: 0;
    border:none;
    text-decoration-line:underline;
    text-decoration-color: black;    
 }
 #name3{
    padding: 0%;
    margin-top:20px;
    margin-bottom: 0;
    border:none;
    text-decoration-line:underline;
    text-decoration-color: black;    
 }
 #price{
     margin-top:5px;
     margin-bottom: 0%;
     padding: 0%;
     margin-right: 5px;
     display:inline-block;
     color:green;
     text-decoration-line: underline;
      
 }
 #price1{
    margin-top:5px;
    margin-bottom: 0%;
    padding: 0%;
    margin-right: 5px;
    display:inline-block;
    color:green;
    text-decoration-line: underline;
}
#price2{
    margin-top:5px;
    margin-bottom: 0%;
    padding: 0%;
    margin-right: 5px;
    display:inline-block;
    color:green;
    text-decoration-line: underline;
}
#price3{
    margin-top:5px;
    margin-bottom: 0%;
    padding: 0%;
    margin-right: 5px;
    display:inline-block;
    color:green;
    text-decoration-line: underline;
}
#dprice{
    margin:0px;
    padding: 0%;
    display:inline-block;
    text-decoration:line-through;
     
}
#dprice1{
    margin:0px;
    padding: 0%;
    display:inline-block;
    text-decoration:line-through;
}
#dprice2{
    margin:0px;
    padding: 0%;
    display:inline-block;
    text-decoration:line-through;
}
#dprice3{
    margin:0px;
    padding: 0%;
    display:inline-block;
    text-decoration:line-through;
}
.para{
    margin-top: 5px;
    margin-bottom:0%;
}
 h4{
     padding: 0%;
     margin-top:5px;
     margin-bottom: 0%; 
 }
 #img2{
    padding-top:0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
    width:  80%;
    object-fit:contain;
    margin: 0%;
    border: none;
 }
 #img3{
    padding-top:0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0%;
    width:  80%;
    object-fit:contain;
    margin: 0%;
    border: none;
 }
 #img4{
    padding-top:0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0%;
    width:  80%;
    object-fit:contain;
    margin: 0%;
    border: none;
 }
 #img5{
    padding-top:0;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0%;
    width:  80%;
    object-fit:contain;
    margin: 0%;
    border: none;
 }
 #fresh{
     display:inline-block;
 }
 #fresh h2{
     margin-top:  20px;
     margin-left:70px;
     margin-bottom:0px;
     color:  rgb(90, 86, 86);
     text-decoration-line: underline;
     text-decoration-thickness: 1px;
     font-size:40px
 }
 #fresh h3{
     margin-left:170px;
     margin-top: 10px;
     color: grey;
     display:inline-block;
     font-size:30px;
 }
 #pride{
    display:inline-block;
}
#pride h2{
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    margin-top:  20px;
    margin-left:70px;
    margin-bottom:0px;
    color:  rgb(90, 86, 86);
    font-size:40px;
}
#pride h3{
    margin-left: 170px;
    margin-top: 10px;
    color: grey;
    display:inline-block;
    font-size:30px;
     
}
 #order{
    text-align:center;
    margin-top:30px;
 }
 #sentence{
    margin-top:30px;
    text-align:center;
    font-size:12px;
     
}
.btn1{
    color:  white;
    background-color: rgb(17, 123, 245);
    border:none;
    border-radius: 10px;
    padding: 5px;
    text-decoration: none;
    font-weight: bold;
     
    font-size:12px;
}
.btn2{
    background-color: rgb(68, 158, 7);
    padding:5px;
    border:none;
    color:white;
    border-radius: 10px;
    font-weight: bold;
    text-decoration: none;
    
    font-size:12px;    
}
#order h5{
    display:inline-block;
    margin-left: 6px;
    margin-right: 5px;
    font-size:30px;
    margin:0px;
}
#phone1{
    color:   white;
    padding-right:15px;
}
.fa-whatsapp{
    color: white;
    padding-right:15px;
    
}
#container2:hover{
    transform:scale(1.1);
    z-index:1;
}
#container3:hover{
    transform:scale(1.1);
    z-index:1;
}
#container4:hover{
    transform:scale(1.1);
    z-index:1;
}
#container5:hover{
    transform:scale(1.1);  /*Zooms the element 10% biiger of it's width and height.*/
    z-index:1;             /*appear front of other elements*/
}
 .final{
     text-align:center;
 }
 .fa-phone{
        color: blue;
         padding-right:15px;
 }
 .fa-envelope{
         padding-right:15px;
         color:black;
         margin: 0%;
 }
 .fa-copyright{
          padding-right:15px;
}
.fa-location-dot{
   
   
   font-size:40px;
}
 #p1{
    
    margin-bottom: 0px;
    font-size:12px;
}
 #p2{
     margin-bottom: 0px;
     margin-top:4px;
     font-size:12px;
 }
 #p3{
    margin-bottom: 0px;
    margin-top:4px;
    font-size:12px;
 }
 #p4{
    margin-top:4px;
     margin-bottom: 0px;
     font-variant:small-caps;
     font-size:12px;
 }
 footer{
   font-size:10px;
}
 hr{
     border-top:1px dotted gray;
 }
.fa-fish-fins{
  padding-right:15px;
}
 .fa-indian-rupee-sign{
     font-size:15px;
 }