#gearheadings {
   background-color: #ffffff;
   color: black;
   text-align: center;
   padding: 5px;
   font-family: arial;
   height: 30px;
   margin: auto;
   overflow: scroll;
}

#geartype {
   background-color: #ffb617;
   color: black;
   text-align: left;
   padding: 5px;
   font-family: arial;
   width: 100px;
   float: left;
   margin: 10px;
}

#gearbrand {
   background-color: #ffb617;
   color: black;
   text-align: left;
   padding: 5px;
   font-family: arial;
   width: 100px;
   float: left;
   margin: 10px;
}

#gearphoto {
   background-color: #ffffff;
   color: black;
   text-align: center;
   padding: 5px;
   font-family: arial;
   width: 100px;
   float: left;
   margin: 10px;
   
}

#gearnotes {
   background-color: #ffffff;
   color: black;
   text-align: left;
   padding: 5px;
   font-family: arial;
   margin: auto;
   max-width: 2000px;
   width: auto;
}

#shirtstext {
   background-color: #007700;
   color: blue;
   text-align: left;
   padding: 5px;
   font-family: arial;
   margin: auto;
   max-width: 800px;
   width: auto;
}   

#shirtsbutton {
   background-color: #00bb00;
   color: green;
   text-align: left;
   padding: 5px;
   font-family: arial;
   margin: auto;
   max-width: 800px;
   width: auto;
} 

p {
  border: 1px solid powderblue;
  margin: 50px;
}

button {
      background-color: orange;
      border: none;
      color: black;
      padding: 6px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 6px;
      cursor: pointer;

      border-radius: 12px;
   }    

.button:hover {
   background-color: yellow;
   color: black;
   }

.disabled {
   opacity: 0.6;
   cursor: not-allowed;
   }  
     
#buttons {
   width:100%;
   padding: 6px;
   margin: 6px;
   text-align: center;
   font-family: arial;
   font-size: 12px;
   }