1 line
3.2 KiB
CSS
1 line
3.2 KiB
CSS
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,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}*{margin:0 auto;padding:0;font-family:'firasans-regular', sans-serif;-webkit-font-smoothing:antialiased}@font-face{font-family:'firasans-light';src:url("/font/FiraSans-Light.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:'firasans-regular';src:url("/font/FiraSans-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:'firasans-medium';src:url("/font/FiraSans-Medium.ttf") format("truetype");font-weight:400;font-style:normal}body{background:#f08080}a{text-decoration:none;color:#fff}a.download{background:#fff;color:#f08080;padding:8px 14px 6px 14px;display:inline-block;margin-top:6px;transition:box-shadow .3s ease-in}a.download:hover{box-shadow:0 0 12px #ff0000}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#ff0000}#container{width:360px;margin:62px;padding:24px;text-align:left}#container header h1,#container header h2,#container header h3{line-height:1.3;text-transform:uppercase;color:#fff}#container header h1{font-size:26px;font-family:'firasans-light', sans-serif}#container header h2{font-size:16px;font-family:'firasans-regular', sans-serif}#container section{margin-top:32px}#container section img{border:2px solid #fff;max-width:360px}#container section p{font-family:'firasans-regular', sans-serif;font-size:12px;color:#fff}#container section p.error{color:#ffde42;font-family:'firasans-medium', sans-serif}#container section p.success{color:#3fb663;font-family:'firasans-medium', sans-serif}#container section form div{display:block}form{margin:0}label{display:block;font-size:12px;color:#fff;padding:0;margin:0;margin-top:24px;width:auto;text-align:left;font-family:'firasans-regular', sans-serif}input{width:auto;max-width:220px;padding:4px;padding-left:0;margin:0;outline:none;font-size:14px;border:none;border-bottom:1px solid #fad2d2;border-right:none;border-radius:0;color:#fff;font-weight:300;-webkit-font-smoothing:antialiased;display:block;background:#f08080}input[type="text"]{max-width:320px}input[type="number"]{max-width:100px;width:auto}input[type="submit"]{background:#fff;color:#f08080;padding:8px 14px 6px 14px;border:none;margin:0 auto;margin-top:24px;width:auto;max-width:450px;text-align:center;cursor:pointer;display:inline-block;transition:box-shadow .3s ease-in}input[type="submit"]:hover{box-shadow:0 0 12px #ff0000}footer{margin-top:48px;margin-bottom:24px}footer ul li{display:inline-block}footer ul li a{color:#fff;display:block;padding:6px 12px;font-family:'firasans-regular', sans-serif;font-size:12px}footer ul li a:hover{text-decoration:underline}footer ul li:first-child a{padding-left:0 !important}@media (max-width: 800px){#container{width:auto;margin:0;padding:24px;text-align:left}#container section img{max-width:100%}} |