style> ul{ list-style-type: none; } .modal{ display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); overflow: auto; } .about-modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 20%; } .modal-content{ background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 50%; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .myBtn{ height: 35px; width: 100px; margin-right: 5px; border: solid; border-width: medium; border-radius: 6px; outline: none; font-weight: bold; } #choose-theme { overflow-x: hidden; } #btn-div{ display: flex; justify-content: flex-end; } #agree{ color: white; background: #2d7eff; } #agree:hover, #agree:active{ background: #0253d6; } #disagree{ color: black; background: #b2b2b2; border-color: white; } #disagree:hover, #disagree:active{ background: #828282; border-color: white; }