body{margin:0;min-height:100vh;flex-direction:column;background:#0e0e14;color:#eee}body,header{display:flex}header{z-index:10;height:50px;padding:0 10px;align-items:center;justify-content:space-between;background-color:#4d4d4d;position:fixed;top:0;left:0;right:0}header .nav-header{width:50%;display:inline}header .nav-header .nav-title{display:inline-block;font-size:22px;color:#fff;padding:10px}header .nav-btn{display:none}header .nav-links{width:50%;display:inline-flex;justify-content:flex-end;column-gap:20px;font-size:18px;border:none;border-radius:0 0 10px 10px}header .nav-links a{height:30px;display:inline-block;padding:10px;text-decoration:none;color:#efefef}header .nav-links a:hover{background-color:rgba(0,0,0,.3)}header #nav-check{display:none}@media (max-width:600px){header .nav-btn{display:inline-block;position:absolute;right:0;top:0;height:20px}header .nav-btn label{display:flex;flex-direction:column;row-gap:5px;width:50px;height:20px;padding:15px;border:none;border-top-right-radius:10px}header #nav-check:checked~.nav-btn label,header .nav-btn label:hover{background-color:rgba(0,0,0,.3);cursor:pointer}header .nav-btn label span{display:block;width:25px;height:5px;background-color:#eee;border-radius:5px}header .nav-links{position:absolute;display:block;width:100%;background-color:#333;transition:all .3s ease-in;overflow-y:hidden;top:50px;left:0}header .nav-links a{display:block;padding-left:20px}header #nav-check:not(:checked)~.nav-links{height:0}header #nav-check:checked~.nav-links{height:140px;overflow-y:hidden}}.attribute{position:absolute;bottom:10px}.footer{margin-top:auto;position:relative;left:0;right:0;background-color:#24262b;display:flex;justify-content:center;flex-direction:row;padding:12px 0;box-shadow:0 -2px 8px rgba(0,0,0,.4);inline-size:100vw;margin-inline:calc(50% - 50vw)}.footer a i{color:grey;font-size:large;transition:.5s;padding:10px 0}.footer img{border-radius:50%;width:2.5rem;margin:1rem}.footer img:hover{box-shadow:0 0 10px #ccc}.blog-body{background-color:#5A3921}