﻿
p {
  margin: 10px 0 20px;
  line-height: 2;
  font-size:15px;

}

main {
 
  padding: 0;
  margin:auto;
  
}
main {
     text-align:center;
}
section {
  display: none;
  padding: 20px 10px 0;
  border: 1px solid black;
background-color:white;
text-align:left;

}


input {
  display: none;
   text-align:center;
}

label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 9px 7px;
 
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
 
background-color:#282828;
}

label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;

}


label:hover {

  cursor: pointer;
}

input:checked + label {
  color: #555;

  border-top:1px solid black;
  border-left:1px solid black;
  border-right:1px solid black;
  
  border-top: 3px solid orange;
  border-bottom: 1px solid white;
background-color:white;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3 {

  display: block;
}

