:root{--color400: #fff;--color500: #e0e0e0;--color600: #c1c1c1;--color800: #707070;--bg10: #000;--bg100: #1f1f1f;--bg300: #282828;--accent300: rgb(251, 199, 29);--accent400: rgb(255, 169, 9);--accent500: rgb(237, 126, 8)}*{box-sizing:border-box;font-family:Open Sans,sans-serif}body{font-family:Open Sans,sans-serif;padding:0 .5rem;min-height:100vh;background-color:var(--bg100);color:var(--color400)}input[type=number],select{background-color:var(--color400);height:2rem;border-radius:2px;border:none;color:var(--bg10);width:5rem}select:disabled{background-color:var(--bg100);color:var(--color800)}nav{margin-bottom:2rem}nav .btn_menu{position:absolute;top:0;left:0;width:100%;background-color:var(--accent500);border:none;color:var(--color400);z-index:3;padding:.2rem .5rem;font-size:1rem;transition:all .1s ease-in}nav aside{opacity:0;transform:translateY(-100%);pointer-events:none;position:absolute;top:0;left:0;width:100vw;padding:2rem 1rem;z-index:2;display:flex;justify-content:space-around;flex-direction:column;background-color:var(--color400);transition:transform .2s ease-in-out,opacity .3s ease-in}nav aside a{--delay: .3s;opacity:0;background-color:var(--bg10);margin:.2rem 0;padding:.2rem .5rem;color:var(--color500);text-decoration:none;border-radius:5px;transition:opacity .3s ease-in-out var(--delay)}nav.active .btn_menu{background-color:var(--accent400);border-radius:0 0 5px 5px}nav.active aside a{opacity:1}nav.active aside{opacity:1;pointer-events:all;transform:translateY(0)}