<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="referrer" content="no-referrer-when-downgrade" />
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>MP3.com</title>
<meta property="og:site_name" content="MP3.com"/>
<meta property="og:title" content="MP3.com" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.mp3.com" />
<link rel='canonical' href="https://www.mp3.com" />
<link rel="alternate" type="application/rss+xml" title="MP3.com" href="/rss.xml" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!--<link rel="preconnect" href="code.jquery.com">-->
<link rel="preconnect" href="https://global.proper.io">
<link rel="preconnect" href="https://bids.proper.io">
<link rel="preconnect" href="https://delivery.askmediagroup.com">
<link rel="preconnect" href="https://tpc.googlesyndication.com">
<link rel="preconnect" href="https://www.googletagservices.com">
<link rel="preconnect" href="https://googleads.g.doubleclick.net">
<link rel="preconnect" href="https://pagead2.googlesyndicationcom">
<link rel="preconnect" href="https://adservice.google.com">
<link rel="preconnect" href="https://x.bidswitch.net">
<link rel="preconnect" href="https://as-sec.casalemedia.com">
<link rel="preconnect" href="https://cdn.ampproject.org">
<link rel="preconnect" href="https://fw.adsafeprotected.com">
<link rel="preconnect" href="https://secure.adnxs.com">
<!--<link rel="preconnect" href="www.googletagmanager.com">-->
<!--<link rel="preconnect" href="www.google-analytics.com">-->
<!--<link rel="preconnect" href="connect.facebook.net">-->
<link rel="stylesheet" href="/g/theme/iac/qa/bootstrap.min.css" />
<style>
/* add another breakpoing to bs */
@media (min-width: 1340px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1280px;
}
}
.row.row-nowrap { flex-wrap: nowrap; }
.rightcol,.leftcol { width:300px; max-width:300px; box-sizing:content-box; }
body {
font-family: "Helvetica Neue",Arial,sans-serif;
color: #333;
}
p {
font-size: 18px;
line-height: 28px;
}
/* home/cat page*/
.widgettitle { padding: 0 10px 5px 0; font-size: 24px; letter-spacing: -1px; font-weight: bold; color: #333; border-bottom: 1px solid #ddd; }
.catwidgettitle { font-size:30px; margin-top:10px; }
.carousel { margin-bottom:30px; }
.carousel-caption { background: rgba(204, 204, 204, 0.7); right:0; left:0; }
.carousel-item img { object-fit:cover; height:30vh; }
.carousel h5 { font-size:1.8em; }
.carousel h5, .carousel p { text-shadow: 1px 1px 2px #000; }
.entry-title-small, .entry-title {
position: absolute;
right: auto;
bottom: 0;
color: white;
padding: 10px 30px;
font-size: 1.5em;
line-height: 1.2em;
text-shadow: 1px 1px 2px #000;
}
.widget-cat-sub {
position: absolute;
left: 5px;
text-align: center;
top: 10px;
color: #fff;
display: inline-block;
font-weight: 500;
font-size: 14px;
line-height: 12px;
padding: 5px 10px;
text-transform: uppercase;
background: #fff;
}
.widget-cat-sub a { color:#000; }
.bigleft { margin-bottom:15px; }
.bigright { margin-top:15px; }
.little-thumb { height:280px; width:100%; background-size:cover; margin-bottom:15px; }
.big-thumb { background-size:cover; height:280px; width:100%;}
.entry-title-small { font-size: 1.2em; line-height: 1.2em; padding: 5px 10px; }
@media (min-width: 768px) {
.little-thumb { height:180px; margin-bottom:0; }
.big-thumb { height:330px; }
.carousel-item img { height:45vh; }
}
@media (min-width: 900px) {
.carousel-item img {
height: 55vh;
}
}
@media (min-width: 1200px) {
.carousel-item img {
height: 65vh;
}
}
.pd-load-more {
color: #FFFFFF;
width: 60%;
border: 1px solid #f12a3e;
border-radius: 5px;
background-color: #F45A69;
padding: 11px 0;
font-size: 16px;
font-weight: normal;
cursor: pointer;
margin:0 auto 20px;
display:block;
}
/* footer */
footer ul {
display: flex;
flex-flow: row wrap;
justify-content: center;
font-size:0.9em;
padding:0;
margin:30px 10px 0;
}
footer li {
display: inline;
color: #888;
padding-left: 2px;
}
footer a {
color: #888;
text-decoration: none;
}
footer li+:before {
content: "-";
margin: 0 .4em;
position: relative;
}
footer {
padding-bottom: 60px;
margin: 0;
border-top: 1px solid #ddd;
padding-top: 10px;
}
@media (min-width: 768px) {
footer { padding-bottom:140px; }
}
/* ad styles */
[id^='RTK_'] { justify-items: center; display: grid; margin-left: auto; margin-right: auto; }
.adwrapper { margin: 10px auto; display:block; width: auto !important; padding: 0; }
.adtext { color: #929292; font-size: 12px; font-weight: 300; line-height: 15px; margin: 2px 0 5px 5px; padding: 0; text-align: center; text-transform: capitalize; letter-spacing: initial; }
.adbordertop { border-top: 1px solid rgba(230,230,230,1); padding-bottom:5px; }
.adborderbottom { border-bottom: 1px solid rgba(230,230,230,1); padding-top:5px; }
/* sticky banner */
#closesticky {
position: absolute;
top: -16px;
left: -4px;
color: #888;
/*background: #000;*/
/*border-radius: 50%;*/
width: 16px;
height: 16px;
cursor:pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 9px;
/*border: 2px solid #fff;*/
visibility: hidden;
/*opacity: 0;*/
/*transition: visibility 9s, opacity 9.5s linear;*/
}
#stickyban {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
position:sticky;
bottom:0;
}
#stickyban div div + .closesticky { visibility:visible; }
/* content */
.page-title {
font-size: 32px;
font-weight: 400;
line-height: 38px;
color: #1E1E1E;
margin: 0 0 7px 0;
padding: 0 10px;
}
.page-author {
margin: 0;
color: #333333;
font-size: 12px;
line-height: 14px;
font-weight: normal;
padding-left:15px;
}
.start-gallery a, .start-gallery a:hover {
background-color: #FF6550;
}
.navbar-brand>img {
width:155px;
}
.navbar-default {
background: #fff;
}
.navbar-default .navbar-nav>li>a {
color: #333;
}
/*html {*/
/* scroll-behavior: smooth;*/
/*}*/
.slide-content { min-height:800px; }
.slidewrap { padding: 10px 0 0 }
.pd-below-slide-text,.pd-above-slide-text { padding:10px; }
.pd-slide-image {
width: 100%;
min-height:400px;
/*height:auto;*/
display: block;
padding:15px 0 20px;
object-fit: cover;
}
/* full width trick for xs screens only
* cancel out margin from bootstrap / modded bs */
@media (max-width: 576px) {
.pd-slide-image {
min-height:300px;
margin-left:-5px;
width: 100vw;
}
}
.slidewrap h2 {
color: #3E6680;
display: inline-block;
margin: 16px 0 0;
padding: 0;
font-size: 22px;
font-weight: 500;
line-height: 28px;
}
@media (max-width: 900px) {
.page-title {
margin-top:10px;
}
.slide-content { min-height:900px; }
}
</style>
<!-- QUIZ STUFFF CLEAN UP -->
<style type="text/css">
.ajax_title {
font-size: 29px;
font-weight: 500;
line-height: 29px;
color: #236DC4;
display: inline-block;
margin: 10px 0 0 10px;
padding: 0;
}
.quiz-button, .next-question-button, .start-gallery {
display: block;
padding: 20px;
text-align: center;
color: white;
border-radius: 28px;
text-transform:unset !important;
-webkit-box-shadow: 6px 6px 5px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 5px -5px rgba(0,0,0,0.75);
box-shadow: 6px 6px 5px -5px rgba(0,0,0,0.75);
font-weight:bold;
cursor:pointer;
font-size: 1.5em;
width: 95%;
margin: 60px auto 0;
background: rgba(255,0,132,1);
background: -moz-linear-gradient(left, rgba(255,0,132,1) 0%, rgba(255,0,132,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,0,132,1)), color-stop(100%, rgba(255,0,132,1)));
background: -webkit-linear-gradient(left, rgba(255,0,132,1) 0%, rgba(255,0,132,1) 100%);
background: -o-linear-gradient(left, rgba(255,0,132,1) 0%, rgba(255,0,132,1) 100%);
background: -ms-linear-gradient(left, rgba(255,0,132,1) 0%, rgba(255,0,132,1) 100%);
background: linear-gradient(to right, rgba(255,0,132,1) 0%, rgba(255,0,132,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0084', endColorstr='#ff0084', GradientType=1 );
}
.next-question-button, .start-gallery { font-size:1.8em; width: 80%; margin: 60px auto 40px;}
.quiz-button {
font-size: 1.2em;
margin: 10px auto;
width: 100%;
padding: 10px;
}
.quiz-final { display:none }
.answer, .congrats { padding:15px 0; background:aliceblue; }
.answer-right h1 {
animation-name: spin;
animation-duration: 500ms;
animation-iteration-count: 1;
animation-timing-function: linear;
}
.answer-wrong h1 {
animation: shake 600ms cubic-bezier(.36, .07, .19, .97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
.answer h1, h1.congrats-text {
font-size: 31px;
line-height: 36px;
text-transform: uppercase;
text-align: center;
text-shadow: 2px 2px 2px rgba(165, 163, 163, 0.9);
}
.answer-right .answer-wrong-text { display:none; }
.answer-wrong .answer-right-text { display:none; }
.answer-wrong-text { color: #ff0437; }
.answer-right-text, .congrats-text { color:#0450ff; }
.answer { display: none }
p.answer-blurb { font-size:20px ; padding:0 20px; }
p.correct-answer { text-align:center; padding:30px 0; font-size:2em; letter-spacing:-.1px; }
.correct-answer-title { font-weight:bold; }
.score-section {
font-family: 'Oswald', sans-serif;
margin-bottom: 0px;
padding: 10px 15px 10px 15px;
line-height: 20px;
color: #14a098;
}
.score-section-include, .quiz-final {
margin-bottom: 0px;
line-height: 20px;
font-weight:bold;
}
.score-label {
font-size: 22px;
}
.score-label-right {
float: right;
}
.unfinished-score {
font-size: 26px;
line-height: 20px;
}
.quiz-final p { text-align: center; margin:10px 0; }
p.quiz-final-title { padding:0; margin-top:0; font-size:2.5em; letter-spacing:-.1px; font-weight:bold; }
p.quiz-final-smarter { font-size:1.2em; }
h2.like-share { margin-top:60px; font-size: 18px; font-weight: bold; text-align: center; }
/*
************************ ANIMATION ***********************
*/
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@keyframes spin {
from {
transform: scale(2.5) rotate(180deg);
}
to {
transform: scale(1) rotate(360deg);
}
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}
.grow {
transition: all .2s ease-in-out;
}
.grow:hover {
transform: scale(1.1);
z-index: 1000;
-webkit-filter: grayscale(0);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: none;
filter: grayscale(0%);
animation: pulsate 1.5s ease-out infinite;
border-radius: 20px;
border: 2px solid #000;
}
.expandUp {
animation-name: expandUp;
-webkit-animation-name: expandUp;
animation-duration: .7s;
-webkit-animation-duration: .7s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes pulsate {
0% {
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
}
50% {
-webkit-box-shadow: 0px 0px 8px 10px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 8px 10px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 8px 10px rgba(0, 0, 0, 0.75);
}
100% {
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
}
}
@keyframes expandUp {
0% {
transform: translateY(100%) scale(0.6) scaleY(0.5);
}
65% {
transform: translateY(0%) scale(1.6) scaleY(1);
}
100% {
transform: translateY(0%) scale(1) scaleY(1);
}
}
@-webkit-keyframes expandUp {
0% {
-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
}
65% {
-webkit-transform: translateY(0%) scale(1.6) scaleY(1.2);
}
100% {
-webkit-transform: translateY(0%) scale(1) scaleY(1);
}
}
</style>
<script>
// Proper - 2021-09-08
var properSpecialOps = properSpecialOps || {};
properSpecialOps['spa_settings'] = {
enabled: true,
prefetch: true,
gallery_id: 'gallery_',
gallery_base_url: 'https://www.mp3.com'
}
try {
var url = new URL(window.location.href);
var nativePublisherId = url.searchParams.get("native_publisher_id");
if(nativePublisherId) {
nativePublisherId = encodeURIComponent(nativePublisherId);
// short term
properSpecialOps['tags'] = [nativePublisherId, "native_publisher_id=" + nativePublisherId ];
// long term
if(typeof properSpecialOps.page_meta == 'undefined') { properSpecialOps.page_meta = {}; }
properSpecialOps.page_meta.writer = nativePublisherId;
}
} catch(e) { console.log("proper error", e); }
</script>
<script>
function page_uuid() {
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
return v.toString(16);
});
}
</script>
<!-- OneTrust CMP -->
<!-- Production -->
<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charSet="UTF-8"
data-domain-script="217cb6be-2002-4b6f-a635-af34025ab5dc"></script>
<!-- optanon - standardized api for OneTrust -->
<script src="//production-cmp.isgprivacy.cbsi.com/dist/optanon-v1.1.0.js" type="text/javascript" async></script>
<!-- optanon api bootstrap -->
<script type="text/javascript">
!function(n){var o=window,a="cbsoptanon",c="cmd",d="config";o[a]=o[a]?o[a]:{},o[a][c]=o[a][c]?o[a][c]:[],o[a][d]=o[a][d]?o[a][d]:[],["onIframesReady","onFormsReady","onScriptsReady","onAdsReady"].forEach(function(n){o[a][n]=o[a][n]||function(){var d=arguments;o[a][c].push(function(){o[a][n].apply(o[a],d)})}})}();
window.cbsoptanon.config.push({
setNpaOnConsentChange: true,
enableServices: false
});
</script>
</head>
<body>
<header>
<nav class="navbar shadow-sm navbar-expand-md navbar-dark bg-dark mb-2">
<a class="navbar-brand" href="/"><img src="/assets/images/057704f32311435117806f1a1777cc9e.png" alt="MP3.com" class="img-responsive" /></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item ">
<a class="nav-link" href="/category/80s">'80s</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/category/90s">'90s</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/category/00s">'00s</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/category/featured">Featured</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/category/news">News</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/category/music">Music</a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/category/the-spotlight">The Spotlight</a>
</li>
</ul>
</div>
</nav>
</header>
<main role="main" class="container">
<div id="carousel-captions" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target='#carousel-captions' data-slide-to='0' class='active'></li><li data-target='#carousel-captions' data-slide-to='1' class=''></li><li data-target='#carousel-captions' data-slide-to='2' class=''></li><li data-target='#carousel-captions' data-slide-to='3' class=''></li><li data-target='#carousel-captions' data-slide-to='4' class=''></li><li data-target='#carousel-captions' data-slide-to='5' class=''></li><li data-target='#carousel-captions' data-slide-to='6' class=''></li><li data-target='#carousel-captions' data-slide-to='7' class=''></li><li data-target='#carousel-captions' data-slide-to='8' class=''></li><li data-target='#carousel-captions' data-slide-to='9' class=''></li> </ol>
<div class="carousel-inner">
<div class="carousel-item active">
<a href="/article/these-were-the-hottest-songs-in-1995-when-captain-marvel-takes-place"><img src="https://www.mp3.com/content/179861/e339d32236e55746c93b21b41d68237f.jpg" class="d-block w-100" alt="These Were the Hottest Songs in 1995, When Captain Marv...">
<div class="carousel-caption">
<h5>These Were the Hottest Songs in 1995, When Captain Marv...</h5>
<p>Featured</p>
</div>
</a>
</div>
<div class="carousel-item ">
<a href="/article/every-song-on-the-purple-rain-soundtrack-ranked"><img src="https://www.mp3.com/content/179862/f365de8a2cfcf2e9a20e93f23b153cb6.jpg" class="d-block w-100" alt="Every Song on the Purple Rain Soundtrack, Ranked">
<div class="carousel-caption">
<h5>Every Song on the Purple Rain Soundtrack, Ranked</h5>
<p>Featured</p>
</div>
</a>
</div>
<div class="carousel-item ">
<a href="/article/taking-back-sunday-celebrates-20-years-with-nostalgic-tour"><img src="https://www.mp3.com/content/179863/ad71ca9003ce75a46244f1460a439c72.jpg" class="d-block w-100" alt="Taking Back Sunday Celebrates 20 Years With Nostalgic T...">
<div class="carousel-caption">
<h5>Taking Back Sunday Celebrates 20 Years With Nostalgic T...</h5>
<p>00s</p>
</div>
</a>
</div>
<div class="carousel-item ">
<a href="/article/the-best-movie-soundtracks-of-the-90s-ranked"><img src="https://www.mp3.com/content/179864/ba2c70350e7ebf9c65556e141cc6d991.jpg" class="d-block w-100" alt="The Best Movie Soundtracks of the ’90s, Ranked">
<div class="carousel-caption">
<h5>The Best Movie Soundtracks of the ’90s, Ranked</h5>
<p>Featured</p>
</div>
</a>
</div>
<div class="carousel-item ">
<a href="/article/sub-pop-celebrates-30-years-of-grunge-relive-these-5-essential-albums"><img src="https://www.mp3.com/content/179865/c615302e423c252ab74153569be3340b.jpg" class="d-block w-100" alt="Sub Pop Celebrates 30+ Years of Grunge: Relive These 5 ...">
<div class="carousel-caption">
<h5>Sub Pop Celebrates 30+ Years of Grunge: Relive These 5 ...</h5>
<p>80s</p>
</div>
</a>
</div>
<div class="carousel-item ">
<a href="/article/can-you-even-name-half-of-these-00s-indie-bands-from-their-videos"><img src="https://www.mp3.com/content/179866/7cbeab44c89756942d8bd590255d6cf7.jpg" class="d-block w-100" alt="Can You Even Name Half of These ’00s Alt Bands From The...">
<div class="carousel-caption">
<h5>Can You Even Name Half of These ’00s Alt Bands From The...</h5>
<p>00s</p>
</div>
</a>
</div>
<div class="carousel-item ">
<a href="/article/what-your-favorite-80s-and-90s-punk-rockers-are-doing-now"><img src="https://www.mp3.com/content/179867/68cce6578cc6d27f9b4e4b473d878ba3.jpg" class="d-block w-100" alt="What Your Favorite ’80s and ’90s Punk Rockers Are Doing...">
<div class="carousel-caption">
<h5>What Your Favorite ’80s and ’90s Punk Rockers Are Doing...</h5>
<p>80s</p>
</div>
</a>
</div>
<div class="carousel-item ">
<a href="/article/the-top-25-greatest-theme-songs-of-the-early-2000s"><img src="https://www.mp3.com/content/179868/69f489daf1f326067e2398048a482849.jpg" class="d-block w-100" alt="The Top 25 Greatest Theme Songs of the Early 2000s">
<div class="carousel-caption">
<h5>The Top 25 Greatest Theme Songs of the Early 2000s</h5>
<p>Featured</p>
</div>
</a>
</div>
<div class="carousel-item ">
<a href="/article/how-old-was-this-90s-pop-star-when-they-made-it-big"><img src="https://www.mp3.com/content/179869/42cc394e508e47445d6682691aef1dd3.jpg" class="d-block w-100" alt="How Old Were These ’90s Pop Stars When They Made It Big...">
<div class="carousel-caption">
<h5>How Old Were These ’90s Pop Stars When They Made It Big...</h5>
<p>Featured</p>
</div>
</a>
</div>
<div class="carousel-item ">
<a href="/article/every-michael-jackson-no-1-hit-ranked"><img src="https://www.mp3.com/content/179870/2a91246a3ac5c5b239943dd85be2bb44.jpg" class="d-block w-100" alt="Every Michael Jackson No. 1 Hit, Ranked">
<div class="carousel-caption">
<h5>Every Michael Jackson No. 1 Hit, Ranked</h5>
<p>80s</p>
</div>
</a>
</div>
</div>
<a class="carousel-control-prev" href="#carousel-captions" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel-captions" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<h2 class="widgettitle">Trending Stories</h2>
<div class="row"><div class="col-md-6"><div class="row"><div class="col-md-12 bigleft"><a href="/article/which-aaliyah-album-is-the-soundtrack-to-your-love-life"><div class="big-thumb" style="background-image:url(https://www.mp3.com/content/179871/70493b3a1c55a76f5d5c01d424602a00_mob.jpg)"><h3 class="entry-title">Which Aaliyah Album Is the Soundtrack to Your Love Life...</h3></div></a><span class="widget-cat-sub"><a href="/category/80s">80s</a></span></div><div class="col-md-6 col-sm-12 "><a href="/article/someone-found-a-bowie-track-in-a-bread-basket-so-were-never-giving-up-carbs"><div class="little-thumb" style=" background-image:url(https://www.mp3.com/content/179872/989399011a1a212514551f035ce11b74_mob.jpg)"><h3 class="entry-title-small">Someone Found a Secret David Bowie Track in a Bread Bas...</h3></div></a></div><div class="col-md-6 col-sm-12 "><a href="/article/these-are-the-only-80s-covers-worth-your-time"><div class="little-thumb" style=" background-image:url(https://www.mp3.com/content/179873/6dceda11b300424c10ff363f337f82b0_mob.jpg)"><h3 class="entry-title-small">These Are the Only ’80s Covers Worth Your Time</h3></div></a></div></div></div><div class="col-md-6"><div class="row"><div class="col-md-6 col-sm-12 "><a href="/article/can-you-name-every-one-of-these-80s-hair-bands"><div class="little-thumb" style=" background-image:url(https://www.mp3.com/content/179874/70954a16a47bb2e432faf098f8e05e53_mob.jpg)"><h3 class="entry-title-small">Can You Name Every One of These ’80s Hair Bands?</h3></div></a></div><div class="col-md-6 col-sm-12 "><a href="/article/the-20-absolute-best-songs-from-john-hughes-movies-ranked"><div class="little-thumb" style=" background-image:url(https://www.mp3.com/content/179875/3c09d7ef2bd183efde31e0f8b13b1ed4_mob.jpg)"><h3 class="entry-title-small">The 20 Absolute Best Songs from John Hughes Movies, Ran...</h3></div></a></div><div class="col-md-12 bigright"><a href="/article/all-about-the-unreleased-michael-jackson-track-on-drakes-new-album"><div class="big-thumb" style="background-image:url(https://www.mp3.com/content/179876/2f061f91a6817216cf422e442dd6a74c_mob.jpg)"><h3 class="entry-title">There’s an Unreleased Michael Jackson Track Hiding on t...</h3></div></a><span class="widget-cat-sub"><a href="/category/80s">80s</a></span></div></div></div></div><div class="row" style="margin-top:15px"><div class="col-md-6"><div class="row"><div class="col-md-12 bigleft"><a href="/article/how-to-download-the-best-albums-of-2018-so-far"><div class="big-thumb" style="background-image:url(https://www.mp3.com/content/179877/1a59790cc79cb0aa242fc3fe42b53619_mob.jpg)"><h3 class="entry-title">How to Download the Best Albums of 2018</h3></div></a><span class="widget-cat-sub"><a href="/category/80s">80s</a></span></div><div class="col-md-6 col-sm-12 "><a href="/article/brandy-vs-monica-the-the-boy-is-mine-feud-explained-with-gifs"><div class="little-thumb" style=" background-image:url(https://www.mp3.com/content/179878/9139952096cb7c1b38360cc4604ab38c_mob.jpg)"><h3 class="entry-title-small">Brandy vs. Monica: The ‘The Boy Is Mine’ Feud Explained...</h3></div></a></div><div class="col-md-6 col-sm-12 "><a href="/article/how-to-download-music-using-tidal"><div class="little-thumb" style=" background-image:url(https://www.mp3.com/content/179879/9c7cc908bb62ed32dac5c6aa4f155f07_mob.jpg)"><h3 class="entry-title-small">How to Download Music Using Tidal</h3></div></a></div></div></div><div class="col-md-6"><div class="row"><div class="col-md-6 col-sm-12 "><a href="/article/barenaked-ladies-one-week-is-20-years-old-how-well-do-you-know-the-geeky-references"><div class="little-thumb" style=" background-image:url(https://www.mp3.com/content/179880/e8ff8a2d9e0633533a3baf0650fd7a45_mob.jpg)"><h3 class="entry-title-small">Barenaked Ladies’ ‘One Week’ Is 20 Years Old — How Well...</h3></div></a></div><div class="col-md-6 col-sm-12 "><a href="/article/the-ultimate-00s-road-trip-playlist"><div class="little-thumb" style=" background-image:url(https://www.mp3.com/content/179881/4869ee6204d65ec794d673c36d4fcdca_mob.jpg)"><h3 class="entry-title-small">The Ultimate ’00s Road Trip Playlist</h3></div></a></div><div class="col-md-12 bigright"><a href="/article/how-old-were-these-pop-stars-when-they-made-it-big-in-the-00s"><div class="big-thumb" style="background-image:url(https://www.mp3.com/content/179882/b70b184e9a19253ffa8ef86226ce7cc5_mob.jpg)"><h3 class="entry-title">How Old Were These Pop Stars When They Made It Big in t...</h3></div></a><span class="widget-cat-sub"><a href="/category/80s">80s</a></span></div></div></div></div><div class="row" style="margin-top:15px"><div class="col-md-6"><div class="row"></div></div><div class="col-md-6"><div class="row"></div></div></div><div class="row" style="margin-top:15px"><div class="col-md-6"><div class="row"></div></div><div class="col-md-6"><div class="row"></div></div></div>
<div class="pd-more-content row"></div>
<button class="pd-load-more">View More</button>
</main>
<footer>
<ul>
<li>
<a href='https://www.viacomcbsprivacy.com/policy'>Privacy Policy</a>
</li>
<li>
<a href='https://www.viacomcbsprivacy.com/cookies'>Cookies Policy</a>
</li>
<li>
<a href='https://www.viacomcbsprivacy.com/donotsell'>Do Not Sell My Personal Information</a>
</li>
<li>
<span class="copyright">© 2021 MP3.com</span>
</li>
</ul>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="/g/theme/iac/qa/bootstrap.bundle.min.js"></script>
<script>
/*! js-cookie v3.0.0-beta.3 | MIT */
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self,function(){var n=e.Cookies,r=e.Cookies=t();r.noConflict=function(){return e.Cookies=n,r}}())}(this,function(){"use strict";var e={read:function(e){return e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function t(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)e[r]=n[r]}return e}return function n(r,o){function i(e,n,i){if("undefined"!=typeof document){"number"==typeof(i=t({},o,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),n=r.write(n,e),e=encodeURIComponent(e).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var u in i)i[u]&&(c+="; "+u,!0!==i[u]&&(c+="="+i[u].split(";")[0]));return document.cookie=e+"="+n+c}}return Object.create({set:i,get:function(t){if("undefined"!=typeof document&&(!arguments.length||t)){for(var n=document.cookie?document.cookie.split("; "):[],o={},i=0;i<n.length;i++){var c=n[i].split("="),u=c.slice(1).join("=");'"'===u[0]&&(u=u.slice(1,-1));try{var f=e.read(c[0]);if(o[f]=r.read(u,f),t===f)break}catch(e){}}return t?o[t]:o}},remove:function(e,n){i(e,"",t({},n,{expires:-1}))},withAttributes:function(e){return n(this.converter,t({},this.attributes,e))},withConverter:function(e){return n(t({},this.converter,e),this.attributes)}},{attributes:{value:Object.freeze(o)},converter:{value:Object.freeze(r)}})}(e,{path:"/"})});
/* Process query into cookies */
!function(){var e,o,t=/\+/g,n=/([^&=]+)=?([^&]*)/g,u=function(e){return decodeURIComponent(e.replace(t," "))},m=window.location.search.substring(1);for(e={};o=n.exec(m);)e[u(o[1])]=u(o[2]);["utm_source","utm_subid","utm_campaign","utm_template","utm_medium","utm_term","utm_content"].forEach(function(o){void 0!==e[o]&&(Cookies.remove(o),void 0!==e[o]&&Cookies.set(o,e[o]))})}();
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-104746169-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-104746169-8');
</script>
<script>
/* sticky */
!function(t){"function"==typeof define&&define.amd?define(["jquery"],t):"object"==typeof module&&module.exports?module.exports=t(require("jquery")):t(jQuery)}(function(t){var e=Array.prototype.slice,i=Array.prototype.splice,n={topSpacing:0,bottomSpacing:0,className:"is-sticky",wrapperClassName:"sticky-wrapper",center:!1,getWidthFrom:"",widthFromWrapper:!0,responsiveWidth:!1,zIndex:"inherit"},r=t(window),s=t(document),o=[],c=r.height(),p=function(){for(var e=r.scrollTop(),i=s.height(),n=i-c,p=e>n?n-e:0,a=0,d=o.length;a<d;a++){var l=o[a],h=l.stickyWrapper.offset().top-l.topSpacing-p;if(l.stickyWrapper.css("height",l.stickyElement.outerHeight()),e<=h)null!==l.currentTop&&(l.stickyElement.css({width:"",position:"",top:"","z-index":""}),l.stickyElement.parent().removeClass(l.className),l.stickyElement.trigger("sticky-end",[l]),l.currentTop=null);else{var u,g=i-l.stickyElement.outerHeight()-l.topSpacing-l.bottomSpacing-e-p;if(g<0?g+=l.topSpacing:g=l.topSpacing,l.currentTop!==g)l.getWidthFrom?(padding=l.stickyElement.innerWidth()-l.stickyElement.width(),u=t(l.getWidthFrom).width()-padding||null):l.widthFromWrapper&&(u=l.stickyWrapper.width()),null==u&&(u=l.stickyElement.width()),l.stickyElement.css("width",u).css("position","fixed").css("top",g).css("z-index",l.zIndex),l.stickyElement.parent().addClass(l.className),null===l.currentTop?l.stickyElement.trigger("sticky-start",[l]):l.stickyElement.trigger("sticky-update",[l]),l.currentTop===l.topSpacing&&l.currentTop>g||null===l.currentTop&&g<l.topSpacing?l.stickyElement.trigger("sticky-bottom-reached",[l]):null!==l.currentTop&&g===l.topSpacing&&l.currentTop<g&&l.stickyElement.trigger("sticky-bottom-unreached",[l]),l.currentTop=g;var m=l.stickyWrapper.parent();l.stickyElement.offset().top+l.stickyElement.outerHeight()>=m.offset().top+m.outerHeight()&&l.stickyElement.offset().top<=l.topSpacing?l.stickyElement.css("position","absolute").css("top","").css("bottom",0).css("z-index",""):l.stickyElement.css("position","fixed").css("top",g).css("bottom","").css("z-index",l.zIndex)}}},a=function(){c=r.height();for(var e=0,i=o.length;e<i;e++){var n=o[e],s=null;n.getWidthFrom?n.responsiveWidth&&(s=t(n.getWidthFrom).width()):n.widthFromWrapper&&(s=n.stickyWrapper.width()),null!=s&&n.stickyElement.css("width",s)}},d={init:function(e){return this.each(function(){var i=t.extend({},n,e),r=t(this),s=r.attr("id"),c=s?s+"-"+n.wrapperClassName:n.wrapperClassName,p=t("<div></div>").attr("id",c).addClass(i.wrapperClassName);r.wrapAll(function(){if(0==t(this).parent("#"+c).length)return p});var a=r.parent();i.center&&a.css({width:r.outerWidth(),marginLeft:"auto",marginRight:"auto"}),"right"===r.css("float")&&r.css({float:"none"}).parent().css({float:"right"}),i.stickyElement=r,i.stickyWrapper=a,i.currentTop=null,o.push(i),d.setWrapperHeight(this),d.setupChangeListeners(this)})},setWrapperHeight:function(e){var i=t(e),n=i.parent();n&&n.css("height",i.outerHeight())},setupChangeListeners:function(t){window.MutationObserver?new window.MutationObserver(function(e){(e[0].addedNodes.length||e[0].removedNodes.length)&&d.setWrapperHeight(t)}).observe(t,{subtree:!0,childList:!0}):window.addEventListener?(t.addEventListener("DOMNodeInserted",function(){d.setWrapperHeight(t)},!1),t.addEventListener("DOMNodeRemoved",function(){d.setWrapperHeight(t)},!1)):window.attachEvent&&(t.attachEvent("onDOMNodeInserted",function(){d.setWrapperHeight(t)}),t.attachEvent("onDOMNodeRemoved",function(){d.setWrapperHeight(t)}))},update:p,unstick:function(e){return this.each(function(){for(var e=t(this),n=-1,r=o.length;r-- >0;)o[r].stickyElement.get(0)===this&&(i.call(o,r,1),n=r);-1!==n&&(e.unwrap(),e.css({width:"",position:"",top:"",float:"","z-index":""}))})}};window.addEventListener?(window.addEventListener("scroll",p,!1),window.addEventListener("resize",a,!1)):window.attachEvent&&(window.attachEvent("onscroll",p),window.attachEvent("onresize",a)),t.fn.sticky=function(i){return d[i]?d[i].apply(this,e.call(arguments,1)):"object"!=typeof i&&i?void t.error("Method "+i+" does not exist on jQuery.sticky"):d.init.apply(this,arguments)},t.fn.unstick=function(i){return d[i]?d[i].apply(this,e.call(arguments,1)):"object"!=typeof i&&i?void t.error("Method "+i+" does not exist on jQuery.sticky"):d.unstick.apply(this,arguments)},t(function(){setTimeout(p,0)})});
$(".stickybanner").sticky({topSpacing:20, bottomSpacing:120});
</script>
<!-- Pubdream Analytics -->
<script async src="/g/assets/js/analytics.js"></script>
<script >
window.pubdream = window.pubdream || [];
function pdpush(){window.pubdream.push(arguments);}
pdpush('pageview');
</script>
<script>
// home page more articles /
var start_feed = 11;
var limit_feed = 6;
$('.pd-load-more').on('click', function(e) {
e.preventDefault();
$.getJSON('/homefeed/'+start_feed+'/'+limit_feed+'/feed.json', function(data) {
start_feed += limit_feed;
data.forEach(function(e) {
var ht = `
<div class="col-md-6 col-sm-12" style="margin-bottom:20px"><a href="` + e.url + `"><div class="big-thumb" style=" background-image:url('` + e.thumb + `')"><h3 class="entry-title-small">` + e.post_title + `</h3></div></a></div>
`;
$('.pd-more-content').append(ht);
});
});
});
</script>
</body>
</html>