.apple{
    color: #fff;
}
.apple:hover{
    color: black;
    background-color: white;
}
.discord{
    color: #5865F2;
}
.discord:hover{
    color: white;
    background-color: #5865F2 
}
.spotify{
    color: rgb(0, 160, 0);
}
.spotify:hover{
    color: white;
}
.rss{
    color: cyan;
}
.episode-other:hover{
    scale: 1.03;
}
.bmc-btn {
    min-width: 210px;
    color: #000000;
    background-color: #FFDD00 !important;
    height: 60px;
    border-radius: 12px;
    font-size: 28px;
    font-weight: Normal;
    border: none;
    padding: 0px 24px;
    line-height: 27px;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center;
    font-family: 'Cookie', cursive !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.bmc-btn:hover{
    color:brown;
}
.bmc-btn svg {
    height: 32px !important;
    margin-bottom: 0px !important;
    box-shadow: none !important;
    border: none !important;
    vertical-align: middle !important;
    transform: scale(0.9);
    flex-shrink: 0;
}
.bmc-btn-text {
    margin-left: 8px;
    display: inline-block;
    line-height: 0;
    width: 100%;
    flex-shrink: 0;
    font-family: 'Cookie';
}
.logo-coffee {
    fill: #ffffff;
}
@keyframes wheelHueColor {
    from, to { color: red; }
    10%      { color: orange; }
    20%      { color: yellow; }
    50%      { color: greenyellow;}
    40%      { color: lightgreen;}
    60%      { color: cyan;}
    90%      { color: blue;}
    100%     { color: pink;}
}
.rotate-color {
    color: rgb(236,100,75);
    animation: wheelHueColor 2.5s infinite;
}

@media (min-width:630px) and (max-width:767px),(min-width:830px) and (max-width:998px),(min-width:1070px) {
    .intro{
        box-shadow: 25px 25px rgba(0, 0, 0, 0.452);
    }
}
.alert{
    font-family: monospace;
}