body{color:#222;font-family:sans-serif;line-height:1.5;margin:1rem;background-color:#f5f5f5}header{margin-bottom:1rem}footer{margin-top:1rem}a{color:#3cb371;text-decoration:none}#container{display:flex;justify-content:center}#sidebar{width:200px;margin:30px;ul { padding-left: 0px; } li { list-style: none; margin-right: 15px; padding: 5px; } nav { position: sticky; top: 30px; }}#main{width:907px;padding:30px}#char-info-container{display:flex;flex-direction:column}#likes-container{display:flex;flex-direction:column}@media only screen and (max-width:600px){table{margin-top:20px}nav ul{display:flex}#profile-container{display:flex;flex-direction:column-reverse}#container{flex-direction:column}#sidebar{margin:0}#main{width:100%;padding:0}}