:root{--header-h: 12em;--gap: 1em;--padding: 1em;--nav-w: 12em}*{box-sizing:border-box}body{margin:0;background-size:cover;background-color:#cbffc9;color:#1d3131;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}header{position:fixed;top:0;left:0;right:0;z-index:10;height:var(--header-h);border-bottom:1px solid #000000;padding:var(--padding);gap:var(--gap);display:grid;grid-template-columns:var(--nav-w) 2fr 1fr}.logo{height:calc(var(--header-h) - 2 * var(--padding));width:auto;display:flex;justify-content:center;align-items:center;will-change:filter;transition:filter .3s;border:1px solid #000000}.logo img{height:100%}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.header-left,.header-right{height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:center;border:1px solid #000000}.container-center{display:flex;flex-direction:column;justify-content:center;text-align:center;height:100%;width:100%;border:1px solid #000000}.container-col{display:flex;flex-direction:column;justify-content:flex-start;text-align:center;gap:var(--gap);border:1px solid #000000}.container-row{display:flex;flex-direction:row;justify-content:center;text-align:center;gap:var(--gap);border:1px solid #000000}.header-banner{height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;text-align:center;border:1px solid #000000}.page{margin-top:var(--header-h);height:calc(100vh - var(--header-h));padding:var(--padding);gap:var(--gap);display:grid;grid-template-columns:var(--nav-w) 1fr}main,nav{overflow:auto;border-radius:10px;border:1px solid #000000;padding:var(--padding);gap:var(--gap);min-height:0;background:#fff}footer{border-top:1px solid #000000;padding:var(--padding);gap:var(--gap);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;background-color:#fff}h1,h2,h3,h4,h5,h6{color:#023602}button{background-color:green;color:#fff;font-size:1em;border-radius:5px;padding:10px 20px;box-shadow:3px 3px #6e6c6c;border:none;cursor:pointer}button:hover{border:none;background-color:#33469e}button:active{border:none;transform:translate(3px,3px);box-shadow:0 0 #000}table{width:100%;border-collapse:collapse}th,td{border:1px solid black;text-align:center;padding:8px}