*{ box-sizing: border-box; }
/* Remember: rfb value of
-black is 0, 0, 0 (no colour)
-white is 255,255,255 (all colours)*/
/* The Modal is based on W3School's suggestions at
https://www.w3schools.com/howto/howto_css_modals.asp */
.modal {
 display: none; /* Hidden by default */
 position: fixed; /* Stay in place */
 z-index: 1; /* Sit on top */
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 overflow: auto; /* Enable scroll if needed */
 background-color: rgb(0,0,0); /* Fallback color */
 background-color: rgba(150,150,150,0.5); /* Grey w/ opacity */
}

/* Modal Content/Box */
.modal-content {
 background-color: rgba(130,130,135,1);
 margin: 15% auto; /* 15% from the top and centered */
 padding: 20px;
 border: 1px solid rgba(130,130,130,1);
 width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
 color: rgba(40,30,30,1);
 float: right;
 font-size: 16px;
 font-weight: bold;
}

.close:hover,
.close:focus {
 color: black;
 text-decoration: none;
 cursor: pointer;
}