.roboto- { font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-weight: 100; font-style: normal; font-variation-settings: "wdth" 100; } img { display: block; height: 40px; width: 40px; animation: cursormove 1s; animation-timing-function: steps(10, end); } @keyframes cursormove { 0% { transform: translate(40%, 20%); } 100% { transform: translateX(0%, 0%); } } body { background-image: url(Text.png); font-family: 'Roboto', sans-serif; } .email-content { background-color: white; background-clip: content-box, padding-box, border-box; float: inherit; box-shadow: 0 -6px 0 29px white; margin-right: 30px; margin-left: 5px; } h3{ text-align: right; } .button{ background-color: blue; border: none; color: white; padding: 8px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin-top: 30px; margin-bottom: 1px; cursor: pointer; border-radius: 10px; text-decoration: underline; } .button2 { font-family: 'Roboto'; color: darkgray; text-align: left; text-decoration:inherit; display: inline-block; font-size: 15px; text-decoration: underline; } .new_message { font-family: 'Roboto'; font-size: 14px; color: darkgray; background-clip: border-box; background-color: #f2f6fd; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 32px; margin-top: 0px; margin-bottom: 0px; margin-right: -2px; margin-left: -25px; } h2 { background-color: #f2f6fd; padding-top: 5px; padding-right: 10px; padding-bottom: 0px; padding-left: 32px; margin-top: 0px; margin-bottom: 0px; margin-right: px; margin-left: -25px; font-size: 15px; } h1 { font-family: 'Roboto'; font-size: 15px; color:lightgray; background-color: white; } .subject { font-family: 'Roboto'; border-bottom-style: solid; border-width: 1px; padding-bottom: 9px; border-bottom-color: lightgray; box-shadow: 0 20px 0 29px white; margin-right: 30px; margin-left: 5px } body {border-style: solid;} body {border-color: #f2f6fd;} body {border-radius: 5px;} body { padding-top: px; padding-right: 0; padding-bottom: 5px; padding-left: 25px; margin-top: 60px; margin-bottom: 30px; margin-right: 50px; margin-left: 50px; animation: move 4s; animation-timing-function: steps(40, end); height: fit-content; } @keyframes move { 0% { transform: translate(00%, 400%); } 50% { transform: translate(00%, 400%); } 100% { transform: translateX(0%, 0%); } } .input-cursor-1.input-cursor { display: inline-block; width: 2px; height: 15px; background-color: black; margin-left: 0px; animation: blink .3s linear infinite alternate; } @keyframes blink { 0% {opacity: 1;} 40% {opacity: 1;} 60% {opacity: 0;} 100% {opacity: 0;}