add more Cozy Town flavour #3
This commit is contained in:
parent
92e04ffa40
commit
d491089644
1 changed files with 26 additions and 1 deletions
27
style.css
27
style.css
|
@ -26,11 +26,36 @@ body {
|
||||||
height: 40vh;
|
height: 40vh;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_Main {
|
.mx_Main {
|
||||||
max-width: 1200px;
|
max-width: 899px;
|
||||||
width: calc(100% - 4rem);
|
width: calc(100% - 4rem);
|
||||||
|
position: relative;
|
||||||
|
top: -30px;
|
||||||
|
background-color: rgb(250, 220, 120);
|
||||||
|
border-radius: 10px;
|
||||||
|
margin: 0px auto;
|
||||||
|
padding: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
display: flex;
|
||||||
|
margin: auto;
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 10px 14px;
|
||||||
|
background: rgb(255, 255, 230);
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: rgba(0,0,0,0.1) 5px 5px 0px 0px;
|
||||||
|
transition: box-shadow .15s ease, transform .15s ease;
|
||||||
|
border: 0;
|
||||||
|
font-size: medium;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:hover {
|
||||||
|
box-shadow: rgba(0,0,0,0.1) 2.5px 2.5px 0px 0px;
|
||||||
|
transform: translate(2.5px, 2.5px);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 1120px) {
|
@media screen and (max-width: 1120px) {
|
||||||
|
|
Loading…
Reference in a new issue