body {
    background-image: linear-gradient(180deg, rgba(14,219,182,1) 0%, rgba(0,164,255,1) 100%);
    display: grid;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
    text-align: center;
    font-family: sans-serif;
}

.introduction {
    justify-content: center;
    justify-items: center;
    background-color: rgba(130, 190, 255, 0.655);
    border-radius: 15px;
    border: 5px solid rgb(0, 132, 255);
}

.titleimage {
    width: 35%;
    height: auto;
    border-radius: 15px;
}

hr {
    visibility: hidden;
}

.title {
    font-size: 40pt;
    font-weight: 999;
}

.about {
    background-color: rgba(0, 255, 170, 0.515);
    border-radius: 15px;
    border: 5px solid rgb(0, 140, 255);
}

.desc {
    font-size: larger;
    font-weight: 999;
}

.desclink {
    color: rgb(0, 45, 112);
    text-decoration: none;
}

.desclink:visited {
    color: rgb(0, 45, 112);
    text-decoration: none;
}

.listen {
    background-image: linear-gradient(135deg, rgba(14,156,219,0.56) 0%, rgba(21,91,217,0.56) 100%);
    border-radius: 15px;
    border: 5px solid rgb(0, 255, 229);
}

.stream {
    display: flex;
    border-radius: 15px;
    align-items: center;
    align-content: center;
}

.apple {
    background-color: rgb(172,21,223);
    color: white;
    border-radius: 15px;
    border: none;
}

.yt {
    background-color: #FF0000;
    color: white;
}

.spotify {
    background-color: rgb(24, 187, 78);
    color: white;
}

.amazon {
    background-color: rgb(97,0,255);
    color: white;
}

.heart {
    background-color: white;
}

.fm {
    background-color: rgb(190,33,40);
    color: white;
}

.bean {
    background-color: rgb(34,28,35);
    color: white;
    border-radius: 15px;
}

.platforms {
    justify-content: center;
    align-items: center;
    justify-items: center;
    align-content: center;
    display: flex;
    flex-direction: column;
}

.listentxt {
    font-size: large;
    font-weight: 999;
}

.listenicon {
    width: 50px;
    height: 50px;
}

.link {
    color: initial;
    text-decoration: none;
}

.form {
    background-color: rgba(67, 205, 210, 0.755);
    border-radius: 15px;
    padding: 5px;
    border: 5px solid blue;
}

.contact {
    background-color: rgba(22, 106, 216, 0.528);
    border-radius: 15px;
}

input {
    background-color: rgb(16, 155, 255);
    color: white;
    font-size: larger;
    text-align: center;
    border-radius: 15px;
    border: none;
    padding: 15px;
    transition: 0.2s ease-out;
}

input:focus {
    background-color: white;
    color: black;
    font-size: x-large;
    text-align: left;
}

textarea {
    background-color: rgb(16, 155, 255);
    color: white;
    font-size: larger;
    border-radius: 15px;
    border: none;
    padding: 15px;
    transition: 0.2s ease-out;
}

textarea:focus {
    background-color: white;
    color: black;
    font-size: x-large;
    text-align: left;
}

.submitbtn {
    background-color: rgb(16, 155, 255);
    color: white;
    font-size: larger;
    text-align: center;
    border-radius: 15px;
    border: none;
    padding: 15px;
    transition: 0.2s ease-out;
}

.submitbtn:hover {
    background-color: white;
    color: black;
    font-size: x-large;
    text-align: left;
}

.picker {
    background-color: rgb(0, 162, 255);
    color: white;
    font-size: larger;
    border: none;
    border-radius: 15px;
    transition: 0.2s ease-out;
}

.picker:hover {
    background-color: rgb(198, 248, 255);
    color: rgb(0, 0, 0);
}

.picker:disabled {
    background-color: rgb(47, 61, 93);
}

.picker:disabled:hover {
    background-color: rgb(47, 61, 93);
    color: white;
}

#applePlayer {
    display: none;
}

#susan {
    display: none;
}

#david {
    display: none;
}

.cc {
    color: black;
    text-decoration: none;
}

.sponsors {
    background-color: rgba(200,255,200,0.9);
    border-radius: 15px;
    border: solid 5px rgba(150,255,150,0.9);
}

.sponsorimg {
    width: 85%;
    height: auto;
}

.sponsorlink {
    color: black;
    text-decoration: none;
    display: flex;
}

.sponsor {
    background-color: rgba(255,255,255,0.65);
    border: 7px solid rgba(255,255,255,1);
    padding: 10px;
    border-radius: 30px;
    width: 75%;
    transition: 0.2s ease-out;
}

.sponsor:hover {
    background-color: rgb(100,150,255);
    border: 10px solid rgba(255,255,255,0.65);
}

#leatherwood {
    display: none;
}