.tooltip1,.tooltip2{height:200px;width:250px;border-radius:10px;background:gray;margin:10px 60px;text-align:center;position:relative;display:block}.tooltip1:hover,.tooltip2:hover,.tooltip3:hover,.tooltip4:hover,.tooltip5:hover{cursor:pointer;box-shadow:0 0 0 .5rem rgba(0,95,197,.35)}.tooltip1 p,.tooltip2 p,.tooltip3 p,.tooltip4 p,.tooltip5 p{font-size:1.2em;color:#fff;text-decoration:none;margin:6px auto}.description1,.description2{position:absolute;padding:10px;font-size:14px;line-height:1.8em;color:#fff;border-radius:10px;background:#333;width:220px;text-align:left;z-index:7;top:0;opacity:0;visibility:hidden;transition-delay:.5s;transition:none}.description1{left:270px}.description2{left:-240px}.tooltip1:hover .description1,.tooltip2:hover .description2{opacity:1;visibility:visible;transition:opacity 1s ease-in-out,visibility 1s ease-in-out;transition-delay:.5s}.description1:before{content:"";position:absolute;top:20%;right:100%;border:15px solid transparent;border-top:15px solid #333;margin-left:-15px;transform:rotateZ(90deg)}.description2:before{content:"";position:absolute;top:20%;left:100%;border:15px solid transparent;border-top:15px solid #333;transform:rotateZ(270deg)}#modal{position:relative;cursor:pointer;display:inline-block;animation:animate 2s linear infinite}@keyframes animate{0%{box-shadow:0 0 0 0 rgba(0,95,197,.35),0 0 0 0 rgba(0,95,197,.35)}50%{box-shadow:0 0 0 15px rgba(0,95,197,.35),0 0 0 0 rgba(0,95,197,.35)}}#modal p{margin:0;padding:0}.tooltip3,.tooltip4,.tooltip5{height:100px;width:150px;border-radius:10px;background:gray;margin:30px 30px 50px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center}.description3,.description4,.description5{opacity:0;visibility:hidden;position:absolute;top:120px;left:50%;transform:translateX(-50%);padding:10px;font-size:12px;line-height:1.6em;color:#fff;border-radius:10px;background:#333;z-index:7}.description3{width:320px}.description4{width:350px}.description5{width:250px}.tooltip3:hover .description3,.tooltip4:hover .description4,.tooltip5:hover .description5{opacity:1;visibility:visible;transition:opacity 1s ease-in-out,visibility 1s ease-in-out;transition-delay:.5s}.description3:before,.description4:before,.description5:before{content:"";position:absolute;top:-30px;left:50%;border:15px solid transparent;border-bottom:15px solid #333;margin-left:-15px}