*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#00EBF8;--light-color:#FFFFFF;--dark-color:#00010D;--accent-color:#00010D;--neutral-color:#687B8C}body,html,main{background:linear-gradient(to bottom,#f8f8f8 0,#d1dce2 50%,var(--accent-color) 150%);background-repeat:no-repeat;min-height:100vh}input:-webkit-autofill{background-color:transparent!important;box-shadow:inset 0 0 0 1000px white!important}input{padding:10px 5px;border-radius:2px;border:1px solid transparent;margin:5px 0}input:focus{outline:2px solid var(--accent-color)}footer{color:var(--light-color);z-index:0;padding:5px 0;font-weight:bolder;width:100%;position:fixed;bottom:0;left:0;font-size:11px;text-align:center}button{border:1px solid transparent;background-color:var(--light-color);border-radius:2px}button:hover{cursor:pointer;border:1px solid var(--dark-color)}