@import url("/?originalUrl=https%3A%2F%2Ffonts.googleapis.com%2Fcss2%3Ffamily%3DInter%3Awght%40200%3B300%3B400%3B500%3B600%3B700%26family%3DNunito%2BSans%3Awght%40600%3B700%26display%3Dswap");

:root {
    /* --c1: #466F87; */
    --c1: #074C34;
    /* --c1: #003321; */
    --c2: #C4A29E;
    /* --c1: #336989; */
    /* --c2: #cc5500; */
}

body {
	font-family: "Inter", "Raleway", Sans-serif;
	animation-name: fadein;
	animation-duration: 2s;
    font-weight: 500;
}

.music-link {
    font-size: 1.5em;
}

.contribution-note {
    font-size: .65em;
}

.me {
    color: var(--c2);
    font-weight: bold;
}

table {
    margin: auto;
    margin-top: 10vh;
    width: 60%;
    border-collapse: separate;
    border-spacing: 2vw .5vh;
}

/* tr {
    margin-bottom: 15%;
} */

td {
    /* padding-top: 3%; */
    text-align: center;
    vertical-align: middle;
    /* padding-left: 5%;
    margin-right: 5%; */
}

p {
    line-height: 1.9;
    font-size: .7em;
    word-spacing: 3px;
}

a {
    position: relative;
	color: var(--c1);
	text-decoration: none;
    padding-bottom: .35em;
    font-size: 1.3em
}

a::before {
    content: "";
    background-color: var(--c2);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 2px;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

a:hover::before {
    visibility: visible;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
}

@media (max-width: 560px) {
    table {
        width:90%;
    }
}