*{box-sizing:border-box}html,body{max-width:100vw;overflow-x:hidden;font-family:"Arial",sans-serif}body{color:#e5e5e5;background:linear-gradient(to bottom left, #0A081D, #040208)}main{flex:1;padding:5rem;display:flex;gap:1.5rem}main .avatar{width:52px;height:52px;border-radius:50%}main .content h1,main .content h2,main .content h3{margin:0}main .content p{margin:4px 0 16px}main .content>.author-name{margin:0;color:#d7d771;font-weight:bold}img{max-width:100%;border-radius:10px;height:auto}body,html{margin:0;padding:0;font-family:droid sans,sans-serif}.container{display:flex;height:100%}header{width:17%;padding-top:1rem;background:linear-gradient(to bottom left, #110d33, #090614);position:relative;color:#9fa3b0;min-height:100vh}header ul{margin:0 8px;list-style-type:none;padding:0}header ul li{margin-top:4px;padding:8px 16px;font-size:16px;color:#fff;border-radius:10px;font-weight:bold}header ul li>a>.icon{margin-right:12px}header ul li:hover{background-color:#2c3e50;transition:background-color .3s ease}header ul li a{display:block;width:100%;height:100%;text-decoration:none;color:#9fa3b0;transition:color .3s}header ul li a:hover{color:#fff}