*{margin:0;padding:0;font-family:'Saira',sans-serif;} body{ display: flex; justify-content: center; align-items: center; height: 100vh; background: rgb(201, 201, 201); } form{ display: flex; flex-direction: column; border: 1px solid black; padding: 25px; background: white; max-width: 500px; } form > *{ margin: 15px; } form p{ font-size: 12px; color: rgb(85, 85, 85); } input[type=submit]{ background: rgb(0, 27, 45); border: none; text-decoration: none; padding: 10px 25px; color: white; cursor: pointer; text-align: center; font-size: 15px; min-width: 100px; margin: 5px; max-height: 52px; } input[type=submit]:hover{ background: rgb(179, 191, 209); color:black; } input[type=submit]:active{ background: rgb(240, 252, 255); } a{ display: initial; background: rgb(255, 99, 107); border: none; text-decoration: none; padding: 10px 25px; color: black; cursor: pointer; text-align: center; font-size: 15px; min-width: 100px; margin: 5px; max-height: 52px; } a:hover{ background: rgb(255, 129, 137); } a:active{ background: rgb(240, 252, 255); } #bannerContainer{ display: flex; flex-direction: column; align-items: center; width: 100%; position: absolute; margin-top: 15px; pointer-events: none; z-index: 100; } .banner{ display: flex; width: 75%; height: 65px; margin: 10px auto; box-shadow: 0 0 10px black; border: 2px solid black; background: white; } .banner > div{ display: flex; align-items: center; justify-content: center; width: 25%; color: white; } .banner > p{ display: flex; align-items: center; font-size: 20px; font-weight: bold; width: 75%; padding-left: 10px; } .banner > button{ background: none; border: none; height: 20px; position: relative; top: -10px; right: -10px; cursor: pointer; color: white; pointer-events: all; }