: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);display:grid;grid-template-columns:1fr min(45rem,90%) 1fr;margin:0;font-family:burmese}body>*{grid-column:2}p{font-weight:700;font-size:small;margin-left:10px}summary{font-weight:700;font-size:14px;margin-left:10px}button{font-size:10px;padding:7px;width:70px;font-weight:700;background-color:#000;color:#efefef;border-radius:7px;border:3px solid black}button:hover{background-color:#250f4d}a{color:#faebd7;font-size:small}li{font-size:small}.mb{padding:5px 20px;border:10px solid black;background-color:var(--bg2);border-radius:9px;margin-top:10px}.mb>p{font-weight:400;font-size:16px}.mb>span{font-size:small;font-weight:700}.mb>p{font-size:small;font-weight:700}.group{display:flex;flex-direction:row;padding:20px;font-size:small;font-weight:700;gap:5px}.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{margin-top:30px;display:flex;flex-direction:row}.c-card{width:20%;height:16%;background-color:var(--bg);border:1px solid var(--text);color:var(--text)}.c-card>p{font-size:x-small}.footer{display:flex;flex-direction:row;padding:20px}.footer>p,a{font-size:small;font-weight:lighter;font-family:monospace;font-style:italic;margin-right:10px}@media screen and (max-width: 630px){.group,.footer{flex-direction:column}}