@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;600&display=swap');

body {
    background: #161616;
    color: #e1e1e1;
    font-family: 'Inter', sans-serif;
}

.my-1 {
    margin: 1rem 0;
}

.mb-14 {
    margin-bottom: 14rem;
}

.wrapper {
    max-width: 30em;
    margin: 0 auto;
    text-align: center;
}

img {
    max-width: 18em;
}

h1 {
    font-size: .9em;
    font-weight: 600;
}

p.wrapper {
    font-size: .6em;
}

.social i {
    font-size: 1em;
    color: #e1e1e1;
    margin: .5em;
}

.social i:hover {
    color: #00e400;
}

.social {
    display: flex;
    justify-content: center;
    align-items: center;
}

.about {
    margin-bottom: 2em;
    text-align: left;
    font-weight: 200;
}

.about a, .about a:hover, .about a:visited {
    color: #e1e1e1;
    text-decoration: none;
}

i.fas.fa-leaf {
    color: #00e400;
}

/*

float chat - deprecated

.float-chat {
    position: absolute;
    bottom: 5em;
    right: 5em;
}

.chat {
    background: #00e400;
    border-radius: 50%;
    width: 2.4em;
    height: 2.4em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.link-tag {
    position:absolute; 
    width:100%;
    height:100%;
    top:-10rem;
    left: 0;
    z-index: 1;
}

.sr-only {
    visibility: none;
}

.chat img {
    width: 1.2em;
} 

*/

/* Player Footer */

footer {
    width: 100%;
    bottom: 0;
    position: fixed;
    background: #1A1A1A;
    height: 13rem;
}

.radio-player-wrapper {
    display: flex;
    justify-content: center;
}

.radio-player-wrapper iframe {
    margin-top: 1em;
    border: none;
    width: 85%;
}

/* Fixed chat */

.chat-fixed {
    height: 2rem;
    background: #00e400;
    color: #1A1A1A;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding: .3rem 0;
}

.btn-chat {
    background: #1A1A1A;
    color: #e1e1e1;
    font-size: 14px;
    padding: .3rem .8rem;
    border-radius: 4px;
    text-decoration: none;
    /* flex */
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-chat:hover {
    background: #e1e1e1;
    color: #1A1A1A;
}