@charset "utf-8";

/* Buttons-------------------------------*/

.buttonA {
  border-radius: 6px;
  border: none;
  -webkit-box-shadow: 2px 3px 3px #666666;
  -moz-box-shadow: 2px 3px 3px #666666;
  box-shadow: 2px 3px 3px #666666;
  font-family: Arial;
  color:purple;
  font-size: medium;
  background:yellow;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
  font-weight:bold;
  cursor: pointer;
}
.buttonA:hover {
  background:#F90;
  text-decoration: none;
}

.buttonB {
  border-radius: 6px;
  border: none;
  -webkit-box-shadow: 2px 3px 3px #666666;
  -moz-box-shadow: 2px 3px 3px #666666;
  box-shadow: 2px 3px 3px #666666;
  font-family: Arial;
  color:#000;
  font-size: medium;
  background:#0F0;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  cursor: pointer;
  font-weight:bold;
  width:200px;
}
.buttonB:hover {
  background:#666;
  text-decoration: none;
  color:#FFF;
}
.buttonC {
  border-radius: 6px;
  border: none;
  -webkit-box-shadow: 2px 3px 3px #666666;
  -moz-box-shadow: 2px 3px 3px #666666;
  box-shadow: 2px 3px 3px #666666;
  font-family: Arial;
  color:black;
  font-size: medium;
  background: #66FCF1;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  cursor: pointer;
  font-weight:bold;
  width:225px;
}
.buttonC:hover {
  background: #A8C0DF;
  text-decoration: none;
  color:black;
}

.buttonDonate {
  border-radius: 10px;
  font-family: Arial;
  color: white;
  font-size: small;
  background:red;
  padding: 2px;
  text-decoration: none;
  cursor: pointer;
  font-weight:bold;
  width:150px;
  border: 2px solid orange;
   box-shadow: 2px 3px 3px #666666;
   transition: background-color 0.3s ease; /* Smooth transition for background color */
}
.buttonDonate:hover {
  background:orange;
  text-decoration: none;
  color:black;
}


.buttonDonate2 {
  border-radius: 10px;
  font-family: Arial;
  color: darkgrey;
  font-size: small;
  background:white;
  padding: 2px;
  text-decoration: none;
  cursor: pointer;
  font-weight:bold;
  width:100px;
  border: 1px solid darkgrey;
   box-shadow: 2px 3px 3px #666666;
   transition: background-color 0.3s ease; /* Smooth transition for background color */
}
.buttonDonate2:hover {
  background:lightgreen;
  text-decoration: none;
  color:black;
}


.viewButton {
  cursor: pointer;
  background-color:#060;
}
.viewButton:hover {
  background:#F0F0F0;
  text-decoration: none;
}


.link-div {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   background-color: green;
   color: white;
   padding: 5px;
   text-align: center;
   border: 2px solid grey;
   box-shadow: 2px 3px 3px #666666;
   transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.link-div:hover {
   background-color: orange;
   cursor: pointer;
   color: black;
}