.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{cursor:pointer;box-shadow:0 0 0 .5rem rgba(0,95,197,.35)}.tooltip1 p,.tooltip2 p{font-size:1.2em;color:#fff;text-decoration:none;margin:6px auto}.description1,.description2{display:none;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}.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)}.tooltip1:hover .description1{display:inline-block;top:0;left:270px;z-index:7}.tooltip2:hover .description2{display:inline-block;top:0;left:-240px;z-index:7}#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}.description3,.description4,.description5{display:inline-block;opacity:0;transition:opacity 1.5s ease-in-out;position:absolute;padding:10px;font-size:12px;line-height:1.6em;color:#fff;border-radius:10px;background:#333}.description3{width:320px;bottom:75px}.description4{width:250px;top:40px}.description5{width:380px;top:40px}.description3.show,.description4.show,.description5.show{opacity:1}.description3:before,.description4:before,.description5:before{content:"";position:absolute;top:100%;border:15px solid transparent;border-top:15px solid #333;margin-left:-15px}.description3:before,.description4:before{left:50%}.description5:before{left:20%}