.containter,aside{margin:2rem}body{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;background-color:#3b3b3c;color:#fff}body,main{display:flex;justify-content:center}main{max-width:80vw}.containter{flex-direction:row}.main{display:flex;padding:2rem;background-color:#333332;flex-grow:3}blockquote{background-color:#2d2d2f;padding:1rem .75rem .5rem 1rem;border-left:5px solid #151515}.post>p{text-indent:1rem}h1{margin-bottom:2.5rem}blockquote,p{margin-left:.5rem}a{color:#ff00bf;text-decoration:none}a:hover{color:#ff9090;text-decoration:underline}.name{color:#e61e6b}.logo{max-width:20vw;aspect-ratio:auto}@media (min-width:1500px){main{max-width:1300px;font-size:1.15rem}.logo{max-width:300px}}@media (max-width:600px),(orientation:portrait){main{align-items:center;max-width:100%}.containter{flex-direction:column-reverse;margin:.75rem}.main{padding:1.5rem}aside{margin:0 0 1rem}.logo{max-width:50vw}}