/*import google fonts*/
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Gugi&family=Lato:wght@300&family=Roboto:wght@300&display=swap');
/*create variables*/
:root{
	--light-gray:#2b3032a1;
	--primary-color:#e5df45;
	--border:#2b303218;
	--text-color:#ff686b;
	--anton: 'Anton', sans-serif;
--gugi: 'Gugi', cursive;
--lato: 'Lato', sans-serif;
--roboto: 'Roboto', sans-serif;
	
}
/*Global classes*/

.primary-color{
	
	color:var(--primary-color);
}
.bg-primary-color{
	
	background-color:var(--primary-color)!important;/*Important keyword overlide bootstrap class*/
}
.text-color{
	
	color:var(--text-color);
}
.font-roboto{
	
	font-family:var(--roboto);
}

.lightblue{
	color:lightblue;
}

/*header*/

.header{
	
	background-color:var(--primary-color);
	font-family:var(--roboto);
}
.header h3{
	
 font-weight:bold;		
}

.header ul li{
	  border:0.4px solid transparent;
  border-radius:0.1em;
  padding:2px;
  font-size:16px;
}
.header ul li:hover{
	border:1px solid white;
	
}
.header ul li a{
	text-decoration:none;
	color:black;
  font-weight:bold;	
}

.header .in-cart{
	position:relative;
	left:-33px;
	top:2px;
	color:#bf002b;
}
.header .sign-up:hover{
	color:orange;
}
/*header*/

.nav-bar{
	background-color:#e2e2e2;
	
}
.nav-bar ul{
margin-top:-30px;
margin-left:50px;
}
.nav-bar ul li{
	 border:0.4px solid transparent;
  border-radius:0.1em;
  padding:2px;
  font-size:16px;
}
.nav-bar ul li:hover{
	border:1px solid white;
	
}
.nav-bar ul li a{
	text-decoration:none;
	color:black;
 	
}


.nav-bar  .container-iconbar{
border:0.2px solid grey;
width:40px;
padding:4px 4px 4px 4px;
margin-top:10px;
border-radius:0.2em;

}
.nav-bar  .container-iconbar:hover{
border:1px solid black;	
cursor:pointer;	
}
.iconbar{
width:25px;
height:2px;
background-color:black;
margin:5px ;
padding-right:2px;
	
}