body {margin:25px; color:black; background:#eee; font-size:16px; font-family:sans-serif;}
.layout {max-width:600px; margin:15px auto; border-radius:25px; border:1px solid black; background:white;}
.content {padding:5px 20px 15px 20px;}

h1 {margin:12px 0 4px 0; font-size:175%; font-weight:normal; color:#058; font-style:italic;}
h3 {margin:4px 0 12px 0; font-size:150%; font-weight:normal; color:#058; font-style:italic;}
i {color:red;}
label {padding-left:4px; color:#036;}
input {margin:6px 0px; padding:4px; font-size:105%;}
textarea {width:97%; padding:4px; font-size:105%; font-family:sans-serif;}

.center {text-align:center;}
.exit, .send {border-radius:25px; margin:2px 8px; padding:6px 10px;}
.exit {color:red; border:1px solid red;}
.send {color:#080; border:1px solid #080;}
.msg {padding:15px 0;}
.red {color:red;}
.button a {border-radius:12px; border:1px solid #069; padding:6px 12px; color:black; background:#def; text-decoration:none;}
.button a:hover {color:#d00; background:#eee;}

/* Mobiles */
@media (max-width:640px) {
body {margin:12px;}
.layout {margin:10px auto;}
.content {padding:5px 12px 15px 12px;}
h1 {font-size:140%;}
h2 {font-size:110%;}
}
