h1 {
  font-size: 150%;
}

h2 {
  font-size: 100%
}

h4 {
  font-size: 30px;
  margin-bottom: 40px;
}

img {
  max-width: 30%;
  height: auto;
  padding: 10px;
}

label {
  color: #FDBB46;
  -webkit-text-stroke: 1px black !important; 
  font-size: 30px;
}

form.login {
  margin-top: 50px;
}

a:link {
  color:#27402d;
}

.background {
    background-image: url("../assets/imgs/background.jpg");
    height: 1500px;
    width: auto;
    background-position: center;
    background-size: cover;   
  }

.form-control {
    font-weight:bold;
    font-size:large;
    font-family: 'Bebas Neue', sans-serif;
    -webkit-text-stroke: 0px;
  }

#shopList {
    padding: 10px;
  }
  
.container {
    text-align: center;
    justify-content: center;
    color: white;
    background-color: transparent !important;
  }

.center {
    margin-left: auto;
    margin-right: auto;
  }
  
.boxed {
    border: 1px solid green ;
    background: rgba(255,255,255,0.5) !important;
    size: 25%;
    padding-left: 4rem;
    padding-right: 4rem;
  }
  
.card {
    background-color: rgba(255,255,255,0.5);
  }
  
.body {
   font-weight:bold;
   font-family: 'Bebas Neue', sans-serif;
  }

#email-input {
    color: black
  }

.btn {
    font-size: 20px;
    color: black;
    background-color: #A87B50;
    padding: 5px 20px;
    border-width: 1px;
    border-color: black
  }

.title {
    color: #FDBB46;
    -webkit-text-stroke: 1px black;
    text-decoration: underline; 
  }

.and {
    font-family: Georgia, 'Times New Roman', Times, serif
  }