body{ margin:0; display: flex; } .content{ width: 25vw; } .title{ background-color: yellow; padding-top: 20px; padding-bottom: 35px; padding-left: 15px; padding-right: 15px; outline-style: solid; outline-width: 4px; outline-color: #121212; font-family: sans-serif; font-weight: bold; font-size: 65px; color: #121212; } .subtitle{ background-color: 515059; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; outline-style: solid; outline-width: 0px; outline-color: #121212; font-family: sans-serif; font-weight: bold; font-size: 24px; color: #121212; } .date{ background-color: white; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; outline-style: solid; outline-width: 4px; outline-color: #121212; font-family: sans-serif; font-weight: bold; font-size: 24px; color: #121212; } .tracklist{ background-color: blue; padding-top: 15px; padding-bottom: 75px; padding-left: 15px; padding-right: 15px; outline-style: solid; outline-width: 0px; outline-color: #121212; font-family: sans-serif; font-weight: bold; font-size: 24px; color: #121212; } .caretakers{ background-color: 515059; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; outline-style: solid; outline-width: 4px; outline-color: #121212; font-family: sans-serif; font-weight: bold; font-size: 24px; color: #121212; } .audio{ background-color: #121212; padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; outline-style: solid; outline-width: 4px; outline-color: #121212; } .intro{ background-color: lightgray; padding-top: 15px; padding-bottom: 100px; padding-left: 15px; padding-right: 15px; outline-style: solid; outline-width: 0px; outline-color: #121212; font-family: sans-serif; font-weight: bold; font-size: 24px; color: #121212; } .notation{ width: 75vw; outline-style: solid; outline-width: 4px; outline-color: #121212; } .notation img{ object-fit:cover; }