body{margin:0;font-family:PT Serif,Georgia,Times,"Times New Roman",serif;font-size:20px;color:#2d2d2d}.navbar{overflow:hidden;background-color:#333;position:fixed;top:0;width:100%}.navbar ul{margin:0;padding:0;list-style-type:none}.navbar li{display:inline}.navbar a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px;transition-duration:1s}.navbar a:hover{color:red}.active{background-color:#fff}a.active{color:#111}.main{max-width:34em;padding:16px;margin:30px auto 10px auto}.main a{color:#2d2d2d;text-decoration:underline;text-decoration-color:red;text-decoration-skip:ink}.main a:hover{text-decoration:none;color:red;border-bottom:0}.main img{display:block;max-width:100%}.album-title{display:inline-block;padding-right:.3em}.year{display:inline}.year:after{margin-top:-3em;content:"";display:block}.rating{font-size:1.2em}ol{margin:-1em 0 0 -1em/* border: 1px solid black; */}ol li{margin:0;font-size:.9em}