*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial;background:#f4f6f8;color:#15191e}aside{position:fixed;inset:0 auto 0 0;width:240px;background:#111;color:#fff;padding:25px}aside h2{color:#ffd400}aside p{color:#aaa}aside button{display:block;width:100%;padding:12px;margin:6px 0;border:0;border-radius:10px;background:#ffffff0d;color:#fff;text-align:left;cursor:pointer}main{margin-left:240px;padding:25px}header{background:#fff;padding:20px;border-radius:15px;margin-bottom:18px;display:flex;justify-content:space-between}.box{background:#fff;padding:25px;border-radius:18px}.error{background:#fff0f0;padding:25px;border-radius:15px}@media(max-width:700px){aside{width:70px;padding:12px}aside p,aside button{font-size:0}aside button:first-letter{font-size:18px}main{margin-left:70px;padding:15px}}