stylsheet.css

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 7 Jul, 2020, 9:09:31 PM
    Author     : HP
*/
#signup{
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
}
#login{
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
}
#cart{
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;
}
#banner_image{
     padding-top: 75px;
     padding-bottom: 50px;    
     text-align: center;
     color: #f8f8f8;
     background: url(./intro-bg_1.jpg) no-repeat center center;
     background-size: cover
}

#banner_content{
     position: relative;
     padding-top: 6%;
     padding-bottom: 6%;
     margin-top: 12%;
     margin-bottom: 12%;
     background-color: rgba(0, 0, 0, 0.7);
     max-width: 1200px
    
}
footer{
    position: fixed;
     padding: 10px 0;
     background-color: #101010;
     color:#9d9d9d;
     bottom: 0;
     width: 100%;
     bottom: 0;
}

.signup{
    padding: 80px;
}
.products{
    padding-top: 75px;
    padding-bottom: 50px;
}
.thumbnail{
     display: block;     
     max-width: 100%;    
     height: auto; 
}
.r{
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.r:hover{
    box-shadow: 0 14px 28px #3d3d29, 0 10px 10px#0f0f0a;
}
.caption{
    color:#000;     
    padding:0px 10px 10px;    
    font-weight: bold;     
    text-align: center; 
 
}
.btn{
    color: #fff;    
     background-color: #c9302c;    
     border-color: #ac2925;     
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);    
     padding: 10px 16px;     
     font-size: 18px;    
     border-radius: 6px; 
}