a:link { color: #0066ff; text-decoration: none; } /* visited link */ a:visited { color: #0066ff; text-decoration: none; } /* mouse over link */ a:hover { color: hotpink; text-decoration: underline; } /* selected link */ a:active { color: #0066ff; text-decoration: none; } .tooltip { position: relative; opacity: 1; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltiptext { visibility: hidden; width: 280px; background-color: #6E6E6E; box-shadow: 4px 4px 6px #3b3b3b; color: #FFFFFF; text-align: left; border-radius: 6px; padding: 8px 0; left: 100%; opacity: 1; /* Position the tooltip */ position: absolute; z-index: 1; } .tooltip:hover .tooltiptext { right: 100%; opacity: 1; visibility: visible; } .button { border: none; padding: 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; font-weight: 500; margin: 4px 2px; border-radius: 8px; box-shadow: 0px 8px 10px rgba(0,0,0,0.1); } .link:hover {background-color:rgb(140,140,140);background: rgb(140,140,140); color:white;} .dropdown:hover .dropbtn {background-color:rgb(140,140,140);background: rgb(140,140,140); color:white;} .dropbtn { border: none; padding: 8px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; font-weight: 500; margin: 4px 2px; border-radius: 8px; box-shadow: 0px 8px 10px rgba(0,0,0,0.1); } /* The container