@import url('https://fonts.googleapis.com/css2?family=Muli:wght@200;400;800&display=swap&subset=latin-ext');body{ background:#fff; font-family:'Muli',sans-serif; font-size:13px; color:#333; padding:10px}a{ color:#052690}a:hover{ text-decoration:none}a.top{ display:block}#container{ width:500px; margin:0 auto}#container form{ margin-top:150px; padding:35px 85px; background:#F0F1F6; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px}#container form h1{ margin-bottom:15px; color:#052690; font-size:20px}#container form div.input{ position:relative}#container form div.input label.placeholder{ position:absolute; left:15px; top:15px; pointer-events:none; color:#333; font-size:13px; transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s}#container form div.input input.text{ display:block; width:100%; margin:0 auto 5px auto; padding:15px; background:#fff; border:1px solid #fff; color:#333; font-size:13px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s}#container form div.input input.text:focus{ border-color:#1877F2; box-shadow:0 0 5px #1877F2}#container form div.input input.text:focus ~ label.placeholder,#container form div.input input.text:not(:focus):valid ~ label.placeholder{ top:0; left:15px; font-size:10px}#container form input.checkbox{ margin:5px 5px 15px 0; cursor:pointer}#container form label.checkbox{ cursor:pointer}#container form button{ display:block; border:0; padding:10px 35px; background:#052690; border-bottom:3px solid #03195f; color:#fff; cursor:pointer; font-size:20px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s}#container form button:hover{ background:#03195f}