CSSDesk - 9sn5K

body {
 color: rgb(120,100,100);
 font-family: Baskerville, Palatino, Georgia, serif;
 font-size: 25px;
 line-height: 32px;
 margin: 0;
 padding: 100px;
}

div {
 background-color: #fff;
 -webkit-box-shadow:
  inset 0 0 150px 0px rgba(0,0,0,.2),
  inset 0 -100px 150px 0px rgba(0,0,0,.2),
  0 0 200px -30px rgba(255,255,255,.3),
  0 45px 10px -30px rgba(0,0,0,.3);
 margin: 0 auto;
 height: 250px;
 width: 200px;
 padding: 75px 100px;
 position: relative;
 text-align: center;
 -webkit-border-radius: 60%;
}
						div:after,
div:before {
 border: 4px solid transparent;
 -webkit-border-radius: 60%;
 content: ' '; 
 height: 50%; 
 left: 50%;
 position: absolute; 
 top: 30%; 
 width: 60%; 
 z-index: 1; 
}	
						div:before {
 -webkit-box-shadow:
 -5px 20px 13px -12px rgba(255,255,255,.05),
  10px 40px 0 -8px rgb(40,30,30),
  inset 0 -30px 30px 0 rgba(0,0,0,.3),
  inset 0 -50px 0 5px rgb(55,40,40);
 -webkit-transform: 
  translateX(-100%)
  rotate(10deg);						}
						div:after {
 -webkit-box-shadow:
  -5px 20px 13px -12px rgba(255,255,255,.05),
  -10px 40px 0 -8px rgb(40,30,30),
  inset 0 -30px 30px 0 rgba(0,0,0,.3),
  inset 0 -50px 0 5px rgb(55,40,40);
 -webkit-transform: 
  rotate(-10deg);				}

CSSDesk ß

HTML

CSS