:root{--min-sidebar-width:250px;--max-sidebar-width:400px;--main-width-percent:90%;--main-width-rem:85rem;--clr-primary:#6A533A;--clr-accent-light:#F49900;--clr-accent-dark:#FF7E20;--clr-neutral-100:#FFF;--clr-neutral-200:#D7D7D7;--ff-primary:'Roboto';--ff-accent:'Bitter'}*,::after,::before{box-sizing:border-box}body{font-family:var(--ff-primary);font-weight:300;font-size:1rem;line-height:1.5;background-color:var(--clr-neutral-200)}body,h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--ff-accent);font-weight:700;line-height:1;margin-bottom:20px}h1{font-size:2rem;color:var(--clr-accent-light)}h2{font-size:1.5rem;color:var(--clr-accent-light);text-decoration:underline;margin-top:20px}h3{font-size:1.375rem;color:var(--clr-primary);text-decoration:underline;margin-top:15px}h4{font-size:1.125rem;color:var(--clr-primary);text-decoration:underline;margin-top:10px}p{margin-bottom:10px}.split{display:flex;flex-direction:column}.split main{min-width:0;flex-grow:2}.split aside{min-width:0}.split aside ul{list-style:none;padding-inline-start:5px}.container{margin-inline:auto;width:min(var(--main-width-percent),var(--main-width-rem))}.container.content{padding:0 15px 0 15px;background:var(--clr-neutral-100)}section .container.content{animation:load-page 250ms ease-in}article{margin:20px 0 40px 0}article header h1{margin-bottom:30px}article figure{float:left}article.split figure{margin:0}table{width:100%}table td,table th{vertical-align:top}.detail .author-date-time{margin-top:30px}.author-date-time{font-size:.7rem}.post-navi{width:100%;font-size:.8rem;justify-content:space-between;margin-top:10px}.blank{height:50px;margin:0}.blank div{height:100%}a,a:visited{color:var(--clr-accent-light)}a:hover{color:var(--clr-accent-dark)}h1 a,h2 a,h3 a{text-decoration:none}img{max-width:100%;display:block}#logo img{max-width:60%;padding:30px 0 20px 0}#topBtn{display:none;position:fixed;bottom:20px;right:30px;z-index:99;font-size:18px;border:none;outline:0;background-color:var(--clr-accent-light);color:#fff;cursor:pointer;padding:15px;border-radius:15px}#topBtn:hover{background-color:var(--clr-accent-dark)}@media (min-width:60rem){body{font-weight:400;font-size:1.3125rem}.split{flex-direction:row}.split{flex-basis:100%}.split>*+*{margin-left:2em}aside{max-width:var(--max-sidebar-width);min-width:var(--min-sidebar-width)}#logo img{max-width:40%}.menu{margin:0;list-style-type:none;padding-inline-start:0;display:flex}.menu li{position:relative;line-height:100%;padding:0;transition-duration:250ms;transition-property:background-color;transition-timing-function:ease-in}.menu li:hover{background-color:var(--clr-accent-dark)}.menu li a,.menu li a:visited{color:var(--clr-neutral-100)}.menu a{display:block;text-decoration:none;padding:23px}.menu a .navibutton{font-size:.9rem;text-transform:uppercase}.active{background-color:var(--clr-accent-light)}ul.submenu{list-style-type:none;margin:0;padding-inline-start:0;opacity:0;height:1px;overflow:hidden;position:absolute;background-color:var(--clr-primary);left:0;top:65px;z-index:1;transform:translateY(100%);transition-duration:250ms;transition-property:height;transition-timing-function:ease-in}.submenu li{width:100%}.menu li:hover>.submenu{opacity:1;height:300px;transform:translateY(0)}}.pagination{display:none}.bg-nav{background-color:var(--clr-primary)}.menu,.submenu{list-style:none}.menu a{text-decoration:none}footer{background-color:var(--clr-primary)}footer div{background-color:var(--clr-neutral-200);padding:20px}#aboutme{margin-top:20px}.about{position:relative;overflow:hidden;display:flex}.about-overlay-text{display:block;position:absolute;opacity:0;transition-duration:350ms;transition-property:opacity;transition-timing-function:ease-in;top:0;left:0;padding:20px;background-color:var(--clr-accent-light);color:#fff;overflow:hidden;width:100%;height:100%;font-size:1rem}.about-overlay-text:hover{opacity:.8}hr{opacity:0}.about-overlay-text h3,.about-overlay-text h4,.about-overlay-text p{color:var(--clr-neutral-100);transition-duration:350ms;transition-property:transform;transition-timing-function:ease-in}.about-overlay-text:hover h3,.about-overlay-text:hover h4,.about-overlay-text:hover hr,.about-overlay-text:hover p{opacity:1;transform:translateY(0)}.about-overlay-text h3,.about-overlay-text h4{transform:translateY(-100px);opacity:0}.about-overlay-text p{transform:translateY(100px);opacity:0}.about-overlay-text h3,.about-overlay-text h4{margin:5px;text-align:center}.about-overlay-text p{text-align:justify;line-height:normal}.about-social{background-color:var(--clr-neutral-200)}.about-social ul{margin-top:0;padding:30px;list-style-type:none}.about-social ul li{display:inline;margin-right:20px;padding:10px;background-color:var(--clr-accent-light)}.about-social ul li:hover{background-color:var(--clr-accent-dark)}.about-social ul li a{color:var(--clr-neutral-100)}@keyframes load-page{0%{opacity:0;transform:translateY(-3px)}80%{opacity:.4}100%{opacity:1;transform:translateY(0)}}