marquee {
	background-color: var(--base);	
	color: white;
	font-size: 30px;
	padding: 20px;
}

a{
	text-decoration: none;
	font-size: 30px;
	color: var(--base);
	text-transform: uppercase;
	border:3px solid var(--base);
	margin: 10px;
}
img{
  width:150px;
  height:150px;
  margin: 10px 90px 10px 0px;
  border-radius: 76%;
  background-color:  var(--base);
  filter: blur(var(--blur)); 
}
input[type=file]{
padding:10px;
background:#2d2d2d;
background-size: auto 100%;
}
.card {
	padding-top: 80px;
	height:380px;
	width: 300px;
	border:var(--spacing) solid var(--base);
	margin: 0px auto;
	border-radius: 20px;
	background-color: white;
	background-image: url(back2.jpg);
	background-size: 100% 100%;
}
:root {
      --base: #68B867;
      --spacing: 2px;
      --blur: 1px;
    }
.card svg {
	margin: 10px 50px 0px 50px;
	height: 70px;
	width: 200px;
	position: static;
	fill:black;
}
#demo {
	font-size: 25px;
	color: var(--base);
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 40%;
}
#demo1 {
	font-size: 20px;
	color: var(--base);
	margin: 0px;
	margin-left: 30%;
}
.add {
	text-align: center;
	width: 200px;
	background-color: var(--base);
	color: white;
	padding: 10px 50px;
	margin-bottom: 0px;

}
.input {
	text-align: center;
	margin: 10px;
}
.input input,button,#upcnumber, #clear{
	font-size: 20px;
	margin: 5px 0px ;
}
.ins {
	font-size: 10px;
	text-align: center;
	margin: 0px;
}
#upcCode {
	height: 20px;
	position: static;
	margin-left: 40%;

}
#btnSave {
	margin-top: 10px;
	text-align: center;
}
body {
	text-align: center;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 300px;
}