html, body { background: #F1F3F3; font-size: 14px; } .box{ width: 96%; margin: auto; } .box-input{ width: 100%; height: 13vw; border-radius: 5px; overflow: hidden; margin-top: 25px; position: relative; } .box-input:nth-child(2){ margin-top: 10px; } .empty{ position: absolute; right: 3vw; top: 3.5vw; width: 6vw; height: 6vw; background-image: url(../images/del.png); background-repeat: no-repeat; background-size: 100% 100%; display: none; } .empty:active{ background-image: url(../images/del-1.png); } .inp17{ height: 14vw; width: 100%; font-size: 4vw; padding: 0vw 0 0vw 4vw; color: transparent; } .inp17:nth-of-type(2){ margin-top: 1px; } .bottom{ width: 100%; height: 40px; margin-top: 50px; display: flex; justify-content: center; } .bottom>button{ width: 30%; height: 40px; font-size: 16px; border-radius: 10px; background: white; border: none; color: #ff877e; margin: 0 10px; } .bottom>button:nth-of-type(2){ color: white; background: #ff877e; } table{ moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; } .cursor{ vertical-align: top; width: 2px; height: 5vw; top: 4.5vw; left: 3.5vw; position: absolute; background-color: #0E90D2; animation: cursor infinite forwards 1.2s; display: none; } @keyframes cursor{ 0%{ background-color: #0E90D2; } 49%{ background-color: #0E90D2; } 50%{ background-color: transparent; } 99%{ background-color: transparent; } 100%{ background-color: #0E90D2; } } .pwdspan{ padding: 0; margin: 0; font-size: 5vw; position: absolute; line-height: 14.5vw; left: 4vw; top: 0; }