body{margin:0;font-family:Arial,sans-serif;background-color:#007bff}.main{background-color:#fff;width:60%;height:auto;padding:20px;margin:30px auto auto;border-radius:15px;box-shadow:#0000003d 0 3px 8px}.logout{position:absolute;right:0;top:0;margin:15px;font-size:22px;font-weight:700;color:#fff;text-decoration:none;transition:.25s}.logout:hover{color:#d1cfcf}.login-links{position:absolute;right:0;top:0;margin:15px;text-align:right}.login-links a{font-size:20px;font-weight:700;color:#fff;text-decoration:none;transition:.25s;margin-right:5px}.login-links a:first-child{margin-right:20px}.login-links a:hover{color:#d1cfcf}.btn-container{width:100%;text-align:center;margin-top:30px}.btn-container .btn-main{font-size:24px;padding:10px;border-radius:14px;box-shadow:#0000003d 0 13px 8px;border:1px solid rgb(200,200,200);background-color:#fff;transition:.2s;cursor:pointer}.btn-container .btn-main:active{scale:.99;box-shadow:#0000003d 0 3px 8px;border:1px solid rgb(200,200,200);background-color:#fff;transition:.4s}html,body{height:100%;margin:0}body{display:flex;flex-direction:column}main{flex:1}.footer{background-color:#6b7280;color:#fff;text-align:center;padding:1px;font-size:.9rem}