@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif}body{background-image:radial-gradient(circle,#1f1f1f,#232323,#262626,#2a2a2a,#2e2e2e);background-size:cover;background-repeat:no-repeat;color:#999;min-height:100vh;overflow-x:hidden}.global-wrapper{display:grid;margin:auto}.page-wrapper{margin-top:4rem;padding:0 .5rem}p{padding:.5rem 0;font-size:.9rem}p a{color:#3fa9f5}h1,h2,h3,h4{color:#dcdcdc}h1{font-size:1.5rem;padding:.5rem 0}button{display:flex;align-items:center;align-content:center;text-transform:uppercase;font-weight:400;color:#fff;background:#666;padding:.5rem 1rem;border:none;border-radius:.25rem}button.add,button.submit{border:1px solid hsla(0,0%,58%,.5);background:transparent;color:rgba(78,78,78,.75);width:max-content}button.remove{margin:.25rem 0;background:none;text-decoration:underline;padding:0;font-size:.8rem;color:#444}button.remove.light{color:#999}button.remove.blue{color:#3fa9f5}button.actions{background:#3fa9f5}button.actions svg{color:#fff;font-size:1rem}.navigation{display:flex;position:fixed;width:100%;justify-content:space-between;align-items:center;height:4rem;padding:0 1rem}.navigation svg{font-size:1.5rem;cursor:pointer}.navigation a{display:flex;align-items:center;text-decoration:none;color:#999;text-transform:uppercase;font-size:.8rem}.mobile-menu{position:absolute;background:#fff;transform:translateX(100%);height:100vh;right:0;width:75vw;transition:.3s ease-in-out}.mobile-menu.show{transform:translateX(0)}.mobile-menu ul{display:flex;flex-direction:column;row-gap:.25rem;margin-top:4rem;padding:0 1rem;list-style-type:none;text-decoration:none}.mobile-menu ul li{display:flex;align-items:center;align-content:center;padding:.5rem 1rem;border-radius:.25rem}.mobile-menu ul li a{display:flex;align-items:center;text-decoration:none;color:gray;text-transform:uppercase;letter-spacing:.125rem;font-size:.9rem}.mobile-menu ul li a svg{font-size:1.25rem;margin-right:.5rem;cursor:pointer}.counter-form-wrapper{display:grid;position:absolute;align-content:flex-start;z-index:2;height:100vh;width:100vw;background:#fff;align-items:flex-start;padding:0 1rem}.counter-form-wrapper .counter-form-header{display:flex;justify-content:space-between;align-items:center;height:4rem;text-transform:uppercase}.counter-form-wrapper .counter-form-header svg{font-size:1.25rem}.counter-form-wrapper .counters{display:flex;flex-direction:column;margin:.5rem 0}form{display:flex;margin:1rem 0;flex-direction:column;row-gap:.5rem}form div{display:grid}input{margin-top:.25rem;height:2rem;background:transparent;border:1px solid hsla(0,0%,58%,.5);padding:1rem;border-radius:.25rem}input,label{color:#959595}label{text-transform:uppercase;margin-top:.5rem;font-size:.8rem}.blue{color:#3fa9f5}.green{color:#99c24d}.orange{color:#f5c83f}.counter-wrapper{margin-top:1rem;flex-direction:column;row-gap:.5rem}.counter-header,.counter-wrapper{display:flex;justify-content:space-between}.counter-header{align-items:center;text-transform:uppercase}.counter-header svg{font-size:2rem}.count-wrapper{display:flex;justify-content:space-between;background:#000;padding:.5rem;align-items:center;border-radius:.25rem}.count-name{font-weight:700;text-transform:uppercase}.count-actions{display:flex;align-items:center}.count-value{display:flex;justify-content:center;width:75px;padding:0 1rem}.my-counters{display:grid;grid-row-gap:.5rem;row-gap:.5rem;width:100%}.my-counter{display:flex;justify-content:space-between;align-items:center;align-content:center;width:100%;background:#111;padding:.5rem;border-radius:.25rem}.my-counter a{color:#3fa9f5;font-size:.9rem;text-decoration:none}.info-wrapper{display:flex;width:100%;justify-content:center;justify-items:center;align-items:center;flex-direction:column;padding:1rem 0}.info-wrapper h1{text-align:center}.info-wrapper button{display:grid;justify-self:center;width:max-content}