style.css

.jumbotron {
    background-color: #86cecb;
    color: white;
    font-family: "Exo 2", sans-serif;
}

hr {
    background-color: #86cecb;
    height: 10px;
    border: none;
}

.abouttext {
    font-family: "Exo 2", sans-serif;
}

.podcasttitle {
    font-family: "Exo 2", sans-serif;
}

* {
    box-sizing: border-box;
    scrollbar-color:var(--pink) #fff;
    scrollbar-width:thin;
    cursor:url('cursor.png'), pointer;
}

#musicplayer{
    background:white; /* background color of player */
    border:2px solid #e74492; /* border around player */
    width:60%; /* width of the player */
    display: block;
    margin: 0 auto;
    font-family: "Exo 2", sans-serif;
}

.songtitle{
    padding:5px; /* padding around song title */
    border-bottom:2px solid #e74492; /* border under song title */
    display:block;
}

.controls{
    font-size:18px !important; /* size of controls */
    background-color:#dbfcff; /* background color of controls */
    text-align:center;
    width:100%;
}

.controls td{
    padding:8px 5px 0px 5px; /* padding around controls */
}

.seeking{
    background-color:#dbfcff; /* background color of seeking bar */
    display:flex;
    justify-content: space-evenly;
    padding:5px; /* padding around seeking bar */
}

.current-time{
    padding-right:5px;
}

.total-duration{
    padding-left:5px;
}

i.fas:hover{
    cursor:help;
}

i.fas.fa-pause, i.fas.fa-play, i.fas.fa-forward, i.fas.fa-backward{
    color:#e74492; /* color of controls */
}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    background-color:#dbfcff; /* background color of seeking bar - make the color same as .seeking background color */
}

input[type=range]:focus {
    outline: none;
}

/* settings for chrome browsers */
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px; /* thickness of seeking track */
    cursor: help;
    background: #E74492; /* color of seeking track */
}

input[type=range]::-webkit-slider-thumb {
    height: 10px; /* height of seeking square */
    width: 10px; /* width of seeking square */
    border-radius: 0px; /* change to 5px if you want a circle seeker */
    background: #E74492; /* color of seeker square */
    cursor: help;
    -webkit-appearance: none;
    margin-top: -4.5px;
}

/* settings for firefox browsers */
input[type=range]::-moz-range-track {
    width: 100%;
    height: 2px; /* thickness of seeking track */
    cursor: help;
    background: #E74492; /* color of seeking track */
}

input[type=range]::-moz-range-thumb {
    height: 10px; /* height of seeking square */
    width: 10px; /* width of seeking square */
    border-radius: 0px; /* change to 5px if you want a circle seeker */
    background: #E74492; /* color of seeker square */
    cursor: help;
    border:none;
}

#navLinks {
    font-family: "Exo 2", sans-serif;
}

.navbar-brand {
    font-family: "Exo 2", sans-serif;
}

.video {
    display: block;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .video {
        max-width: 400px; /* Set a larger width for desktop */
    }
}