@import url('https://fonts.googleapis.com/css?family=Italiana');

body 
{
  font-family: "Italiana";
background-color:#3d5300;
color:#abba7c;
font-size:19px;
font-weight: bold;
width:80%;align-center;

}

a
{

  background-color:#f09319;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

a:hover
{

  background-color:#3d5300;
  border: none;
  color: #f09319;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}



div.gallery 
{
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
clear:right;
  width:180px;
}

div.gallery:hover 
{
  border: 1px solid #777;
}

div.gallery img 
{
  width: 100%;
  height: auto;
}

div.desc 
{
  padding: 15px;
  text-align: center;
color:#ffe31a;
}


.cart:hover
 {

  opacity:0.5;
 }



footer:hover
{
color:#f09319;
}

h2
{
  padding: 15px;
  text-align:center;
  color:#f09319;
font-size:25px;

}
select
{
width: 120px;
        height: 30px;
        border: 1px solid #999;
        font-size: 18px;
        color: #abba7c;
        background-color: #3d5300;
        border-radius: 5px;
        box-shadow: 4px 4px #ccc;
}

input[type=text]
{
                    box-sizing: border-box;
                    font-family: inherit;
                    font-size: 18px;
                    vertical-align: baseline;
                    font-weight: 400;
                    line-height: 1.29;
                    letter-spacing: .16px;
                    border-radius: 0;
                    outline: 2px solid transparent;
                    outline-offset: -2px;
                    width: 100%;
                    height: 40px;
                    border: none;
                    border-bottom: 1px solid #8d8d8d;
                    background-color: #f4f4f4;
                    padding: 0 16px;
                    color: #161616;
                    transition: background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);  
                    
  }
input[type=text]:focus{
                        outline: 2px solid #0f62fe;
                        outline-offset: -2px;

}
    
input[type=button]
{

  background-color:#ABBA7C;
  border:none;
  color:white;
  padding:16px 32px;
  text-decoration: none;
  margin:4px 2px;
  cursor:pointer;
                            
}
input[type=button]:hover
{

  background-color:#f09319;
  border:none;
  color:white;
  padding:16px 32px;
  text-decoration: none;
  margin:4px 2px;
  cursor:pointer;
                            
}
#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}
#Library 
{
    height: 400px;
    width: 1500px;
}

#Library:hover 
{
    
    height: 400px;
    width: 1500px;
    opacity:0.5;
}

ul
{
 list-style-image:url("checkmark.png");
}

ul:hover
{
font-size:30px;
color:#abba7c
}