Card by Satwinder04
#e8e8e8
1#cal-body { 2 width: 400px; 3 border-radius: 20px; 4 background: #dde1e7; 5 box-shadow: -5px -5px 9px rgba(255,255,255,0.45), 5px 5px 9px rgba(94,104,121,0.3); 6 padding: 45px; 7 scale: 0.6; 8} 9 10.input input { 11 height: 100px; 12 width: 100%; 13 border-radius: 10px; 14 background: #dde1e7; 15 box-shadow: inset -5px -5px 9px rgba(255,255,255,0.45), inset 5px 5px 9px rgba(94,104,121,0.3); 16 border: 0; 17 color: rgb(116, 116, 116); 18 font-size: 2.5rem; 19 padding: 0 30px; 20} 21 22.input input:focus { 23 outline: none; 24 background: #dde1e7; 25 box-shadow: inset -5px -5px 9px rgba(255,255,255,0.45), inset 5px 5px 9px rgba(94,104,121,0.3); 26} 27 28.buttons button { 29 cursor: pointer; 30 height: 60px; 31 width: 60px; 32 border: 0; 33 font-size: 2rem; 34 border-radius: 50px; 35 background: #dde1e7; 36 box-shadow: -5px -5px 9px rgba(255,255,255,0.45), 5px 5px 9px rgba(94,104,121,0.3); 37 color: rgb(137, 137, 137); 38} 39 40.buttons button:focus { 41 background: #dde1e7; 42 box-shadow: inset -5px -5px 9px rgba(255,255,255,0.45), inset 5px 5px 9px rgba(94,104,121,0.3); 43} 44 45.buttons { 46 padding-top: 30px; 47 display: flex; 48 justify-content: space-between; 49}
2.2K views
2.2K views
MIT License