:root{--gap: 8px;--gap2: calc(var(--gap) * 2);--blue-0: #D0EBFF;--blue-1: #A5D8FF;--red-0: #FFE3E3;--red-1: #FFC9C9;--yellow-0: #FFF3BF;--yellow-1: #FFEC99;--green-0: #D3F9D8;--green-1: #B2F2BB;--grey-0: #eee;--grey-1: #e1e1e1;--grey-2: #ddd;--color-text-dim: #777;--font-default: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono: "Lucida Sans Typewriter", "Lucida Console", monaco, "Bitstream Vera Sans Mono", monospace}html,body *{font-family:var(--font-default)}html,body{margin:0;padding:0}.logo{font-weight:700;user-select:none}.logo a{color:inherit}.logo .t-jsoncv{display:inline-block;border:1px solid #aaa;padding:2px 4px}.logo .t-json{color:#aaa}input[type=text],input[type=email]{padding:2px 4px;display:block}textarea{font-family:var(--font-default);line-height:1.3;padding:var(--gap)}input[type=text],input[type=email],textarea{width:100%;box-sizing:border-box}input[type=text],input[type=email],select,textarea{border:1px solid #999;border-radius:2px}button{appearance:none;user-select:none;vertical-align:middle;outline:0;display:inline-block;cursor:pointer;position:relative;background-color:var(--grey-0);border:1px solid transparent;border-radius:2px;padding:3px 8px;margin-right:var(--gap)}button:hover{background-color:var(--grey-1)}button:active{border-color:#555}button:last-child{margin-right:0}button svg{vertical-align:middle;font-size:14px;position:relative;bottom:1px}button.-text{appearance:none;user-select:none;vertical-align:middle;outline:0;display:inline-block;cursor:pointer;position:relative;background-color:transparent;padding:0;font-size:12px;line-height:1;color:#555}button.-text:hover{border-bottom:1px solid #999}button.-text:active{border-color:transparent;border-bottom:1px solid #000}button.-red{background-color:var(--red-0)}button.-red:hover{background-color:var(--red-1)}button.-green{background-color:var(--green-0)}button.-green:hover{background-color:var(--green-1)}button.-yellow{background-color:var(--yellow-0)}button.-yellow:hover{background-color:var(--yellow-1)}html,body{height:100vh}body{display:flex;align-items:center;justify-content:center}main{width:min(400px,100vw - 2 * var(--gap2));padding:var(--gap2);border:1px solid var(--grey-2)}main .links{display:flex}main .links a{margin:var(--gap) var(--gap) var(--gap) 0}main footer{margin-top:var(--gap2);color:var(--color-text-dim)}main footer svg{vertical-align:bottom}a{color:#333;text-decoration:underline}