html{ font-family: "Helvetica Neue", sans-serif; width:100%; color:#666666; text-align:center; } .popup-overlay{ /*Hides pop-up when there is no "active" class*/ visibility:hidden; position:absolute; background:#ffffff; border:3px solid #666666; 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; } button{ display:inline-block; vertical-align:middle; border-radius:30px; margin:.20rem; font-size: 1rem; color:#666666; background: #ffffff; border:1px solid #666666; } button:hover{ border:1px solid #666666; background:#666666; color:#ffffff; }