body { font-family: Arial, Helvetica, sans-serif; } /* The Modal (background) */ .modal { display: none; position: fixed; z-index: 1; padding-top: 20px; left: 30%; top: 20%; width: 45%; height: 40%; overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; border-radius: 25px; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .grid-container { display: grid; grid-template-columns: auto auto; background-color: white; padding: 0px; } .grid-item { background-color: rgba(255, 255, 255, 0.8); padding: 0px; font-size: 15px; text-align: left; } .button { background-color: #002060; border: none; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 15px; font-weight: 500; cursor: pointer; padding-left: 0px; position: relative; } .img_center { display: block; width: 100%; text-align: right; margin-left: auto; margin-right: 2px; } .icon_style { display: block; width: 25%; text-align: left; margin-left: auto; margin-right: 0; } .flex-container { display: flex; } .icon-margin { margin-bottom: 0.5px; }