*{box-sizing:border-box;margin:0;padding:0}body,input,textarea{font-family:"Times New Roman",Times,serif}body{background-color:silver;background-image:url(data:image/gif;base64,R0lGODlhBAAEAIABAMDAwAAAACH5BAEKAAEALAAAAAAEAAQAAAIHjI+py+0Po5yUFQA7);font-size:16px;line-height:1.5;padding:20px}.page{max-width:640px;margin:0 auto;background:#efefef;border:2px outset #aaa;padding:18px 18px 10px}hr{border:0;border-top:1px solid #bbb;margin:30px auto}a{color:#00c}a:visited{color:purple}a:active{color:red}.header,.nav{font-size:18px;margin-bottom:10px}.nav{font-size:14px}.nav a{margin-right:10px}.divider{margin:12px 0;font-family:monospace;color:#777}.profile{display:flex;gap:12px;align-items:center}.avatar{height:159px;width:102px;padding:3px}.name{font-family:monospace;font-size:20px}.name span{font-style:italic;color:#555}.desc{font-size:14px;color:#555}.links{font-size:15px}.links div{margin:4px 0}.icon{width:12px;height:12px;margin-right:6px;vertical-align:middle;image-rendering:pixelated}.label{font-size:12px;color:#777;margin-left:6px}.contact{font-size:14px;margin-top:10px}.footer{font-size:12px;color:#777;margin-top:14px;border-top:1px solid #ccc;padding-top:6px;display:flex;justify-content:space-between}@media (max-width:500px){.profile{flex-direction:column;align-items:flex-start}}input,textarea{width:100%;border:1px solid #aaa;padding:4px;font-size:14px;background:#fff}button{margin-top:6px;padding:4px 8px;border:1px solid #888;background:#ddd;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.status-success{border:1px solid #2c7a2c;background:#e8f5e8;padding:12px;margin-top:12px}.status-error{border:1px solid #8b0000;background:#ffe8e8;padding:12px;margin-top:12px}