*{
  margin:0;
  padding:0;
/*  overflow: hidden;*/
}
body{
  overflow-x: hidden;
}


.body-container{
  width:100%;
  position: relative;
  background-image: url("images/loginbg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

nav{
  /*background: blue;*/
  background: orange;
  display:flex;
  padding:5px;
}

.header-logo{
   color:#fff;
   width: 20%;
   font-size: 42px;
   letter-spacing: 1px;
   margin:0px auto;
   text-align: right;
}

.header-logo:hover{
   cursor:pointer;
}

nav ul{
  display:flex;
  flex-direction:row;
  justify-content: flex-end;
  margin-right: 25px;
  margin-top: auto;
  margin-bottom: auto;
  width: 80%;

}

nav ul li {
  padding:15px;
  position: relative;
  overflow: hidden;
}

nav ul li a{
  text-decoration: none;
  color:#fff;
  font-size:22px;
  font-family: cambria math;
  display: flex;
}

nav ul li a:hover{
  color:#fff;
}

.icon-style{
  font-size:26px;
  margin-right:10px;
}

.cart-count{
  position: absolute;
  width:20px;
  height:20px;
  top:5px;
  left:35px;
  background-color:red;
  color:#fff;
  font-size:16px;
  text-align: center;
  border-radius: 50%;
}

.header-carosol{
  width:100%;
  /*height:80vh;*/
  height:95vh;
  position: relative;
  /*background-image: url("images/sweets_banner.jpg");
  background-size:cover;*/
}

.carosol-img{
  width:100%;
  height:100%;
}

.img-indicator{
  position: absolute;
  height:9px;
  width:9px;
  bottom:7%;
  border-radius: 50%;
  background-color: #fff;
}

#ind-one{
  left:49%;
}

#ind-two{
  left:51%;
}

#ind-three{
  left:53%;
}



.left-arrow,.right-arrow{
  position: absolute;
  font-size:68px;
  top:50%;
  transform: translateY(-50%);
  color:#fff;
}
.left-arrow{
  left:3%;
}
.right-arrow{
  right:3%;
}

.left-arrow:hover,.right-arrow:hover{
  cursor:pointer;
}

.ruler{
    border:none;
    height:30px;
    border-bottom:5px dotted black;
    background-color:transparent;
    width:5%;
    margin:2% auto;
}

.category-name{
   font-size:42px;
   font-size: cambria-math;
   font-family: cambria math;
   color:red;
   text-align: center;
   margin: 2% auto;
   text-shadow: 1px 1px 5px #fff;
}

.item-section{
  width:100%;
  margin: 2% 9%;
}

.item-row{
  width:85%;
}

.items-container{
  width:90%;
  margin:auto 5%;
}

.item-card{
  /*border:1px solid grey;*/
  /*box-shadow: 1px 1px 10px 1px grey;*/
  border:1px solid blue;
  text-align: center;
  border-radius: 15px;
  padding: 15px 5px;
  margin-bottom: 30px;
  background-color: #fff;
  box-shadow: 2px -3px 10px 1px dodgerblue;
}

.sweet-img{
  width:250px;
  height:200px;
}

.sweet-img:hover{
  scale:0.9;
  cursor: pointer;
}

.view-item-btn{
  width:20%;
  color:#fff;
  background-color:green;
  border-radius:  10px;
  border-color: #fff;
  padding:7px;
  font-size:20px;
  margin: 3% auto;
}

.footer-section{
  width:100%;
  background-color: orange;
  padding:5px;
}

.footer-text{
  color:#fff;
  font-size:22px;
  text-align:center;
  margin:auto;
  font-family: cambria math;
  letter-spacing: 1.3px;

}

.footer-link{
   text-decoration: none;
   color:#fff;
   text-shadow: 1px 1px 3px red;
}

.footer-link:hover{
   cursor: pointer;
   color:#fff;
}