body{text-align:center;font-family:arial,sans-serif;}h1{color:#000;font-family:verdana,sans-serif;font-size:clamp(20px, 14vw, 180px);margin:15vh auto 20vh;text-shadow:-5px -2px 10px #aaa}.t-container{cursor:pointer;position:relative;height:19px;width:113px;display:inline-block;-moz-transition:2s cubic-bezier(.69,.01,.1,1.01);-webkit-transition:2s cubic-bezier(.69,.01,.1,1.01);transition:2s cubic-bezier(.69,.01,.1,1.01)}.t{opacity:0;z-index:99;color:#fff;display:inline-block;font-size:13px;padding:5px 12px;border-radius:3px;text-align:center;text-shadow:1px 1px 2px #111;background:rgba(51,51,51,.85);border:1px solid rgba(34,34,34,.9);box-shadow:0 0 3px rgba(0,0,0,.5);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .35s ease-in-out;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);position:relative;margin:auto;bottom:57px;width:90px}.t:after,.t:before{content:'';border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(51,51,51,.68);position:absolute;bottom:-11px;left:42%}.t-container:hover .t,a:hover .tooltip{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}