:root,::backdrop{--bg:#3f2602;--bg2:#8b0d0d;--nav-text:#673ab8;--nav-hover:#b98d25;--text:#f1ede9;--text-light:#e4e7ed}body{color:var(--text);background-color:var(--bg);grid-template-columns:1fr min(45rem,90%) 1fr;margin:0;font-family:burmese;display:grid}body>*{grid-column:2}p{margin-left:10px;font-size:small;font-weight:700}summary{margin-left:10px;font-size:14px;font-weight:700}button{color:#efefef;background-color:#000;border:3px solid #000;border-radius:7px;width:70px;padding:7px;font-size:10px;font-weight:700}button:hover{background-color:#250f4d}a{color:#faebd7;font-size:small}li{font-size:small}.mb{background-color:var(--bg2);border:10px solid #000;border-radius:9px;margin-top:10px;padding:5px 20px}.mb>p{font-size:16px;font-weight:400}.mb>span,.mb>p{font-size:small;font-weight:700}.group{flex-direction:row;gap:5px;padding:20px;font-size:small;font-weight:700;display:flex}.group>select{width:100px;height:25px}.group>input{width:100px;height:20px}.pp{font-size:xx-small;font-weight:lighter}.mbtop{text-align:center;font-size:small;font-weight:700}.c-container{flex-direction:row;margin-top:30px;display:flex}.c-card{background-color:var(--bg);border:1px solid var(--text);width:20%;height:16%;color:var(--text)}.c-card>p{font-size:x-small}.footer{flex-direction:row;padding:20px;display:flex}.footer>p,a{margin-right:10px;font-family:monospace;font-size:small;font-style:italic;font-weight:lighter}@media screen and (width<=630px){.group,.footer{flex-direction:column}}