Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
- html,
- body,
- #root {
- font-family: 'Roboto', sans-serif;
- margin: 0;
- }
- * {
- outline:none;
- }
- .wrapper {
- height: 100vh;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- /* PLACEHOLDER */
- .form-input::-webkit-input-placeholder {
- font-size: 18px;
- font-weight: 400;
- color: #999;
- opacity: 1;
- transition: opacity 0.3s ease;
- }
- .form-input::-moz-placeholder {
- font-size: 18px;
- font-weight: 400;
- color: #999;
- opacity: 1;
- transition: opacity 0.3s ease;
- }
- .form-input:-moz-placeholder {
- font-size: 18px;
- font-weight: 400;
- color: #999;
- opacity: 1;
- transition: opacity 0.3s ease;
- }
- .form-input:-ms-input-placeholder {
- font-size: 18px;
- font-weight: 400;
- color: #999;
- opacity: 1;
- transition: opacity 0.3s ease;
- }
- .form-input:focus::-webkit-input-placeholder {
- opacity: 0;
- transition: opacity 0.3s ease;
- }
- .form-input:focus::-moz-placeholder {
- opacity: 0;
- transition: opacity 0.3s ease;
- }
- .form-input:focus:-moz-placeholder {
- opacity: 0;
- transition: opacity 0.3s ease;
- }
- .form-input:focus:-ms-input-placeholder {
- opacity: 0;
- transition: opacity 0.3s ease;
- }
- .form-input {
- padding: 0 15px;
- }
- /* PLACEHOLDER */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement