-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
31 lines (27 loc) · 858 Bytes
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@1,900&family=Lato:ital,wght@1,900&display=swap');
body{
margin: 0;
padding: 0%;
box-sizing: border-box;
background: rgb(31,41,55);
}
.surface button{
font-family: 'Jost', sans-serif;
height: 100px;
width: 250px;
background-color: rgb(25, 37, 56);
color: #a8a8a8;
border-radius: 49% 64% 35% 41% / 100% 68% 67% 37% ;
display: block;
margin: 300px 0 0px 600px;
border: none;
font-size: 20px;
letter-spacing: 1px;
transition: all 1s ease-in-out;
box-shadow: inset -11px 7px 20px 3px #0c1016, inset -18px 2px 20px 8px #304058;
}
.surface button:hover{
box-shadow: inset 6px -6px 20px 3px #0c1016, inset -8px 16px 20px 8px #304058;
border-radius: 49% 51% 49% 51% / 80% 18% 82% 20% ;
cursor: pointer;
}