#root{max-width:1280px;margin:auto}*{margin:0;box-sizing:border-box;line-height:1.5}section h1,article h1,nav h1{font-size:2rem}section h2,article h2,nav h2{font-size:1.5rem}.color-gray{color:#565a5c}.color-brown{color:brown}.font-formal{font-family:Lisu Bosa,Times,serif}p,li,a{font-size:22px}a{text-decoration:none}div.main-content{background-color:#ededed;margin:1rem 0;padding:1rem 2.5em}button{padding:10px 15px;font-size:22px;border-radius:8px;border:none;outline:none;cursor:pointer;font-family:Sofia Pro,Arial,sans-serif}button a{color:#fff}button.blue-btn{background-color:#266;color:#fff}button.blue-btn:hover{background-color:#033}button.red-btn{background-color:#b03434;color:#fff}button.red-btn:hover{background-color:#762929}.error-box{font-size:22px;border:1px solid #B03434;color:#fff;background-color:#eb9b9b;padding:10px 15px}.success-box{font-size:22px;color:#fff;border:1px solid #006000;background-color:#7cbc7c;padding:10px 15px}a{color:#000}@media screen and (max-width: 768px){#root{padding:0}}header.topbar{background-color:brown;font-family:Sofia Pro,Arial,sans-serif;color:#fff;min-height:200px;display:grid;grid-template-columns:20% 80%;column-gap:0;align-items:center}header.topbar span{font-size:72px;text-align:center}@media screen and (max-width: 768px){header.topbar{display:block}header.topbar span{display:block}header.topbar>div{text-align:center;display:inline}header.topbar h1{font-size:24px}}@media screen and (max-width: 567px){header.topbar{padding-bottom:5px}}nav{width:100%;font-family:Sofia Pro,Arial,sans-serif;background-color:#e0e0e0}nav a{color:#000}nav li:hover a{color:#fff;text-decoration:underline}nav ul{list-style:none;display:flex;flex-direction:row;height:50px;width:100%;padding:0;margin:0}nav li{flex:1;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}nav li:hover{background-color:#aa6c39}nav li:last-child{border-right:none}@media screen and (max-width: 768px){nav ul{flex-direction:column;height:auto}nav li{padding:1.25rem 0}}.form-container{display:flex;align-items:center;flex-direction:column;width:min(500px,100%);font-size:22px;font-family:Lisu Bosa,Tiems,serif}div.form-tab-slide{width:75%;margin:1rem 0}.form-container ul{list-style:none;display:flex;flex-direction:row;padding:0}.form-container li{flex:1;display:inline-block;padding:0;text-align:center}.form-container li{background-color:#5d8d8d;color:#fff;padding:5px 15px;cursor:pointer}.form-container li:hover{background-color:#0d5a5a}.form-container li.selected-choice{background-color:#004848}.form-container label{margin:1rem 0}.form-container input[type=text],.form-container input[type=password],.form-container input[type=email],.form-container select,.form-container input[type=number]{border:1px solid #b9b9b9;background-color:#fff;width:75%;padding:15px 25px;font-size:22px}.form-container button{margin:30px 0}@media screen and (max-width: 768px){.form-container ul{flex-direction:column}.form-container h1{text-align:center}}.inline-input{font-size:22px;font-family:Lisu Bosa,Times,serif;font-weight:700;border:none;border-bottom:1px solid #000;background-color:#e1e1e1}.delete-box{height:108px;background-color:brown;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column}.delete-box button{border-radius:none;margin:0 1rem;width:100px;padding:5px 10px}.member-item{display:grid;grid-template-columns:10% 80% 10%;background-color:#fff;margin:1rem 0}.member-item-buttons{height:100%;display:flex;flex-direction:column}.member-item div:not(.member-item-buttons){display:flex;flex-direction:column;justify-content:center}.member-item-buttons button{border-radius:0;height:50%;margin:0}@media screen and (max-width: 768px){.member-item-user-logo{display:none}.member-item h2:before{content:"👤"}.member-item{padding:1rem;grid-template-columns:100%}.member-item-buttons{flex-direction:row}.member-item-buttons button{height:100%;width:100%}.delete-box{padding:1rem;height:auto}}.context-menu{font-family:Lisu Bosa,Times,serif;display:grid;grid-template-columns:35% 65%;margin-top:2rem}.input-with-side{border:1px solid #b9b9b9;background-color:#fff;padding:9px 25px;font-size:22px;outline:none;width:80%}.side-with-input{border-top-left-radius:0;border-bottom-left-radius:0;font-size:22px}div.context-menu p,div.context-menu label{font-size:22px}div.image-holder{width:100%;margin:20px 0}img.image-holder-img{width:100%;border-radius:20px}.course-card-holder{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:1rem 0}.holder-xl{grid-template-columns:repeat(3,1fr)}.side-bar{display:flex;flex-direction:column}.side-bar ul{list-style:none}.side-bar h1{padding-left:40px}.side-bar-item{width:75%;color:#000;padding:15px 10px;cursor:pointer;border-top:1px solid gray;font-family:Sofia Pro,Arial,sans-serif}.side-bar-item:last-child{border-bottom:1px solid gray}.side-bar-item:hover{background-color:#b06c34;color:#fff;text-decoration:underline;border:none}div.course-card{background-color:#fff;width:100%;border-radius:10px;cursor:pointer}div.course-card img,.common-image{width:100%;height:150px;object-fit:cover;border-top-left-radius:10px;border-top-right-radius:10px}div.course-card>div{padding:5px 10px}@media screen and (max-width: 768px){.context-menu{display:block}.context-menu .form-container{justify-content:center;margin:auto}.input-with-side{width:100%}.side-with-input{border-top-right-radius:0;margin:1rem 0;border-bottom-right-radius:0}.course-card-holder{grid-template-columns:1fr;row-gap:30px}.holder-xl{grid-template-columns:1fr}.resize-row{flex-direction:column!important}.side-bar h1{text-align:center;padding:0}}.section-selector-holder h2{color:brown}.section-selector-item{background-color:#fff;margin-bottom:1rem;padding:.25rem;width:80%}.section-selector-item h3:hover{color:#12274b;text-decoration:underline;cursor:pointer}.courses-holder{display:grid;grid-template-columns:25% 25% 25% 25%}.announcement-box{margin:2rem 0}.announcement-box h2{font-size:"22px";color:#3d7e7e}.section-item{display:grid;grid-template-columns:20% 60% 10%;background-color:#fff;margin:1rem 0}