body,html{padding:0;margin:0;font-family:Inter,sans-serif}:root{--main-radius:5px;--main-padding:5px 20px 5px 20px;--main-box-shadow:rgba(99,99,99,.2) 0px 2px 8px 0px}a{color:inherit;text-decoration:none}*{box-sizing:border-box}body{color:#000;background:#f9fafb}.table--container{background-color:#f9fafb;display:grid;grid-template-columns:.8fr 3fr;grid-template-rows:.8fr 6fr;grid-template-areas:"search-bar search-bar" " filter-bar window-container";grid-gap:1.5rem;margin-left:8vw;margin-right:8vw;margin-top:3vh}@media only screen and (max-width:545px){.table--container{height:200vh;grid-template-columns:1fr;grid-template-rows:.1fr .8fr 1fr;grid-template-areas:"search-bar" "filter-bar" "window-container";margin-right:3vw;margin-left:3vw}}#tableh1{grid-area:tableh1;display:flex;justify-content:center;align-items:flex-end;font-size:34px;font-weight:900;padding-top:20px}#window-container{grid-area:window-container;background-color:#fff;border-radius:var(--main-radius);padding:var(--main-padding);box-shadow:var(--main-box-shadow);width:100%}::-moz-placeholder{color:grey;opacity:1}:-ms-input-placeholder{color:grey;opacity:1}::placeholder{color:grey;opacity:1}.filterH3{margin-bottom:10px}#filter-bar{grid-area:filter-bar;background-color:#fff;border-radius:var(--main-radius);box-shadow:var(--main-box-shadow);flex-direction:column;align-items:center}#filter-bar,.view-button{padding:15px;display:flex}.view-button{border:none;border-radius:4px;background-color:#8b42c7;color:#fff;font-size:14px;font-weight:600;justify-content:center}.footer--container{background-color:#f7fafc;padding:30px 50px 50px;display:flex;justify-content:space-between}.navbar--front{width:600px}.navbar--back,.navbar--front{display:flex;align-items:center;justify-content:space-around}.navbar--back{width:300px}.navbar--button{border:none;border-radius:4px;background-color:#8b42c7;color:#fff;padding:13px;font-size:14px;font-weight:600}.index--intro-container{width:60%;text-align:center}.index--p{margin-top:40px;margin-bottom:20px;color:#a7b0be}.index--button{border:none;border-radius:25px;background-image:linear-gradient(90deg,#b98edd,#6f359f);color:#fff;padding:15px 30px;margin-bottom:20px;font-size:16px;font-weight:400}.index--h1{font-family:Inter;font-weight:600;font-size:55px}.index--image-container{box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3);border-radius:15px;margin-bottom:40px;margin-top:10px;padding:0}.index--image{border-radius:15px;margin-left:-10px}.background{background-color:#f9fafb}.container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:.2fr .2fr .6fr .2fr 1.5fr;grid-template-areas:"title title title" "course-info course-info course-info " "recap description detail" "requirement requirement requirement" "chart1 chart2 chart3";grid-gap:1rem;margin-left:6vw;margin-right:6vw}.course-icon{border:none;border-radius:25px;background-color:#feebc8;color:#a0785d;padding:8px 15px;font-size:16px;font-family:Helvetica,serif;font-weight:500}#title{grid-area:title;display:flex;justify-content:center}#course-info{grid-area:course-info;display:flex;justify-content:space-between;align-items:center}#course-info,#recap{background-color:#fff;border-radius:var(--main-radius);padding:var(--main-padding);box-shadow:var(--main-box-shadow)}#recap{grid-area:recap}#description{grid-area:description}#description,#detail{background-color:#fff;border-radius:var(--main-radius);padding:var(--main-padding);box-shadow:var(--main-box-shadow)}#detail{grid-area:detail}#requirement{background-color:#fff;grid-area:requirement;border-radius:var(--main-radius);padding:var(--main-padding);box-shadow:var(--main-box-shadow)}#chart1{grid-area:chart1}#chart1,#chart2{background-color:#3cb371;border-radius:var(--main-radius);padding:var(--main-padding);box-shadow:var(--main-box-shadow)}#chart2{grid-area:chart2}#chart3{background-color:#3cb371;grid-area:chart3;border-radius:var(--main-radius);padding:var(--main-padding);box-shadow:var(--main-box-shadow)}@media only screen and (max-width:890px){.container{grid-template-columns:1fr;grid-template-rows:.2fr .2fr 1fr 1fr 1fr .2fr 2fr 2fr 2fr;grid-template-areas:"title" "course-info" "recap" "description" "detail" "requirement" "chart1" "chart2" "chart3";margin-right:1vw;margin-left:1vw}}