*{box-sizing:border-box;margin:0;padding:0;font-family:"Helvetica",sans-serif}.navbar{background:snow;height:64px;justify-content:center;align-items:center;font-size:1.2em;position:-webkit-sticky;position:sticky;top:0;left:0;z-index:100;width:auto;transition:all .6s ease}.navbar.scroll{background:#fff;box-shadow:0 0 16px rgba(0,0,0,.5)}.navbar-container{display:flex;justify-content:space-between;height:64px;width:640px;margin:auto}.navbar-logo{color:#333;cursor:pointer;text-decoration:none;font-size:1em;display:flex;align-items:center;transition:all .2s ease-in-out}.navbar-logo:hover{color:#000;transform:scale(1.1)}.nav-menu{display:flex;align-items:center;justify-content:center;list-style:none;text-align:center;justify-content:flex-end}.nav-item{margin:32px 0}.nav-links{color:#666;display:flex;align-items:center;text-decoration:none;padding:.5rem 1rem;height:100%;transition:all .2s ease-in-out}.nav-links:hover{color:#000;transform:scale(1.1)}.menu-icon{display:none}.external-link-icon{font-size:.75rem;position:relative;left:4px}@media screen and (max-width:720px){.navbar-logo{z-index:100}.nav-menu{display:flex;flex-direction:column;justify-content:center;width:100%;height:100vh;position:absolute;left:-100%;transition:all .5s ease;z-index:90}.nav-menu.active{background:#fff;left:0;transition:all .6s ease;z-index:90}.navbar-container{width:auto;justify-content:center}.nav-links{text-align:center;width:100%;display:flex}.menu-icon{z-index:100;display:block;position:absolute;top:16px;right:16px;font-size:1.85rem;cursor:pointer;color:#333;transition:all .2s ease-in-out}.menu-icon:hover{color:#000;transform:scale(1.1)}}.footer{background-color:#fff;box-shadow:0 0 16px rgba(0,0,0,.5);position:relative;z-index:98;margin:auto;height:100%}.footer-container{width:640px;margin:auto;display:flex;justify-content:center}.social{padding:32px;width:200px}.social h1{color:#444;font-size:1.5em;font-weight:300;padding:16px 0}.social ul{color:#666;list-style:none;padding-bottom:32px}.social li{padding-bottom:4px}.social li a:hover{color:#000}.social li a{transition:all .2s ease-in-out;color:#666;text-decoration:none}.about{padding:32px;width:200px}.about h1{color:#444;font-weight:300;font-size:1.5em;padding:16px 0}.about p{color:#666}@media screen and (max-width:720px){.footer-container{max-width:100%;width:100%}}.post{background-color:snow;align-items:center}.post-container{width:640px;align-self:center;margin:auto}.post h1{padding-bottom:16px;color:#333;font-size:1.6em}.post p{padding:8px 0;line-height:1.6;font-size:1.1em}.post p,.post p a{color:#444}.post p a:hover{color:#00f}@media screen and (max-width:720px){.post-container{max-width:100%;width:100%;padding:0 16px}}.page{background-color:snow;display:flex;align-items:center;overflow-x:auto}.page,.page-container{justify-content:center}.page-container{padding:64px;overflow:visible}.page-preview{box-shadow:0 0 8px rgba(0,0,0,.5)}@media screen and (max-width:840px){.page{display:block}.page-container{display:inline-block}}.spacer{background-color:snow}
/*# sourceMappingURL=main.287cc34e.chunk.css.map */