@charset "utf-8";
/*
danialzameni.com Artwork
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,main, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, main, menu, nav, section{display:block;}
*{-ms-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;-webkit-appearance:none;-webkit-text-size-adjust: none;}
html{scroll-behavior:smooth;}
body{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x:hidden;margin:0;background-color:#888;color:#000}
body,input,textarea,select,button,select option{font-family:'Cabin Sketch';font-weight:500;font-size:20px;}
html,body{height:100%;}
a{text-decoration:none; }
*:focus{outline:0;border:none;}
*,*:before,*:after{ -webkit-box-sizing:border-box; box-sizing:border-box; }
.noselect{-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
::-moz-selection{background:#0009;color:#fff;}
::selection{background:#0009;color:#fff;}
::-moz-selection{background:#0009;color:#fff;}

#app{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px;min-height:100vh}
h1{color:#000;font-size:80px;font-weight:600;padding-bottom:40px}

.history,.form{margin:-5px;display:flex;flex-direction:column;align-items:center}
.history a{margin:5px;color:#000}
.history a{padding:10px 15px;border:2px dotted #0005}
.history a:hover{border-color:#000}
.history a.new{background-color:#0001}

.form label{width:100%}
.form label{margin:5px;display:flex;align-items:center}
.form label input{margin-left:5px;flex:1;border:2px dotted #000;background:transparent;padding:10px}
.form input[type="submit"]{cursor:pointer;background:#000;color:#888}

table{text-align:center}
table td{padding:10px 15px;background:#0001;}
table tr:hover td{background:#0003}

h2{margin-bottom:-20px;font-weight:600;font-size:35px}
p{padding:20px}

.error,.success{display:flex;align-items:center;flex:1;position:sticky;bottom:0;background:#ff9393c0;font-weight:600;padding:15px 20px;margin-top:50px}
.success{background:#94ffb4c0}

.table{max-width:100%;overflow-x:auto}