body { background-color: lightgrey; color: #140f07; margin: 0; padding: 10px; font-family: sans-serif; } hr { display:block; margin-top:0.5em; margin-bottom:0.5em; margin-left:auto; margin-right:auto; border-style:inset; border-width:5px; } .offset { background: rgba(300, 300, 300, 0.6); border-radius: 10px; margin-left:auto; margin-right:auto; max-width:600px; min-width:200px; padding: 5px; } .insert { background: rgba(350, 350, 350, 0.7); border: 2px solid #aaa; border-radius: 10px; min-width:200px; max-width:100%; padding: 5px; } .insert > h1 { font-size: medium; margin: 0 0 15px; } img { width: 40%; max-width: 180px; margin-left: 0%; margin-right: 10px; border-radius: 3px; } input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel] { font-size: 1em; line-height: 2em; height: 2em; color: #0c232a; background: lightgrey; } input[type=submit], input[type=button] { font-size: 1em; line-height: 2em; height: 2em; font-weight: bold; border: 0; border-radius: 10px; background-color: #1a7856; padding: 0 10px; color: #fff; cursor: pointer; box-shadow: rgba(50, 50, 93, 0.1) 0 0 0 1px inset, rgba(50, 50, 93, 0.1) 0 2px 5px 0, rgba(0, 0, 0, 0.07) 0 1px 1px 0; } med-blue { font-size: 1.2em; color: #0073ff; font-weight: bold; font-style: normal; } big-red { font-size: 1.5em; color: #c20801; font-weight: bold; } italic-black { font-size: 1em; color: #0c232a; font-weight: bold; font-style: italic; margin-bottom: 10px; } copy-right { font-size: 0.7em; color: darkgrey; font-weight: bold; font-style: italic; }