html,body{margin:0;padding:0;overflow-x:hidden;overflow-y:auto;background-color:#ebebeb}@font-face{font-family:Roboto;src:url(/assets/Roboto-WOy3sDCz.ttf) format("truetype");font-weight:400;font-style:normal}p,h1,h2,button,input,select{font-family:Roboto;margin:0}#entry-container{width:100vw;height:100vh;background:#f0e6e6;background:linear-gradient(90deg,#f0e6e6,#dcf0f0 50%);display:flex;flex-direction:column;align-items:center;justify-content:center}#entry-box{width:50vmax;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f0f5f5;padding:1.5vmax;border-radius:10px}#entry-logo{width:25vmax;margin-top:-10%;margin-bottom:2%}#entry-box p:nth-of-type(1){font-size:.8vmax;background-color:#9678fa;padding:.8vmax;color:#fff;font-weight:700;margin-top:1vmax}#entry-box p:nth-of-type(2){font-size:3vmax;color:#0a288c;font-weight:bolder;margin-top:1.5vmax}#entry-box p:nth-of-type(3){font-size:1.2vmax;width:80%;color:#0a288c;font-weight:lighter;margin-top:1.5vmax}#entry-box p:nth-of-type(4){font-size:1.2vmax;width:80%;color:#051428;font-weight:lighter;margin-top:1.5vmax}#entry-box p:nth-of-type(4) span{color:red}#entry-box-bottom{width:80%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:2vmax;margin-top:.5vmax}#entry-box-bottom select{width:55%;padding:.8vmax;border-radius:5px;cursor:pointer}#entry-box-bottom div{background-color:#0a288c;width:35%;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:.8vmax;border-radius:50px;cursor:pointer}#entry-box-bottom div:hover{background-color:#143cb4}#entry-box #entry-box-bottom div p{background-color:transparent;margin:0;font-size:1vmax;padding:0;margin-right:.5vmax}@media screen and (min-width:0px) and (max-width:800px){#entry-box{width:80vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f0f5f5;padding:1.5vmax;border-radius:10px}#entry-box-bottom{flex-direction:column}#entry-box-bottom select{width:100%}#entry-box-bottom #start-learning-button{width:90%;margin-top:10%}}#device-container{width:100vw;height:100vh;background-color:#ebebeb;display:flex;flex-direction:column;align-items:center;justify-content:center}#device-avatar-container{width:70%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}#device-selector{width:40%;background-color:#f5f5f5;padding:4vmax 2vmax;border-radius:10px;box-shadow:-1px 0 18px -5px #c7ffde;-webkit-box-shadow:-1px 0px 18px -5px rgba(199,255,222,1);-moz-box-shadow:-1px 0px 18px -5px rgba(199,255,222,1)}#device-selector p:nth-of-type(1){font-size:2vmax;font-weight:bolder}#device-selector p:nth-of-type(2){font-size:1.2vmax;font-weight:400;color:gray;margin-top:1vmax}#device-selector p:nth-of-type(3){font-size:1.3vmax;font-weight:bolder;color:#323232;margin-top:1vmax}#microphone-select-container{width:90%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#microphone-select{width:80%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:1vmax;border:1px solid black;padding:.5vmax;border-radius:10px}#microphone-select select{width:80%;background-color:#f0f0f0;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;border-radius:6px;cursor:pointer;outline:none;border:none;box-shadow:none}#toggle-mute{background-color:#fff;padding:.5vmax;margin-top:.8vmax;display:flex;align-items:center;justify-content:center;border-radius:50px;cursor:pointer}#toggle-mute:hover{background-color:silver}#device-selector p:nth-of-type(4){font-size:1.3vmax;font-weight:bolder;color:#323232;margin-top:1vmax}#partition{width:1px;height:20vmax;background-color:gray}#model-selector{width:30%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:25px;padding-bottom:2vmax;box-shadow:-1px 0 18px -5px #c7ffde;-webkit-box-shadow:-1px 0px 18px -5px rgba(199,255,222,1);-moz-box-shadow:-1px 0px 18px -5px rgba(199,255,222,1)}#avatar-display{width:100%}#model-selector p:nth-of-type(1){font-size:1.2vmax;font-weight:400;margin-top:2vmax}#model-selector p:nth-of-type(1) span{color:#0a288c;font-weight:600}#model-selector p:nth-of-type(2){font-size:1.5vmax;width:60%;font-weight:bolder;margin-top:2vmax;text-align:center}#model-selector button{width:60%;padding:1vmax;border-radius:25px;border:none;margin-top:1.5vmax;cursor:pointer}#model-selector button:nth-of-type(1){background-color:#0a288c;color:#fff}#model-selector button:nth-of-type(1):hover{background-color:#0a28c8}#model-selector button:nth-of-type(2){color:#000;font-weight:bolder;border:1.5px solid grey;background-color:#f5f5f5}@media screen and (min-width:0px) and (max-width:800px){#device-container{background-color:#fff}#device-avatar-container{width:100%;display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-evenly}#device-selector{width:90%;margin-top:auto}#partition{display:none}#model-selector{width:100%;margin-top:10%}}#classroom-container{width:100vw;height:100vh;background-color:#ebebeb;display:flex;flex-direction:row;align-items:center;justify-content:center}#avatar-container{width:60%;height:70vh}#slide-avatar{width:25%;height:40%;margin-left:.5vmax}#slide-avatar-closed{width:5%;height:40%;background-color:#000;border-bottom-left-radius:25px;border-top-left-radius:25px;margin-left:.5vmax}#slide-container{width:60%;height:70vh;display:flex;flex-direction:row;align-items:center;justify-content:space-around}#slide-camera-button{background-color:#fff;border-radius:50px;padding:.2vmax;cursor:pointer;margin-left:.5vmax}#chat-container{width:30%;height:70vh;background-color:#fff;margin-left:3vmax;border-radius:25px;display:flex;flex-direction:column;align-items:center}#chat-list{width:100%;max-width:90%;overflow-y:auto;margin-bottom:2vmax;padding-left:2vmax}#chat-container p{width:80%;margin-top:1.5vmax;font-size:.9vmax;text-align:justify;background-color:#ebebeb;color:#787878;border-radius:10px;padding:1vmax;margin-bottom:1vmax}.chat-bubble{width:80%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-top:2vmax}.message-info{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.message-info img{width:35px;height:30px;border-radius:50px}#chat-container .chat-bubble .message-info p{background-color:transparent;margin:0;padding:0%;width:fit-content;font-size:1vmax;margin-left:1vmax}#chat-container .chat-bubble .message-info p:nth-of-type(1){color:#0a28c8;font-weight:600}#chat-container .chat-bubble .message-content{background-color:transparent;margin:0;padding:0;margin-top:1vmax;font-size:1vmax}#chat-input{width:90%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;margin-top:auto;margin-bottom:2vmax}#input-text{display:flex;width:70%;flex-direction:row;align-items:center;background-color:#e6e6e6;padding:0vmax 1vmax;border-radius:25px}#input-text input{width:80%;border:none;background-color:#e6e6e6;padding:1vmax}#input-text input:focus{outline:none;border:none;box-shadow:none}#user-icon{width:15px;height:15px;background-color:#6e78dc;display:flex;align-items:center;justify-content:center;font-family:Roboto;padding:.5vmax;border-radius:50px;color:#fff}#avatar-container p{position:absolute;top:75%;left:25%;background-color:#00000080;color:#fff;font-size:1.5vmax;padding:.5vmax}@media screen and (min-width:0px) and (max-width:800px){#classroom-container{width:100%;flex-direction:column;align-items:center;justify-content:start}#avatar-container{width:90%;height:60vmax;margin-top:3%;display:flex}#chat-container{width:100%;display:none;margin-top:10%;margin-left:0}}#sidebar-container{width:25vmax;height:auto;background-color:#fff;border-top-right-radius:25px;border-bottom-right-radius:25px;position:absolute;padding:2vmax;display:none;top:0;left:0;z-index:10}#sidebar-header{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#sidebar-header p{font-size:1.5vmax;font-weight:bolder}#sidebar-header-left{width:60%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#level-select{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;border:1px solid black;width:50%;border-radius:25px;padding:.3vmax}#level-select select{outline:none;border:none;box-shadow:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;color:#000}#sidebar-header-right{width:40%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}#sidebar-controller{background-color:#0a0a0a;padding:.5vmax .8vmax;border-radius:10px;cursor:pointer}#sidebar-controller:hover{background-color:#323232}#study-mode{width:80%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#e6e6e6;border-radius:25px;padding:.5vmax .7vmax;margin-top:1.5vmax}#study-mode div{width:40%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;background-color:#fff;padding:.5vmax;border-radius:25px;cursor:pointer}#study-mode div p{font-size:1vmax}#study-mode-description{font-size:1vmax;text-align:justify;margin-top:1.5vmax;color:#646464;font-weight:400}#chapters-container{width:100%;display:flex;flex-direction:column;max-height:100vh;overflow-y:auto}#chapter-item{width:95%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:2vmax;border-radius:10px;padding:.5vmax;cursor:pointer}#course-item{width:95%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1.2vmax .5vmax;cursor:pointer}#chapter-item:hover,#course-item:hover{background-color:#e6e6eb}#chapter-item-left,#course-item-left{width:60%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}#book-icon{border:2px solid silver;padding:.5vmax .6vmax;border-radius:25px;margin-right:1vmax}#item-left-content p:nth-of-type(1){font-size:1vmax;color:gray}#item-left-content p:nth-of-type(2){font-size:1vmax;color:#000;margin-top:.5vmax;font-weight:bolder}#chapter-item-right p{color:#000;background-color:#ebebf0;padding:.5vmax .8vmax;border-radius:10px;font-size:1vmax}#chapter-item-right,#course-item-right{width:30%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}#course-item-right p{font-size:1vmax}#chapter-item-right p{color:#000;font-size:1vmax}@media screen and (min-width:0px) and (max-width:800px){#sidebar-container{width:80vw}}#classroom-header-container{width:95vw;display:flex;flex-direction:row;align-items:center;padding:2vmax 1vmax 1vmax 2vmax;position:absolute;top:0}#screen-selector{width:60%;display:flex;flex-direction:row;align-items:center;background-color:#fff;border-radius:25px;padding:.6vmax 2vmax;margin-left:2vmax}.screen-item{width:30%;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:.3vmax;border-radius:25px;box-shadow:0 1px 4px #72e7ffbf;-webkit-box-shadow:0px 1px 4px 0px rgba(114,231,255,.75);-moz-box-shadow:0px 1px 4px 0px rgba(114,231,255,.75);cursor:pointer}.screen-item:nth-of-type(2){margin-left:1vmax}.screen-item p{margin-left:1vmax;font-size:1vmax}#end-call-container{width:10%;background-color:#fff;padding:.8vmax;border-radius:35px;cursor:pointer;margin-left:5vmax}#end-call-button{background-color:red;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:25px;padding:.3vmax}#end-call-button:hover{background-color:#b20101}#end-call-button p{font-size:1vmax;color:#fff;margin-left:1vmax}.header-small-icons{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#fff;padding:.8vmax;border-radius:50px;margin-left:1vmax;cursor:pointer}.header-small-icons:hover{background-color:#e6e6e6}@media screen and (min-width:0px) and (max-width:800px){#classroom-header-container{display:flex;position:relative}#screen-selector,.header-small-icons{display:none}#end-call-container{width:30%;margin-left:auto}}#classroom-footer-container{width:85vw;display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:absolute;bottom:0}#classroom-footer-container img{transform:scale(.5);width:25%}#mic-control{background-color:#fff;padding:1vmax 1.1vmax;display:flex;align-items:center;justify-content:center;border-radius:50px;cursor:pointer}#right-settings{width:10%;background-color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;padding:.5vmax;border-radius:50px}#right-settings #chat-toggle{background-color:#0a28c8;padding:.6vmax .7vmax;border-radius:50px;cursor:pointer}#right-settings #resources{padding:.6vmax .7vmax;border-radius:50px;cursor:pointer}#right-settings #resources:hover{background-color:#e6e6e6}#right-settings #chat-toggle:hover{background-color:#001068}@media screen and (min-width:0px) and (max-width:800px){#classroom-footer-container{display:flex;justify-content:center;position:relative;margin-top:5%}#classroom-footer-container img{display:none}#mic-control{margin-right:5%;padding:2vmax 2.1vmax}#right-settings #resources{display:none}#right-settings #chat-toggle{background-color:#0a28c8;padding:1.6vmax 1.7vmax;border-radius:50px;cursor:pointer}#right-settings{background-color:transparent}}#end-call-container-modal{width:100vw;height:100vh;background-color:#00000080;position:absolute;margin:0%!important;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}#end-call-selector-modal{background-color:#fff;width:30%;padding:2vmax;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px}#end-call-selector-modal p{margin-bottom:2vmax}#end-call-selector-modal #end-call-buttons-modal{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}#end-call-selector-modal #end-call-buttons-modal button{width:30%;padding:.7vmax 1vmax!important;border:none;color:#fff;background-color:green;cursor:pointer}#end-call-selector-modal #end-call-buttons-modal button:nth-of-type(1){background-color:red;margin-right:1vmax}@media screen and (min-width:0px) and (max-width:800px){#end-call-selector-modal{width:70%;padding:2vmax}}