100-project-100-days-website/100_projects/11-generate-random-serial-number/style.css
2023-03-04 17:27:38 +03:00
Ask

44 lines
812 B
CSS

{329405e41fcbc9e17818361118b6a96af541074a true 812 style.css 0xc002aa2e70}

*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body{
background: #E9BF8B;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.serial {
width: 350px;
height: 66px;
padding: 20px;
background-color: #2C2D2A;
color: #E9BF8B;
margin: 40px auto 0;
border-radius: 4px;
text-align: center;
font-size: 22px;
font-weight: bold;
}
.generate {
display: block;
width: fit-content;
margin: 20px auto;
background-color: #2C2D2A;
color:#E9BF8B;
padding: 10px 20px;
border-radius: 4px;
font-weight: bold;
cursor: pointer;
transition: 0.2s;
user-select: none;
}
.generate:hover {
color: #2C2D2A;
border: 1px solid #2C2D2A;
background-color: #E9BF8B;
box-shadow: 5px 5px 1px #2C2D2A;
}