<a href="http://google.ca" target="_blank">Link</a>
html, body {
display: grid;
justify-content: center;
align-content: center;
width: 100%;
height: 100%;
background-color: #eaeaea;
font-family: sans-serif;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
}
a {
padding: 10px;
text-decoration: none;
}
a:link {
color: cadetblue;
}
a:visited {
color: indianred;
}
a:hover,
a:focus{
background-color: goldenrod;
color: white;
}
a:active {
text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.