font-size: 20px;
font-family: 'Montserrat', Helvetica, Arial, Freesans, Clean, sans-serif;
background: var(--bg); /* old browsers */
- background: -moz-linear-gradient(top, var(--bg) 0%, var(--fg) 100%); /* firefox */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--fg))); /* webkit */
- background: -o-linear-gradient(top, var(--bg) 0%, var(--fg) 100%);
+ background: -webkit-linear-gradient(bottom left, var(--bg) 0%, var(--bg-alt) 100%); /* webkit */
+ background: linear-gradient(to top right, var(--bg) 0%, var(--bg-alt) 100%);
border-bottom: 1px solid rgba(var(--border));
}
.site-footer {
width: 100%;
background: var(--bg); /* old browsers */
- background: -moz-linear-gradient(top, var(--bg) 0%, var(--fg) 100%); /* firefox */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--bg)), color-stop(100%,var(--fg))); /* webkit */
- background: -o-linear-gradient(top, var(--bg) 0%, var(--fg) 100%);
+ background: -webkit-linear-gradient(bottom left, var(--bg) 0%, var(--bg-alt) 100%); /* webkit */
+ background: linear-gradient(to top right, var(--bg) 0%, var(--bg-alt) 100%);
margin: 0;
}
.social-links ul li a {
height: 32px;
- width: 32px;
text-align: center;
- border: 1px solid var(--fg);
- -webkit-border-radius: 16px;
- -moz-border-radius: 16px;
- border-radius: 16px;
- vertical-align: middle;
}
.social-links ul li.spotify a {
color: var(--spotify);