:root{--main-color: rgb(4, 143, 80);--main-color-op05: rgba(4, 143, 80, .5);--main-color-op02: rgba(4, 143, 80, .2);--main-color-op07: rgba(4, 143, 80, .75);--highlight-main-color: rgb(8, 175, 100);--bg-color: #fff;--bg-color-op5: rgba(255, 255, 255, .5);--bg-secundary-color: #e4e4e4;--text-color: #000000;--text-color2: #ffffff;--table-even-color: rgba(207, 205, 205);--border-table: 1px solid rgba(169, 169, 169, .411);--mobile-menu-h: 3rem}body.dark{--bg-color: rgb(30, 30, 30);--bg-color-op5: rgb(30, 30, 30, .5);--bg-secundary-color: rgb(50, 50, 50);--table-even-color: rgba(80, 80, 80);--text-color: #ffffff}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{display:flex;flex-direction:column;width:100%;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);font-family:Lato,sans-serif;font-size:1rem}main,main section{width:100%}main section{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg-secundary-color);box-shadow:0 0 8px 2px var(--bg-secundary-color);border-radius:8px;gap:20px;padding:20px}h1,h2,h3{font-family:Montserrat,sans-serif}button,a{cursor:pointer;border:none;background-color:var(--main-color);color:var(--text-color2);border-radius:4px;box-shadow:0 0 8px 0 transparent;transition:filter .3s ease,box-shadow .3s ease}button:hover,a:hover{filter:brightness(130%);box-shadow:0 0 8px 0 var(--main-color)}