:root{--main-color:#232c2a;--secondery-color:#f3eed8;--accent-color:hsl(146,50%,30%);--accent-color-dark:hsl(146,50%,20%);--accent-color-light:hsl(146,50%,75%);--font-size-normal:1.1rem;--font-size-small:1rem;--class-color-1:hsl(167,29.14%,53.31%,50%);--class3-color-2:hsl(257,29.14%,53.31%,50%);--class3-color-3:hsl(77,29.14%,53.31%,50%);--class3-color-4:hsl(347,29.14%,53.31%,50%);--class5-color-2:hsl(227,29.14%,53.31%,50%);--class5-color-3:hsl(287,29.14%,53.31%,50%);--class5-color-4:hsl(347,29.14%,53.31%,50%);--class5-color-5:hsl(47,29.14%,53.31%,50%);--class5-color-6:hsl(107,29.14%,53.31%,50%)}*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}body{font-size:var(--font-size-normal);color:var(--main-color);font-family:system-ui,Arial,Helvetica,sans-serif;hanging-punctuation:first last}a{color:var(--accent-color-dark)}.dark a{color:var(--accent-color-light)}.container{padding:4em;transition:padding .25s ease-in}.columns{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:2em}.columns-grid{display:grid;gap:4em;grid-template-columns:1fr 1fr}.columns li,.columns p,.columns-grid li,.columns-grid p{max-width:75ch}.hidden{display:none}.dark{background-color:var(--main-color);color:var(--secondery-color)}h1{font-variant:small-caps}ul{list-style-type:none;padding-left:0}.heatmap{max-width:40em}table{border-collapse:collapse}caption{text-align:left;font-size:.875em;font-weight:bold;margin-left:1ch}td,th{text-wrap:wrap;text-align:center;padding:.5em 1em;font-size:.6875em}select{outline:1px solid gray;width:100%;padding:1em 2em;margin-block:.5em;border:none;border-radius:2px;background-color:#f1f1f1}select:focus-visible{outline:2px solid blue}.table-container{max-width:100%;overflow-x:auto;margin-block:1em}.description{margin-block:1em;font-size:.875em}.visually-hidden{position:absolute;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.center{display:flex;justify-content:center}.grid-span-2{grid-column:span 2}.textbox{max-width:90ch;text-align:justify;margin:auto}ol ol{list-style-type:lower-alpha}.input-area{background-color:var(--secondery-color)}input,button{padding:1em 2em;margin-block:.5em;width:100%;display:inline-block}button{cursor:pointer}.warning{color:rgb(105,0,0);display:none}.options-list{columns:14ch auto;padding-top:.5em}.options-list li{padding:.5em;width:fit-content;margin-bottom:.5em;cursor:pointer;font-size:.9rem}details{margin-top:1em;border:1px solid #aaa;border-radius:4px;padding:.5em .5em 0;background-color:white}summary{font-weight:bold;margin:-.5em -.5em 0;padding:.5em;cursor:pointer}.title-container{display:flex;flex-direction:row;gap:1em;align-items:center;flex-wrap:wrap}.title-container img{height:5.5em;width:auto;aspect-ratio:auto;transition:height .25s ease-in}.logo-left,.logo-right{flex-shrink:0}.middle-div{flex-grow:1}.shadow{box-shadow:0 0 5px 5px rgba(0,0,0,.1)}.protein-selector{background-color:white}footer.container{display:flex;justify-content:center;padding-block:2em;background-color:var(--accent-color-dark);color:white;margin-block:3em}footer a{color:var(--secondery-color)}footer p{text-align:justify;text-wrap:pretty}@media only screen and (max-width:1350px){.logo-left{order:1;flex-grow:1}.middle-div{order:3;width:100%}.logo-right{order:2}}@media only screen and (max-width:50em){body{font-size:var(--font-size-small)}.container{padding-inline:.5em;transition:padding-inline .25s ease-in}.title-container{flex-wrap:wrap}.title-container img{height:3.8em;transition:height .25s ease-in}select{padding-inline:.5em}}