*{
    padding:0;
    margin:0;
 }
 #descript {
    width: 100%;
    padding:10px;
    background-color: #50e3c2;
    color:white;
 }
 #descript > h3 {
     width: 50%;
     display: inline-block;
 }
 .tasklink {
  display: inline-block;
  text-decoration:none;
  color:#ddd;
  text-shadow: 1px 1px 2px #000;
 }
 .tasklink:hover {
   color:#fff;
 }
 #content{
     margin:20px auto;     
     width: 50%;
 }
 .form-control{
      padding:6px 12px;
      font-size: 14px;
      line-height: 1.4;
      color:#555;       
      border:1px solid #ccc;
      border-radius: 10px;
      box-shadow: inset 1px 1px 1px rgba(0,0,0,.075);
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   }
.form-control:focus{
      border-color:#66afe9;
      outline: 0;
      box-shadow: inset 1px 1px 1px rgba(0,0,0,.075);
}
.btn{
      padding:10px 10px;
      border-radius: 10px;
      cursor: pointer;
      color:#fff;
      border:1px solid #fff; 
      outline:0;
      background-color: #5cb85c;
      border-color:#4cae4c;
      box-shadow: 1px 1px 10px #77b85c; 
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;     
     }
.btn:hover{   
      background-color: #449d44;
      border-color:#398439;
      outline: 0;
     }
 #aqi-display{      
      font-size: 16px;
      color:#5cb85c;
      text-shadow: 1px 1px 2px #ccc;


     }