body{width:300px;height:300px;margin:0;padding:0}.wrap{position:absolute;bottom:0;top:0;left:0;right:0;background:url(../../../2024-countdown-clock/img/bg300x300.png);background-repeat:no-repeat;width:300px;height:300px}.wrap .section{border:1px solid #ddd;width:298px;height:298px}a{text-decoration:none;color:#1a1a1a}.logo{position:absolute;bottom:0;top:45px;left:260;right:0}.logo img{width:36px}.add-clock{position:absolute;bottom:0;top:270px;left:0;right:0}.add-clock p{text-align:center}.add-clock a{color:#fff;text-align:center;font-size:8px;font-family:tahoma,arial,sans-serif;font-weight:700}.content{position:absolute;bottom:0;top:90px;left:0;right:0}h1{margin:0;text-align:center;font-size:15px;font-family:tahoma,arial,sans-serif}h2{margin:0;text-align:center;font-size:12px;font-family:tahoma,arial,sans-serif}.countdown{margin-top:20px}.countdown .bloc-time{float:left;margin-right:12px;text-align:center}.countdown .bloc-time:first-child{margin-left:8px}.countdown .bloc-time.min{margin-right:0}.countdown .bloc-time.sec{display:none}.countdown .count-title{display:block;font-size:10px;font-family:tahoma,arial,sans-serif;color:#1a1a1a;text-transform:uppercase}.countdown .count-title.count-title-bottom{display:none}.countdown .figure{position:relative;float:left;height:40px;width:36px;margin-right:2px;background-color:#fff;border-radius:8px;box-shadow:0 3px 4px 0 rgba(0,0,0,.2),inset 2px 4px 0 0 rgba(255,255,255,.08)}.countdown .figure:last-child{margin-right:0}.countdown .figure>span{position:absolute;left:0;right:0;margin:auto;font-size:32px;font-family:tahoma,arial,sans-serif;font-weight:700;color:#000}.countdown .figure .top:after,.countdown .figure .bottom-back:after{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:100%;border-bottom:1px solid rgba(0,0,0,.1)}.countdown .figure .top{z-index:3;background-color:#f7f7f7;transform-origin:50% 100%;-webkit-transform-origin:50% 100%;border-top-left-radius:10px;border-top-right-radius:10px;transform:perspective(100px)}.countdown .figure .bottom{z-index:1}.countdown .figure .bottom:before{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:50%;background-color:rgba(0,0,0,.02)}.countdown .figure .bottom-back{z-index:2;top:0;height:50%;overflow:hidden;background-color:#f7f7f7;border-top-left-radius:10px;border-top-right-radius:10px}.countdown .figure .bottom-back span{position:absolute;top:0;left:0;right:0;margin:auto}.countdown .figure .top,.countdown .figure .top-back{height:50%;overflow:hidden;backface-visibility:hidden}.countdown .figure .top-back{z-index:4;bottom:0;background-color:#fff;-webkit-transform-origin:50% 0;transform-origin:50% 0;transform:perspective(100px) rotateX(180deg);border-bottom-left-radius:10px;border-bottom-right-radius:10px}.countdown .figure .top-back span{position:absolute;top:-100%;left:0;right:0;margin:auto}