100-project-100-days-website/100_projects/30-calculate-textarea-text-while-writing/css.css
2023-03-23 16:44:03 +03:00
Ask

33 lines
706 B
CSS

{0937aace54cd90179e1c013b450d94dbfcc6ffd1 true 706 css.css 0xc001e78c40}

*{
box-sizing: border-box;
margin: 0;
padding: 0;
}
body{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
height: 100vh;
color: #fff;
font-size: 1.2em;
background: url("guille-unsplash.jpg");
background-position:bottom;
background-size: cover;
}
textarea{
width: 280px;
height: 200px;
background: rgba(255, 255, 255, .2);
border: 1px solid rgba(255, 255, 255, .2);
box-shadow:
5px 5px 5px rgba(255, 255, 255, .2),
-5px -5px 5px rgba(255, 255, 255, .2);
outline: none;
border-radius: 5px;
font-size: 25px;
color: #fff;
}
span{
color: #fff;
}