:root{--white:#fff;--black:#000;--deep-grey:#141616;--teal:#72d3c6;--semi-transparent:rgba(235,244,245,.5);--buttongreen:#86a989;--header-size:24pt;--body-size:16pt;--header-weight:500;--body-weight:300;--sub-heading:18pt;--sub-heading-weight:500;--font-family:"Montserrat-VariableFont_wght",sans-serif}*{margin:0;font-family:var(--font-family)}i{color:var(--white)}a{text-decoration:none}body,html{background-color:var(--deep-grey);height:100%;margin:0;background-repeat:no-repeat;background-attachment:fixed}main{padding-top:8em}h1{font-family:var(--serif);font-size:var(--header-size);font-weight:var(--header-weight);color:var(--teal)}h2{font-size:var(--sub-heading);font-weight:var(--sub-heading-weight);color:var(--white);color:var(--teal)}h2,p{font-family:var(--primary-font)}p{font-weight:var(--body-weight);color:var(--white)}button,p{font-size:var(--body-size)}button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fcfcfd;border-radius:4px;border-width:0;box-shadow:0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7;box-sizing:border-box;color:#36395a;cursor:pointer;display:inline-flex;height:48px;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:16px;padding-right:16px;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform}button:focus{box-shadow:inset 0 0 0 1.5px #d6d6e7,0 2px 4px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7}button::active{background-color:var(--teal);transition:.2s}button:hover{box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7;transform:translateY(-2px);background-color:var(--buttongreen);transition:.2s;cursor:pointer}button:hover p{color:var(--white)}button:after{box-shadow:0 4px 8px rgba(45,35,66,.4),0 7px 13px -3px rgba(45,35,66,.3),inset 0 -3px 0 #d6d6e7;transform:translateY(-2px);background-color:var(--teal);transition:.2s;cursor:pointer}button p{color:var(--black)}nav::-webkit-scrollbar{display:none}.btn{font-family:var(--primary-font);font-size:var(--body-size);font-weight:var(--body-weight);background-color:var(--black);transition:.5s}.btn p{color:var(--white)}.btn:hover{font-family:var(--primary-font);font-size:var(--body-size);font-weight:var(--body-weight);color:#fff}.btn-disabled,.btn-disabled:hover{background-color:#d3d3d3;font-family:var(--primary-font);font-size:var(--body-size);font-weight:var(--body-weight)}.btn-disabled:hover{transform:translateY(0);box-shadow:none}.btn-disabled:hover p{color:var(--black)}.li-hover:hover{background-color:#d8d8d8;column-count:#fff;cursor:pointer}.li-hover{color:var(--black);border:1px solid #d3d3d3}.li-hover,.li-selected{list-style-type:none;cursor:pointer;margin:9px 0;padding:16px 8px;border-radius:5px}.li-selected{color:#fff;background-color:var(--deep-grey);border:1px solid #d3d3d3;transition:.2s}.quiz-container{max-width:350px;width:100%;margin:auto;padding:1rem}.quiz-container1{display:flex;flex-direction:column;background-color:var(--white);padding:1rem;margin-top:2rem;border-radius:4px;gap:.3em}.quiz-container p{padding:8px 0}