.celular{display:none}.pc{will-change:opacity;transition:opacity .3s;display:inline-block}header{z-index:1000;background-color:rgba(221,221,221,.8);justify-content:space-between;align-items:center;width:80vw;height:20px;padding:20px 0;font-size:16px;display:flex;position:fixed;top:0;left:10vw}nav{flex-grow:1;align-items:center;width:100%;display:flex}nav ul{justify-content:space-around;align-items:center;gap:20px;width:90%;margin:0;padding:0;list-style:none;display:flex}nav li a{padding:5px}nav li a:hover{font-weight:700}nav button{cursor:pointer;will-change:background-color,border-color;background-color:transparent;flex-grow:0;width:30px;height:30px;margin:auto}nav .btn-theme-switch{background-color:#223;border-style:solid;border-color:#ccc;border-radius:50%;transition:background-color 1s ease-in-out,border-color 1s ease-in-out}nav button img{width:100%;height:100%}.dark .fa-brands,.dark .fa-solid{color:#fff}.dark nav .btn-theme-switch{background-color:#ccc;border-color:#223}@media screen and (max-width:800px){nav ul{will-change:max-height,gap;gap:0;max-height:205px;transition:max-height .75s,gap .5s}nav ul.expand{gap:20px;max-height:100vh}.pc{visibility:hidden;opacity:0;will-change:visibility,opacity,max-height;max-height:0;transition:visibility .5s,opacity .5s,max-height .75s}.celular{display:inline-block}.pc.visible{opacity:1;visibility:visible;max-height:10vh;display:inline-block}header{width:100%;height:auto;font-size:max(16px,min(4vh,35px));left:0}nav ul{flex-direction:column}nav button{margin-top:0}}
footer{text-align:center;border-top:1px solid gray;padding:50px 10px}footer a:hover{font-weight:700}