@import"https://fonts.googleapis.com/css?family=Roboto:100";body{margin-top:100px;background-color:#000;color:#fff}h1{font:2em verdana;margin-bottom:40px;text-align:center}p,label{font:1em verdana;font-weight:700}::placeholder{font:1em verdana}#loading{width:50px;height:50px;margin-left:40%;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#000;animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(360deg)}}input[type=text],select{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}input[type=submit]{width:100%;background-color:#4caf50;color:#fff;padding:14px 20px;margin:8px 0;border:none;border-radius:4px}input[type=submit]:hover{background-color:#45a049}div{border-radius:5px;background-color:#f2f2f2;padding:20px;margin-bottom:20px}