*, *::before, *::after {box-sizing : border-box}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {margin : 0}

ul[role="list"], ol[role="list"] {list-style : none}

body, html {height : 100%;font-family : "Helvetica Neue", Helvetica, Arial, Sans-Serif;color : #EFEFEF}

body {text-rendering : optimizeSpeed;line-height : normal}

a:not([class]) {text-decoration-skip-ink : auto}

a:hover, a:visited, a:active, a {font-weight : bold;color : inherit;text-decoration : none}

img, picture {max-width : 100%;display : block}

input, button, textarea, select {font : inherit}

@media (prefers-reduced-motion : reduce) {
  *, *::before, *::after {animation-duration : 0.01ms !important;animation-iteration-count : 1 !important;transition-duration : 0.01ms !important;scroll-behavior : auto !important}
}

.notice {position : relative;background-color : #1e1b1a;padding : 6px 20px;cursor : pointer}

header {box-shadow : 0px 0px 15px 3px rgba(21, 18, 19, 0.34);border-bottom : 1px solid rgba(0, 0, 0, 0.2);display : flex;justify-content : center}

header .container {flex-basis : 1280px;display : flex;align-items : center;height : 44px}

header .container .title-nav, header .container .actions {padding-left : 10px;padding-right : 10px}

header .container .title-nav {display : flex;flex-grow : 1;font-weight : 100;letter-spacing : 5px;line-height : 32px}

header .container .logo {background-image : url("./images/icon_hammer_128.png");display : inline-block;width : 32px;height : 32px;background-size : contain;margin-right : 10px}

footer {display : flex;justify-content : center}

footer .container {height : 32px;padding : 0 10px 10px 10px;flex-basis : 1280px;display : flex;align-items : center;color : #535353 !important}

@media only screen and (max-width : 734px) {
  footer .container {font-size : 0.8em}
}

footer .container a {font-size : 0.8em;font-weight : 200}

footer .container .company {flex-grow : 1}

footer .container .legal-container {display : flex;align-items : center;font-weight : 100}