@font-face {
    font-family: AvenirNextRegular;
    src: url('/static/fonts/AvenirNextLTPro-Regular.otf') format("opentype");
}

a {
    color: black !important;
    text-decoration: none !important;
}

.hoverbox {
    opacity: 0 !important;
}

.hoverbox:hover {
    opacity: 1 !important;
}

.box {
    border: solid 1px black;
    margin: 20px;
    height: 400px;
    background-size: cover;
    background-position: center;
    padding: 0px;
}

.box-contact {
    border: solid 1px black;
    margin: 20px;
    height: 130px;
    background-size: cover;
    background-position: center;
    padding: 0px;
}

.podcast-box {
    margin: 20px;
    background-size: cover;
    background-position: center;
    padding: 0px;
}

.nav-link {
    color: black;
}

.nav-row {
    border-bottom: 1px solid black;
    border-top: 4px double black;
}

button[class^='button-link'], button[class*=' button-link'] {
    border-radius: 10%;
    border-width: 1px;
    width: 250px;
    height: 150px;
    background-size: auto 70%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url('/imgs/link.png');
    color: rgba(0,0,0,0);
}

button[class^='button-link'], button[class*=' button-link']:hover {
    font-size: x-large;
    color: rgba(0,0,0,1);
    opacity: 0.5
}

button[class^='button-link-contact'], button[class*=' button-link-contact'] {
    border-radius: 10%;
    border-width: 1px;
    width: 200px;
    height: 120px;
    background-size: auto 70%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: url('/imgs/link.png');
    color: rgba(0,0,0,0);
}

button[class^='button-link-contact'], button[class*=' button-link-contact']:hover {
    font-size: x-large;
    color: rgba(0,0,0,1);
    opacity: 0.5
}

.button-link-spotify {
    background-image: url('/imgs/spotify.png')!important;
}

.button-link-google {
    background-image: url('/imgs/google.png')!important;
}

.button-link-amazon {
    background-image: url('/imgs/amazon.png')!important;
}

.button-link-apple {
    background-image: url('/imgs/apple.png')!important;
}

.button-link-instagram {
    background-image: url('/imgs/instagram.png')!important;
}

.button-link-youtube {
    background-image: url('/imgs/youtube.png')!important;
}

.button-link-np3 {
    background-image: url('/imgs/np3.png')!important;
}