:root{--header_height:80px;--body_color:#1f262e;--body_color_alt:#fefefe;--bg_color:#ffffff;--gray:#1f262e;--boxed:1200px;--content:900px;--pad1:12px;--pad2:24px;--font:"Roboto",sans-serif}body{margin:0;padding:0;font-family:var(--font);font-size:16px;color:var(--body_color);background:var(--bg_color)}a{color:var(--body_color)}a:visited{color:var(--body_color)}.container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.container img{max-width:330px;width:100%;height:auto}header{position:fixed;top:0;width:100%;height:var(--header_height);background:var(--bg_color);z-index:1}.navbar{position:relative;max-width:var(--boxed);margin:auto;padding:0 var(--pad2);display:flex;align-items:center;justify-content:space-between;height:100%}.menu-desktop ul{margin:0;padding:0;list-style-type:none}.menu-desktop ul li{display:inline-block;margin-right:var(--pad1)}.menu-desktop ul li a{text-decoration:none}.footer{position:fixed;bottom:18px;color:var(--gray)}.menu-icon{width:44px;height:44px;margin:auto;position:relative;cursor:pointer;z-index:2}.menu-icon span{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:block;border-radius:4px;width:22px;height:3px;background-color:var(--body_color)}.menu-icon span:after,.menu-icon span:before{content:"";background-color:var(--body_color);width:22px;height:3px;border-radius:4px;position:absolute;top:0;left:0;transform:translateY(-6px);transition:transform .5s}.menu-icon span:after{transform:translateY(6px)}.menu-icon-cross{transition:transform .5s}.menu-icon-cross span::after,.menu-icon-cross span::before{transform-origin:50% 50%}.menu-icon-cross span{transition:background .5s,transform .5s}.menu-icon-cross.isOpen{transform:rotate(180deg)}.menu-icon-cross.isOpen span{background:rgba(0,0,0,0)}.menu-icon-cross.isOpen span:before{transform:translateY(0) rotate(45deg)}.menu-icon-cross.isOpen span:after{transform:translateY(0) rotate(-45deg)}.menu-panel{position:fixed;background:var(--bg_color);color:var(--body_color);width:100%;height:100vh;transform:scale(0);transition:all .2s ease;opacity:0;z-index:-1}.menu-panel.open{transform:scale(1);opacity:1;transition:all .2s ease;overflow:auto;z-index:1;display:flex;align-items:center;justify-content:center}.menu-container{margin:0 auto;padding:0;max-width:var(--boxed);padding:0;height:100vh;display:flex;z-index:-1}.menu-container ul{list-style-type:none;padding:0;margin:auto;text-align:center}.menu-container ul li{font-size:24px;letter-spacing:1px;padding:var(--pad1) 0;font-weight:900}.menu-container ul li a{text-decoration:none}@media screen and (max-width:600px){.menu-container ul li{padding:var(--pad1) 0;font-size:24px}.menu-desktop ul{display:none}}.menu-panel::-webkit-scrollbar{width:0!important;display:none}.page_container{max-width:var(--content);margin:var(--pad2) auto;padding:var(--pad2);padding-top:var(--header_height);position:relative;min-height:60vh}.page_container h1,.page_container h2{font-size:32px}.page_container img{max-width:100%;height:auto}small{font-size:16px}p{margin:var(--pad2) 0}.page_footer{position:relative;bottom:0;min-height:200px;color:#fff;display:flex;background:var(--body_color);align-items:center;justify-content:center}.footer_menu ul{list-style-type:none;text-align:center;margin:var(--pad2) 0;padding:0}.footer_menu ul li{display:inline-block;margin-right:var(--pad1)}.footer_menu ul li:last-child{margin-right:0}.footer_menu ul li a{color:var(--body_color_alt);text-decoration:none}.footer_menu.home ul li a{color:var(--body_color);text-decoration:none}.footer_content{text-align:center}