body { background-image: url("4x8.bmp"); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover; } .center { margin: auto; width: 100%; border: 0px solid black; padding: 10px; } .cen { margin: auto; width: 100%; border: 0px solid black; padding: 5px; } * { box-sizing: border-box; } .openBtn { display: flex; justify-content: left; } .openButton { border: none; border-radius: 5px; background-color: #1c87c9; color: white; padding: 14px 20px; cursor: pointer; position: fixed; font-size: 45px; } .loginPopup { position: absolute; text-align: center; width: 100%; } .formPopup { display: none; position: fixed; left: 50%; top: 5%; transform: translate(-50%, 5%); border: 0px solid #999999; z-index: 9; } .formContainer { max-width: 300px; padding: 25px; background-color: #fff; } .formContainer input[type=text], .formContainer input[type=password] { width: 100%; padding: 15px; margin: 5px 0 20px 0; border: none; background: #eee; } .formContainer input[type=text]:focus, .formContainer input[type=password]:focus { background-color: #ddd; outline: none; } .formContainer .btn { padding: 12px 20px; border: none; background-color: #8ebf42; color: #fff; cursor: pointer; width: 100%; margin-bottom: 15px; opacity: 0.8; } .formContainer .cancel { background-color: #cc0000; } .formContainer .btn:hover, .openButton:hover { opacity: 1; } .text-block { position: center; width: 50%; right: 50%; background: rgb(0, 0, 0); /* Fallback color */ background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */ color: white; } .w3-roundl{border-radius:2px}