html, body {min-height: 100vh;}
body {display: flex; margin: 0; padding: 0; font: 15px/1.5 Arial, sans-serif; color: #222; background: #eee;}

.wrap {position: relative; width: 500px; margin: auto; padding: 20px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2)}

h1 {margin: 0 0 20px; padding: 0; font-size: 30px; font-family: 'Myriad Pro', Arial, sans-serif; border-bottom: 1px solid #ddd;}

.error {margin: 0 0 20px; padding: 10px 15px; background: #ffe5e5; color: #f00; border-radius: 5px; font-weight: 700;}
.error__item {margin: 5px 0;}
.error__item:first-of-type {margin-top: 0;}
.error__item:last-of-type {margin-bottom: 0;}

form label {display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin: 10px 0;}
form label.is--submit {justify-content: flex-end;}
form label:first-of-type {margin-top: 0;}
form label:last-of-type {margin-bottom: 0;}
form label > span {display: inline-block; min-width: 75px; font-weight: 700;}
form input[type="text"] {width: 100%; padding: 5px; border: 1px solid #999;}
form input[type="submit"] {background: #000; color: #fff; border: none; font-weight: 700; font-size: 15px; padding: 10px 20px; cursor: pointer; border-radius: 5px;}
form input[type="submit"]:hover {background: #666;}


a.button {display: inline-block; min-width: 160px; padding: 10px 20px; text-align: center; background: #333; color: #fff; text-decoration: none; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);}
a.button:hover {background: #444;}
a.button-small {min-width: 60px;}
#pdf, #pdf-crop {background: #ed1c24;} #pdf:hover, #pdf-crop:hover {background: #de1b21;}
#img, #img-crop {background: #00a651;} #img:hover, #img-crop:hover {background: #009649;}





.clr {clear: both;}