.side-bar{width:100%;min-height:80vh;height:100%;border-width:2px;vertical-align:middle;color:#fff;background-color:#343b61;padding-top:30px;margin-left:0;box-shadow:2px 2px 10px #343b61;min-width:auto}.side-bar-option{cursor:pointer;height:50px;padding-left:15%;transition:all .3s ease;padding-top:10px;font-weight:bolder}.side-bar-option.active{padding-left:25%;background-color:#fff;color:#000;border-radius:0 30px 30px 0;margin-right:5%}.profile-content{padding-top:30px;width:100%}@media (min-width:992px){.side-bar{width:15vw;padding-top:100px;min-width:244px}.side-bar-option.active{padding-left:40%}.profile-content{padding-top:100px}}@media (max-width:767px){.side-bar{min-height:auto;padding-bottom:20px}.side-bar-option{text-align:center;padding-left:0}.side-bar-option.active{padding-left:0;border-radius:30px;margin:0 10%}}.login-button{background-color:#ff6f3c;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border-radius:25px}.card-button,.signup-button{background-color:#337ed4;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border-radius:25px}.card-button:hover{background-color:#2661a5}.manual-button{background-color:#337ed4;color:#fff;padding:1rem;border-radius:10px;cursor:pointer}.toggle{color:#fff;height:50px;font-weight:bolder;font-size:25px;padding:5px;width:60px;border-radius:10px 10px 0 0}.toggle-active{background:#337ed4}.toggle-not-active{background:#d3d3d3}.edit-button{background-color:#6177f0;width:50px;height:50px;color:#fff;border-radius:25px;border-color:#6177f0;border-style:none}.edit-button:hover{background-color:#5465c2}.edit-button.not-edit{background-color:#d3d3d3;width:50px;height:50px;color:#fff;border-radius:25px;border-color:#d3d3d3;border-style:none}.manual-buttons-container{position:fixed;right:50px}.card-head{background-color:#0093e9;background-image:linear-gradient(160deg,#0093e9,#80d0c7);height:20%;color:#fff;font-size:xx-large;font-weight:700}.card-body{border-radius:0 0 20px 20px;background-color:#fff;height:80%;color:gray;font-size:large}.subtext{font-size:small;text-align:center}.card-price{font-size:xx-large;font-weight:600}.drag-choice{border-radius:10px;border:1px solid #fff;background-color:#fff;font-weight:bolder;color:#000;cursor:pointer}.drag-selection{border-color:#6177f0;background-color:#6177f0;color:#fff}.dashboard-card{margin-top:7rem;width:80%;border-radius:10px;position:relative}@media only screen and (max-width:1024px){.dashboard-card{width:90%}}@media only screen and (max-width:768px){.dashboard-card{width:95%}}.dashboard-img{opacity:.5;position:absolute;left:0;width:100%;height:100%;border-radius:10px}.map-card{transition:all .5s ease;cursor:pointer}@media only screen and (min-width:1200px){.map-card.unactive{size:70%;opacity:.6;transform:scale(.7)}}@media only screen and (max-width:1199px){.map-card.unactive{display:none}}.align-items-center{display:flex;align-items:center;justify-content:center}.price-card-arrow{width:100px;font-size:x-large;color:#0093e9;cursor:pointer}.cool-card-box{box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09)}.Footer{height:200px;background-color:#343b61;box-shadow:2px 2px 10px #4f65e6;padding:20px;z-index:3;color:#fff;font-weight:bolder}.bottom-footer{background-color:#f8fdff;color:#0a2c46;font-weight:bolder}.social-icons-footer{list-style-type:none;padding:0;margin:0;display:flex;justify-content:center;gap:1rem}.margin{margin-bottom:1rem}#password,#user{border-radius:25px;border:2px solid #e3e3e3;padding:20px;width:100%;height:15px;background-color:#e3e3e3;color:#929aab;font-weight:700}.book{background-color:#2e95aa;border-radius:5px 15px 15px 5px;height:200px;width:200px;position:relative;box-shadow:5px 5px 5px #807f7f;transition:all .5s}.book-cover{background-color:#f7eded;height:30%;width:100%;color:#333232;font-weight:bolder;position:absolute;top:45%}.book.red{background-color:#cc4b48}.book.green{background-color:#abc3b5}.book-separator{height:105%;background-color:inherit;width:10%;position:absolute;top:-2%;right:10%;border-radius:3px;border:1px solid rgba(80,80,80,.192)}.book:hover{height:220px;width:220px;transition:all .5s}.p-editable{border:2px solid #acacac;border-radius:10px}.graded-correct{background-color:rgba(178,231,178,.61);font-weight:bolder}.graded-incorrect{background-color:hsla(0,58%,73%,.671);font-weight:bolder}.paper-sheet{height:200px;width:150px;position:relative;box-shadow:0 5px 15px rgba(0,0,0,.35);transition:all .5s;background-color:#fff}.paper-top{background-color:#7fe5ff;height:25px;position:relative}.paper-hole{height:15px;width:15px;border-radius:7px;background-color:#fff;margin-top:4px;box-shadow:inset 0 2px 2px 2px rgba(50,50,93,.25),inset 0 2px 2px 1px rgba(0,0,0,.3)}.pencil{height:70%;background-color:#ffc93c;width:10%;position:absolute;top:20%;right:-20%;border-radius:3px;border:1px solid rgba(80,80,80,.192)}.pencil-eraser{background-color:#f19ae6;height:10px;position:relative}.pencil-point{border-left:8px solid transparent;border-right:8px solid transparent;border-top:20px solid #e9d1a4;bottom:-19px;left:-1.5px}.pencil-graphit,.pencil-point{width:0;height:0;position:absolute}.pencil-graphit{border-left:4px solid transparent;border-right:4px solid transparent;border-top:8px solid #646464;top:-9px;left:-4px}.paper-sheet:hover{height:220px;width:170px;transition:all .5s}.profile-content{h1,h2,h3,h4{color:#2a63a5}h4{font-weight:bolder}p{font-size:larger}}td,th{border:1px solid #ddd;padding:8px}tr:nth-child(2n){background-color:#f2f2f2}tr:hover{background-color:#ddd}th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#6177f0!important;color:#fff!important}.courses{width:500px}.courses-videos{height:100%;width:100%;min-height:700px}.tabs-container{border-radius:20px;width:-moz-fit-content;width:fit-content}.dashboard-tab{border-radius:20px 20px 0 0;font-size:larger;font-weight:bolder;background-color:#eee;color:gray;cursor:pointer;transition:all .2s ease-in}.dashboard-tab.active{background-color:#343b61;color:#fff}.dashboard-side-tab{font-size:larger;font-weight:bolder;background-color:#eee;color:gray}.dashboard-side-tab.active{font-size:larger;font-weight:bolder;background-color:#343b61;color:#fff}@media only screen and (max-width:576px){.tabs-container{width:100%}.dashboard-tab{border-radius:20px;padding:2px;margin:2px 0}}.bella-sola{width:500px;height:500px}:root{--background:#e6e6e6;--foreground:#fff}body,html{max-width:100vw;overflow-x:hidden;height:100vh!important}body{color:#1a1919;background:var(--background);font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit!important;text-decoration:none!important}.cursor-pointer{cursor:pointer}.home-container{max-width:1200px}.home-page{max-width:1300px;background-color:#fff;height:100%}.home-h1{color:#14447b}.home-p{color:#000}.home-img{border-radius:20px;border-color:#000;border-style:solid}.Login-text{font-size:xx-large;font-weight:bolder}.Log-text{color:#327cc0}.In-text{color:#ff347f}.clickable-link:hover{color:#549bff!important}div.DraftEditor-root{border:1px solid #000;background-color:beige;height:200px;width:300px;overflow-y:auto;margin-top:200px}div.DraftEditor-editorContainer,div.public-DraftEditor-content{height:100%}.font-roboto{font-family:Roboto,sans-serif}