body {background-color: #060608;color: #000;display: flex;font: 12px verdana, arial, helvetica, sans-serif;margin: 0;padding: 0;align-items: center;justify-content: center;min-height: 100vh;}a {color: #f00;font-weight: bold;text-decoration: none;}input, select, button {background-color: #fff;border-radius: 10px;border: 1px solid #000;box-shadow: 0 2px 6px 0 #fff;font: 16px verdana, arial, helvetica, sans-serif;letter-spacing: 1px;margin-right: 10px;padding: 6px;resize: none;}input {width: calc(50% - 20px);}select, button {cursor: pointer;width: 20%;}button:active {background-color: #eee;}div.box {margin-bottom: 40px;padding: 10px;width: 60%;}div.box div.logo {background: url('logo.jpg') no-repeat;margin: 0 auto 20px;width: 300px;height: 218px;}div.box div#ajax {background-color: #fff;border-radius: 10px;border: 1px solid #000;box-shadow: 0 2px 6px 0 #fff;font: 16px verdana, arial, helvetica, sans-serif;margin: 10px auto 0;padding: 10px;overflow: auto;width: calc(100% - 20px);height: 100px;}footer {background-color: #fff;border-top: 1px solid #000;bottom: 0;box-shadow: 0 0 8px 5px #aaa;color: #000;letter-spacing: 1px;position: fixed;line-height: 30px;text-align: center;width: 100%;}footer a {color: #000;text-decoration: underline;}@media screen and (max-width: 1024px) {input, select, button, div.box div#ajax {font-size: 11px;}div.box {width: 80%;}}