body{font-family:'Roboto',Arial,sans-serif;font-size:15px;line-height:1.6em}li{list-style:none}a{text-decoration:none}input[type="text"],input[type="number"]{padding:10px 5px;border-radius:5px;border:1px solid #ccc}input[type="text"]{width:97%}input[type="number"]{width:50px;margin-left:10px}input[type="submit"]{background-color:#04AA6D;color:#FFF;cursor:pointer;white-space:nowrap;padding:12px 30px;font-size:17px;border-radius:5px;border:none}input[type="submit"]:hover{background-color:#008553}input[type="submit"]:active{background-color:#006841}.container{width:60%;margin:0 auto;overflow:auto}header{border-bottom:3px solid #f4f4f4}main{padding-bottom:20px}.current{padding:10px;background:#f4f4f4;border:1px dotted #ccc;margin:20px 0 10px}.success{color:#a2d838;text-align:center;font-weight:700;font-size:16px;margin:2px;padding:5px}h2.error{color:#e74c3c;font-weight:700;text-align:center}#footer{display:block;margin-top:20px;text-align:center;color:#fff;padding:10px;background:#333}#footer p{margin:0}#footer p a:link,a:visited{text-decoration:underline;color:#fff}#footer p a:hover{color:gray}#footer p a:active{color:#696969}#footer_comma{display:none}#footer #none{display:inline}.footer-social a:link .footer-icon,.footer-social a:visited .footer-icon{color:#FFF;font-size:2em;padding:10px}.footer-social a:hover .footer-icon{color:gray;background-color:#FFF}.footer-social a:active .footer-icon{color:#696969}i.footer-icon.fab.fa-linkedin{margin-left:15px}a.start{display:inline-block;color:#666;background:#f4f4f4;border:1px dotted #ccc;padding:6px 13px}a.start:nth-of-type(2){float:right}a#add_question.start{float:right}@media only screen and (max-width:960px){.container{width:80%}}@media only screen and (max-width:768px){.container{width:90%}input[type="text"]{width:90%}header h1{line-height:2rem}#shouts{height:200px}}@media only screen and (max-width:530px){ul.choices{padding:0}a.start,input[type="submit"]{padding:10px 15px}}@media only screen and (max-width:500px){.footer-social{display:block}}@media only screen and (max-width:420px){#mobile_copyright{display:block}#footer #none{display:none}#footer_comma{display:inline}#footer #footer_info{display:block}}@media only screen and (max-width:320px){ul{padding:0}a.start{margin:0 auto;display:block;text-align:center}a.start:nth-of-type(2){float:none;margin-top:30px}.footer-social a:link .footer-icon,.footer-social a:visited .footer-icon{padding:15px}}