* {box-sizing: border-box;}
html{font:12pt sans-serif;margin:0;padding:0;}
body{background:url(bg.jpeg) no-repeat center center fixed;background-size:cover;font:11pt Tahoma,sans-serif;padding:0;margin:0;width:100%;}
body.obr{background-image:url(obraczka-mw2013as.jpeg);}
body>footer{position:fixed;bottom:0;width:100%;background:rgba(51,51,51,0.1);margin:0;padding:0.4rem 0 0.1rem;font-size:0.7rem;color:#777;pointer-events: none;}
body>footer>div{float:left;padding:0 1rem;}
body>footer>div+div{float:right;}
form{width:32em;background:linear-gradient(160deg, rgba(255,255,255,0.6), rgba(238,239,255,0.6));margin-left:50vw;min-height:100vh;}
form{display:flex;flex-direction:column;justify-content:center;}
form::before{content:"";display:block;flex-grow:2;}
form::after{content:"";display:block;flex-grow:3;}
body.obr form{background:none;border:none;box-shadow:none;}
fieldset{margin:0;padding:0.3rem 1rem;border:none;}
fieldset.info{text-align:right;margin:1rem 0 0.5rem;}
body.obr fieldset.info{text-align:left;margin:1rem 0 0.5rem;}
fieldset>legend {font-size:0.9rem;font-style:italic;}
fieldset small{display:block;font-size:8pt;margin-top:2rem;}
fieldset>img{width:64px;height:64px;border-radius:50%;box-shadow:2px 2px 20px rgba(0,0,64,0.25);}
fieldset h1{margin:0.5rem 0 0;padding:0;font:bold 1rem sans-serif;}
fieldset h2{margin:0 0 0.3rem 0;padding:0;font:normal 0.9rem sans-serif;font-style:italic;}
fieldset nav{display:block;border:none;padding:0;margin:0;}
fieldset nav a{padding:0.4ex;margin: 0.2ex 0.4ex;}
label{display:block;margin:4px 0;font-size:0.8rem;letter-spacing:2px;color:#655;}
input[type="text"],input[type="password"],input[type="email"]{width:100%;border:1px solid #aaa;border-radius:2px;background:rgba(255,255,255,0.7);height:2rem;padding:0.6ex 1ex;}
textarea{width:100%;border:1px solid #aaa;border-radius:2px;background:rgba(255,255,255,0.7);height:10rem;min-height:10rem;max-height:20rem;padding:0.6ex 1ex;resize:vertical;}
input[type="checkbox"]{border:1px solid #aaa;border-radius:2px;}
input[type="submit"]{background:#aaf;border:none;width:100%;height:2rem;text-align:center;margin:10px 0 0 0;color:white;font-weight:bold;border-radius:5px;}
input[type="submit"]:enabled{cursor:pointer;}
input[type="submit"]:hover{background:#aae;box-shadow:0 0 5px #ddd;}
input:not(:disabled):active,textarea:not(:disabled):active,select:not(:disabled):active,button:not(:disabled):active,input:not(:disabled):focus,textarea:not(:disabled):focus,select:not(:disabled):focus,button:not(:disabled):focus{outline:none;box-shadow:0 0 1rem rgba(0,0,0,0.3);border-color:#766;}
input.error,textarea.error{border-color:#d37d7d;background-color:rgba(252,247,247,0.7);}
p{margin:0;padding:0;}
p.error {color:#7f0000;font-size:0.9rem;}
p.info {color:#007f00;font-size:0.9rem;}

@media all and (max-width: 1024px) and (orientation:portrait) {
  form{width:50%;padding:5px 5px 40px;margin:0 25vw;background:rgba(255,255,255,0.4);overflow:hidden;}
  input[type="text"],input[type="password"],input[type="email"],textarea{background:rgba(255,255,255,0.6);}
}
@media all and (max-width: 1024px) and (orientation:landscape) {
  form{width:50%;padding:5px 5px 40px;margin:0 0 0 50vw;background:rgba(255,255,255,0.4);overflow:hidden;}
  input[type="text"],input[type="password"],input[type="email"],textarea{background:rgba(255,255,255,0.6);}
}
@media all and (max-width: 600px) and (orientation:portrait) {
  form{width:100%;padding:5px 5px 40px;margin:0;background:rgba(255,255,255,0.4);}
  body>footer>div,body>footer>div+div{float:none;text-align:left;}
  input[type="text"],input[type="password"],input[type="email"],textarea{background:rgba(255,255,255,0.6);}
  fieldset>img{float: right;margin: 0 0 1rem 1rem;}
  fieldset h1{margin-top:0;}
}
@media all and (max-width: 800px) and (orientation:landscape) {
  form{width:100%;padding:5px 5px 40px;margin:0;background:rgba(255,255,255,0.4);overflow:hidden;}
  form{flex-direction:row;}
  form::before{display:block;}
  form::after{display:none;}
  fieldset{width:40%;float:left;}
  fieldset+fieldset{width:60%;}
  input[type="text"],input[type="password"],input[type="email"],textarea{background:rgba(255,255,255,0.6);}
}