/* popup1 */
.popup-overlay{
  /*Hides pop-up when there is no "active" class*/
  visibility:hidden;
  position:absolute;
  background:#ffffff;
  border:3px solid #ffffff;
  width:50%;
  height:50%;
  left:25%; 
}
.popup-overlay.active{
  /*displays pop-up when "active" class is present*/
  visibility:visible;
  text-align:center;
}
.popup-content {
  /*Hides pop-up content when there is no "active" class */
 visibility:hidden;
}
.popup-content.active {
  /*Shows pop-up content when "active" class is present */
  visibility:visible;
}


/* popup2 */
.po2{
  /*Hides pop-up when there is no "active" class*/
  visibility:hidden;
  position:absolute;
  background:#ffffff;
  border:3px solid #ffffff;
  width:50%;
  height:50%;
  left:25%; 
}
.po2.active{
  /*displays pop-up when "active" class is present*/
  visibility:visible;
  text-align:center;
}
.pc2 {
  /*Hides pop-up content when there is no "active" class */
 visibility:hidden;
}
.pc2.active {
  /*Shows pop-up content when "active" class is present */
  visibility:visible;
}

/* popup3 */
.popup-overlaycomputer{
  /*Hides pop-up when there is no "active" class*/

  width:50%;
  height:50%;
  left:25%; 
}
.popup-overlaycomputer.active{
  /*displays pop-up when "active" class is present*/
  visibility:visible;
  text-align:center;
}
.popup-contentcomputer {
  /*Hides pop-up content when there is no "active" class */
 visibility:hidden;
}
.popup-contentcomputer.active {
  /*Shows pop-up content when "active" class is present */
  visibility:visible;
}

button{
  vertical-align:middle;
  border-radius:30px;
  margin:.20rem;
  font-size: 1rem;
  color:#ffffff;
  background:	#ffffff;
  
}

button:hover{
  border:1px solid #ffffff;
  background:#ffffff;
  color:#ffffff;
}