codepens/claymorphism/dist/style.css

34 lines
664 B
CSS

@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300&family=Press+Start+2P&family=Prompt&family=Rock+3D&family=Wendy+One&display=swap');
* {
box-sizing: border-box;
margin: 0;
}
body {
background: #b5ead7;
font-family: 'Prompt', sans-serif;
}
.box {
width: 300px;
height: 300px;
border-radius: 30px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
padding-top: 100px;
background: white;
box-shadow: 0 35px 65px 0 rgba(86, 184, 149,0.42), inset 0 -10px 15px 0 rgba(113, 235, 191,0.8);
}
.claymorphism {
font-size: 2em;
line-height: 2;
}
.trend {
font-size: 1em;
}