@import"https://fonts.googleapis.com/css2?family=Kanit:wght@100;300;400;700&family=Open+Sans:wght@300;400&display=swap";*{box-sizing:border-box;overflow:hidden;font-family:Kanit,sans-serif}#password{position:absolute;z-index:100;display:flex;align-content:center;justify-content:center;width:100%;height:100%;flex-direction:column;padding:40px;color:#fff;text-transform:uppercase}#password input{cursor:crosshair;transition:all .4s ease-out;background:none;border:1px solid #fff;color:#fff;padding:20px;text-transform:uppercase;font-size:20px;font-weight:700}#password input:hover{color:purple;background-color:#fff9}#password span{background:linear-gradient(35deg,#cff,#fcc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#password small{text-align:right;opacity:.7;font-size:11px;font-weight:100}