.header{z-index:999;width:100%;height:var(--header-height);background-color:var(--second-color);padding:1rem;position:fixed;bottom:0;left:0}.header>.container{justify-content:space-between;align-items:center;display:flex}.menu-btn{outline:thin solid var(--first-color);cursor:pointer;background-color:var(--second-color);border:0;border-radius:10px}.menu-btn svg{fill:var(--first-color)}.menu{left:0;bottom:var(--header-height);background-color:var(--second-color);opacity:0;pointer-events:none;flex-direction:column;width:100%;transition:opacity .5s;display:flex;position:fixed}.menu.is-active{opacity:1;pointer-events:auto}.menu a{text-align:center;color:var(--first-color);padding:1rem;font-size:1.5rem;font-weight:700;text-decoration:none}.menu a:hover{color:var(--white-color);background-color:var(--first-color)}@media screen and (min-width:1024px){.header{height:calc(var(--header-height) - .5rem);padding:.5rem;position:sticky;top:0}.menu-btn{display:none}.menu{opacity:1;pointer-events:auto;flex-direction:row;width:auto;position:static}.menu a{padding:0 .5rem;font-size:1.2rem}.menu a:hover{background-color:#0000}}
.footer{margin-bottom:var(--header-height);text-align:center;color:var(--black-color);background-color:var(--gray-dark-color);padding:.5rem;font-style:italic}.link{color:#533070;font-family:sans-serif;font-weight:600}@media screen and (min-width:1024px){.footer{margin-bottom:0}}