.tablet{width:220px;height:320px;background:linear-gradient(135deg,#dcdcdc,#f5f5f5);border:5px solid #333;border-radius:20px;position:relative;perspective:600px;transform-style:preserve-3d;animation:1s ease 0s 1 tabletAnimation;transform:rotateY(-30deg);transition:1s ease;box-shadow:0 15px 30px rgba(0,0,0,.2);display:block;margin-left:auto;margin-right:auto}.tablet:hover{transform:rotateY(0)}.tablet::before{content:"";width:200px;height:300px;background:#444;position:absolute;top:10px;left:10px;border-radius:15px;transform:translateZ(-5px);box-shadow:inset 0 0 15px rgba(0,0,0,.3)}.screen-reflection{width:100%;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.4),rgba(255,255,255,0));position:absolute;top:0;left:0;z-index:2;mix-blend-mode:screen;opacity:.7;border-radius:15px}.screen-highlight{width:100%;height:50px;background:linear-gradient(to bottom,rgba(255,255,255,.6),rgba(255,255,255,0));position:absolute;top:0;left:0;z-index:3;opacity:.8;pointer-events:none;border-radius:15px}.screen{width:190px;height:264px;background:#fff;position:absolute;top:10px;left:10px;border-radius:15px;transform:translateZ(0);box-shadow:inset 0 0 10px rgba(0,0,0,.2);background-image:url(../img/albero_terapia.jpg);background-size:cover}.camera{width:5px;height:5px;background:#000;border-radius:50%;position:absolute;top:5px;left:50%;transform:translateX(-50%);box-shadow:0 0 5px rgba(0,0,0,.5);z-index:2}.home-button{width:30px;height:30px;background:#333;border-radius:50%;position:absolute;bottom:2px;left:50%;transform:translateX(-50%);box-shadow:0 0 5px rgba(0,0,0,.5)}@keyframes tabletAnimation{0%{transform:rotateY(0)}100%{transform:rotateY(-30deg)}}