h2,h3{color:#444;font-weight:lighter}body{margin:2em}body,input[type=text],button{color:#333;font-family:Cambria,Georgia,serif}button{background-color:#eee;border:none;border-radius:4px;cursor:pointer;color:#000;font-size:1.2rem;padding:1rem;margin-right:1rem;margin-bottom:1rem;margin-top:1rem}button:hover{background-color:#000;color:#fff}button:disabled{background-color:#eee;color:#aaa;cursor:auto}body,html{height:100%;width:100%;margin:0}.bgimg{background-image:url(https://cdn.pixabay.com/photo/2023/06/10/13/11/water-8053999_1280.png);height:100%;background-position:center;background-size:cover;position:relative;color:#fff;font-family:Courier New,Courier,monospace;font-size:25px}.topleft{position:absolute;top:0;left:16px}.bottomleft{position:absolute;bottom:0;left:16px}.middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}hr{margin:auto;width:40%}