@import url("https://fonts.googleapis.com/css?family=Raleway");
@import url("https://fonts.googleapis.com/css?family=Cinzel");

A{text-decoration: none;}
A:link {color: #ffffff;}
A:visited {color: #ffffff;}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}	

.w3-theme {color:#fff !important; background-color:#282d3c !important}

main label {
  padding: 10px 10px 10px 0;
  display: inline-block;
  font-family: 'Cinzel';
  font-size: clamp(14px,18px,22px);
}

/* page titles */
h1 {
		font-family: 'Cinzel';
		font-size: clamp(25px,4vw,45px);
		
}
 /* product names on cards */
h2 {
		font-family: 'Cinzel';
		font-size: clamp(20px,2.75vw,30px);
		
}


h3 {
		font-family: 'Cinzel';
		font-size: 3.5vw;
		
}
body {
		
		font-family: 'Raleway';
		font-size: clamp(10px, 14px, 17px);
		color: #ffffff;
	
		background-image: linear-gradient(-130deg, #343a4a , #535f78, #343a4a);
		
}

	 	
main {
	padding: 10px;
	
}



main #features {
		font-family: 'Cinzel';
    	font-size: clamp(20px, 4vw, 60px);
		opacity: 0.2;
}



footer {
	background-color: #282D3C;
	padding: 20px;
	text-align: center;
	
	
}
footer p {
	font-size: 0.8em;
	font-family:'raleway';
}


.logo {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 800px;
}


input[type=text] {
  border: 2px solid white;
  border-radius: 4px;
  background: transparent;
  color: #fff;
  margin-bottom: 10px;
  font-family: 'Raleway';
  font-size: clamp(10px, 14px, 17px);
 
  
  
}

main .error  {
  border: 0px;  
  background: transparent;
  color: #ffffff;
  margin-bottom: 10px;
  font-family: 'cinzel';
  text-align: left;
  
}

select {
  border: 2px solid white;
  border-radius: 4px;
  background: transparent;
  color: #fff;
  margin-bottom: 10px;
  font-family: 'Raleway';
  text-align: center;
  
}

select option {
  position: absolute;
  background-color: #282D3C;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

button {
    font-family: 'Cinzel';
    font-size: clamp(1em, 1.5em, 3em);
    background: #282D3C;
      border: none;
      color: white;
      margin-bottom: 10px;
      margin-left: 10px;
      cursor: none;
     
		
  
}

button #price {
    font-family: 'Cinzel';
  font-size: clamp(10px, 14px, 17px);
    background: #282D3C;
      border: none;
      color: white;
      margin-bottom: 10px;
      margin-left: 10px;
      cursor: none;
     
		
  
}




input[type=submit] {
  background: #282D3C;
  border: none;
  color: white;
  margin-bottom: 10px;
  margin-left: 10px;
  cursor: pointer;
  font-family: 'Cinzel';
  
}