@charset "UTF-8";

body {
  color: #000000;
  background-color: #FFFFFF;
  font-family: Verdana, Geneva, Arial, sans-serif;
  margin: 0;
  padding: 0;
}

#wrapper {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  min-height: 100%;   
  position: relative; 
  background-color: #FFFFFF;
  padding-bottom: 80px; 
  box-sizing: border-box;
}


header {
  color: #FFFFFF;
  padding: 16px 16px 0 16px;
  background: #0800E0;
  background: -moz-linear-gradient(45deg, #0800E0 0%, #67E5DB 100%);
  background: -webkit-linear-gradient(45deg, #0800E0 0%, #67E5DB 100%);
  background: -o-linear-gradient(45deg, #0800E0 0%, #67E5DB 100%);
  background: linear-gradient(45deg, #0800E0 0%, #67E5DB 100%);
}

h1,h2,h3,h4,h5,h6,p,li { margin-left: 15px; }


nav .button {
  display: inline-block;
  text-decoration: none;
  font-size: large;
  background-color: #ADEAEA;
  color: #000000;
  padding: 10px 16px;
  margin: 8px 8px 16px 15px;
  border-radius: 12px;
  box-shadow: 5px 5px 3px rgba(0,0,0,0.2);
}
nav .button:hover { box-shadow: 5px 5px 3px rgba(0,0,0,0.35); }
.clear { clear: both; }


.gradient-straight {
  background: #67E5DB;
  background: -moz-linear-gradient(top, #67E5DB 0%, #ADEAEA 100%);
  background: -webkit-linear-gradient(top, #67E5DB 0%, #ADEAEA 100%);
  background: -o-linear-gradient(top, #67E5DB 0%, #ADEAEA 100%);
  background: linear-gradient(to bottom, #67E5DB 0%, #ADEAEA 100%);
  padding: 16px 0 24px 0;
  border: 2px solid #000000;
}


.feature-img {
  max-width: 320px;
  height: auto;
  display: block;
  margin: 10px 15px;
  border: 2px solid #000000;
}


.project {
  display: inline-block;
  vertical-align: top;
  width: 45%;
  min-height: 120px;
  margin: 10px 15px;
  padding: 10px;
  background-color: #F7FFFF; 
  border: 1px solid #ADEAEA;
}


video {
  width: 480px;
  max-width: 90%;
  display: block;
  margin: 10px 15px;
  background-color: #000000;
  border: 2px solid #FFFFFF;
  box-shadow: 10px 10px 5px #000000;
}


form p { margin-left: 15px; }
input, textarea {
  font-family: inherit;
  padding: 6px;
  border: 1px solid #0800E0;
}
input[type="submit"] {
  background-color: #0800E0;
  color: #FFFFFF;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}


footer {
  background-color: #000000;
  color: #FFFFFF;
  padding: 12px 0 20px 0;
  margin-top: 24px;
}
footer a { color: #67E5DB; }