*{margin:0;padding:0;text-decoration:none}body{background-color:#f7f7f7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Ccircle cx='20' cy='20' r='5' fill='%23e0e0e0' fill-opacity='0.2'/%3E%3Crect x='50' y='10' width='10' height='10' fill='%23e0e0e0' fill-opacity='0.2'/%3E%3Cpath d='M10 50l10-10 10 10-10 10z' fill='%23e0e0e0' fill-opacity='0.2'/%3E%3C/svg%3E");background-size:80px 80px;font-family:Montserrat;font-size:18px;line-height:1.7}.section{display:flex;justify-content:center;align-items:center;height:93vh}.form-container{margin:auto;width:500px;display:flex;align-items:center;justify-content:center}@media (max-width: 600px){.form-container{width:400px}}@media (max-width: 450px){.form-container{width:300px}}@media (max-width: 470px){.product,.logout{margin:auto;font-size:15px;text-align:center;width:90%}.section{display:flex;justify-content:center;align-items:center;height:88vh}}@media (width > 470px){.product{margin-right:15px;text-align:center}}form{width:100%}.form-group{margin-bottom:3vh;display:flex;gap:5px}.form-input{width:100%;border-radius:1vh;padding:2vh;border:1px solid rgb(153,153,153);font-size:calc(13px + 3 * (100vw - 320px) / 880);margin:auto}.submit{background-color:#2e8b57;text-transform:uppercase;color:#fff;font-size:calc(12px + 2 * (100vw - 320px) / 880);font-weight:600;border:none;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.submit.disabled{background-color:#2e8b5766;cursor:not-allowed}.submit.disabled:hover{transform:none;box-shadow:none}.submit:hover{transform:translateY(-2px);box-shadow:0 15px 30px gray}.submit:active{box-shadow:0 15px 26px gray}.error-field{color:#e75f5f;font-size:12px}.error-form{background-color:#e75f5f;padding:1.5vh;font-size:18px;margin-bottom:1vh}.error-container{border-radius:1vh;border:1px solid rgb(188,188,188);background-color:#fff1f1;display:flex;align-items:center;padding:20px;gap:20px;font-size:calc(12px + 3 * (100vw - 320px) / 880);margin-bottom:3vh}.fa-exclamation-circle{color:red;font-size:25px}.product,.logout{margin-top:15px;padding:5px 10px;border-radius:1vh;background-color:#e5e4e4;display:inline-block}.product-container,.logout-container{display:flex;justify-content:end;cursor:pointer}.container{display:flex;align-items:center;justify-content:center;font-size:35px;height:100vh}.home-container{display:flex}.navigation-container{max-width:700px;display:flex}@media (max-width: 1400px){.navigation-container{max-width:600px;display:flex}.buttons-container{width:350px}}@media (max-width: 1400px){.navigation-container{max-width:550px;display:flex}.buttons-container{width:300px}}@media (width > 1400px){.buttons-container{width:400px}}.panel-container{width:120px;display:flex;flex-direction:column;justify-content:space-between;height:96vh;background-color:#fff;border-radius:1vh;margin:10px;border:1px solid rgb(214,214,214);padding:5px 0;-webkit-box-shadow:-3px 4px 8px 0px rgba(34,60,80,.2);-moz-box-shadow:-3px 4px 8px 0px rgba(34,60,80,.2);box-shadow:-3px 4px 8px #223c5033}.logo{width:60%;margin-left:auto;margin-right:auto}.image,.user-room{width:40%;margin:auto}.user-room-container{display:flex;flex-direction:column}.user-room-container>a>p{text-align:center}.user-room-container>a{color:#000;display:flex;flex-direction:column}.buttons-container{background-color:#e9e9e9;height:96vh;border-radius:1vh;margin:10px;border:1px solid rgb(214,214,214);padding:5px 0;-webkit-box-shadow:-2px 4px 8px 0px rgba(34,60,80,.2);-moz-box-shadow:-2px 4px 8px 0px rgba(34,60,80,.2);box-shadow:-2px 4px 8px #223c5033;overflow:auto;line-height:1.2}@media (max-width: 1200px){.header-buttons-container{display:flex}.buttons-container{display:none}}@media (width > 1200px){.header-buttons-container{display:none}}.header-buttons-container{background-color:#e9e9e9;width:98%;height:auto;margin:10px auto;border-radius:1vh;border:1px solid rgb(214,214,214);-webkit-box-shadow:-2px 4px 8px 0px rgba(34,60,80,.2);-moz-box-shadow:-2px 4px 8px 0px rgba(34,60,80,.2);box-shadow:-2px 4px 8px #223c5033;gap:10px;justify-content:center;align-items:center;flex-direction:column;padding:15px 0}.header-container{background-color:#fff;width:96%;padding:15px 5px;height:auto;margin:10px auto;border-radius:1vh;border:1px solid rgb(214,214,214);-webkit-box-shadow:-2px 4px 8px 0px rgba(34,60,80,.2);-moz-box-shadow:-2px 4px 8px 0px rgba(34,60,80,.2);box-shadow:-2px 4px 8px #223c5033;gap:10px;justify-content:center;align-items:center;flex-direction:column}@media (max-width: 800px){.panel-container,.addition-buttons-container{display:none}.header-container{display:block}}@media (width > 800px){.panel-container,.addition-buttons-container{display:flex}.header-container{display:none}}.header-container>.product-container{justify-content:start}@media (max-width: 470px){.header-container>div>div>p{margin:auto;font-size:15px;text-align:center;width:100%}}div.header-container>div>div>p{margin-top:0}.menu-icon-container{display:flex;align-items:center;gap:20px}div.header-container>div.header-items-container>div>a>img.logout-img{width:30px;margin:auto}div.header-container>div.header-items-container>div>a>img.image{width:40px;margin:auto}div.header-container>div.header-items-container>div>a>img.user-room{width:35px;margin:auto}div.header-container>div.header-items-container{display:flex;flex-direction:column;gap:20px;margin-top:10px}div.header-container>div.header-items-container>div>a.active{font-weight:600;border:none}.menu-icon{font-size:24px;margin-left:15px}.title-buttons-container{display:flex;gap:10px;justify-content:center;align-items:center}.title-buttons-container>p{font-weight:600}.title-buttons-container>i.fa{font-weight:600}.active{border-left:4px solid seagreen}.active-button{border:4px solid seagreen;background-color:#2e8b57}.content-container{height:96vh;background-color:#fff;border-radius:1vh;margin:10px;border:1px solid rgb(214,214,214);padding:5px 15px;-webkit-box-shadow:-3px 4px 8px 0px rgba(34,60,80,.2);-moz-box-shadow:-3px 4px 8px 0px rgba(34,60,80,.2);box-shadow:-3px 4px 8px #223c5033;overflow:auto;width:100%}.content-container>h2{text-align:center;font-size:25px;margin-top:20px;margin-bottom:25px}.buttons-container>p{margin-top:10px;margin-left:10px;margin-bottom:40px;font-size:20px;font-weight:600;text-align:center}.flex-container{display:flex;justify-content:space-between;gap:5px;margin-left:10px;margin-right:10px;margin-top:20px;font-size:18px;background-color:#fff;border-radius:2vh;padding:10px 20px;align-items:center}.flex-container>p,.fa-angle-up,.fa-angle-down{cursor:pointer}.link-container{margin-left:10px;margin-right:10px;padding:10px 20px;text-align:justify;font-size:16px}.link-container:hover{text-decoration:underline;cursor:pointer}.active-link{font-weight:600}.progress-container,.progress-homework-container{display:flex;justify-content:center;gap:20px;background-color:#e9e9e9;border-radius:1vh;width:60%;margin:auto auto 20px;padding:10px}@media (max-width: 900px){.progress-container{flex-direction:column}}@media (max-width: 450px){.progress-container{width:90%}}.progress-homework-container{flex-direction:column;text-align:justify}.checkbox-container,.select-container,.textarea-container{background-color:#fff;border-radius:1vh;display:flex;white-space:nowrap;align-items:center;gap:10px;padding:0 10px}.select-container{flex-direction:column;align-items:start;padding:10px}@media (max-width: 1100px){.select-container>div{display:flex;flex-direction:column-reverse}}@media (max-width: 1500px){.select-container>div{display:flex;flex-direction:column-reverse}}@media (max-width: 550px){.progress-homework-container{width:90%}}@media (max-width: 380px){.select{width:225px;font-size:16px}}@media (width > 380px){.select{width:280px;font-size:18px}}.textarea-container{flex-direction:column;padding:10px}.textarea,.review-textarea{width:96%;border-radius:1vh;padding:1vh;font-size:18px;font-family:Montserrat}.review-textarea{width:100%;height:100px;margin-top:40px}.review-form{width:80%}.small{width:25%;margin-left:0}@media (max-width: 650px){.small{width:35%}}@media (max-width: 420px){.small{width:50%}}input[type=checkbox]{transform:scale(1.5)}.select{padding:1vh;border:1px solid rgb(153,153,153);border-radius:1vh;margin-right:20px;font-family:Montserrat}.reviews-container>p{font-weight:600;font-size:20px}.review-item{margin:5px auto;border:1px solid rgb(153,153,153);border-radius:1vh;padding:10px}.user{font-weight:500;font-style:italic}.date{text-align:end;font-size:16px;color:#424242}.embed-container{position:relative;height:0;overflow:hidden;max-width:100%}@media (min-width: 0px){.embed-container{padding-bottom:56.25%}}@media (min-width: 768px){.embed-container{padding-bottom:56.25%}}.embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.addition-buttons-container{gap:10px;justify-content:end}.evaluation-container{margin:10px auto;width:60%;background-color:#e9e9e9;border-radius:1vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 5px}@media (max-width: 700px){.evaluation-container{width:100%}}.evaluation-container>div.stars-container{background-color:#fff;border-radius:1vh}.review-form{margin:auto}