*{padding:0;margin:0}h1{font-size:32px!important}.cont{width:100%;height:100vh;margin:0 auto}.nav-items1{width:100%;height:40px}.title-section{width:100%;height:50px;margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.container-page{display:flex;flex-direction:row;justify-content:space-between}.side-bar-container{background-color:#f0f8ff;height:100vh;display:flex;flex-direction:column;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;margin-right:20px}.item-side-bar{border-bottom:1px solid grey;padding:5px;display:flex;align-items:center}.item-side-bar img{margin-right:5px}.item-side-bar a{color:#000;text-decoration:none}.main-container{padding:20px;border-radius:10px;margin:0 auto;display:flex;width:100%;height:auto;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px}.documents-container{width:45%}.v-container{display:flex;flex-direction:row;flex-wrap:wrap}.document-container{display:flex}.document-index{width:60%}.videos-container{width:55%}.home-container{width:90%;border-radius:10px;display:flex;margin:0 auto;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;flex-wrap:wrap;justify-content:center}.card-home{display:flex;flex-direction:column;align-items:center;justify-content:center;width:130px;height:170px;background:rgb(255,255,255);margin:10px;padding:5px;border-radius:10px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px}.md{width:125px;height:190px}.card-home img{width:80%}.card-home p{text-align:center;font-weight:700;margin:0!important;margin-top:5px;line-height:20px}.button-side-bar{display:flex;justify-content:flex-end;height:50px}#close-side-bar{padding:5px}#close-side-bar img{color:#ffebcd}.hidden{display:none}.rotate{transform:rotate(180deg)}.video-play-container{display:flex;height:60vh;align-self:center;margin:0 auto}#video-player{margin:0 auto;border-radius:10px}#btn-back{font-size:16px;color:#2c3e50;font-weight:700;text-decoration:none;margin:10px}@media screen and (max-width: 1050px){.main-container{flex-direction:column;margin-top:50px}.videos-container{width:100%}#bar-side{display:none}#video-player{width:100%;height:250px}.video-play-container{width:100%}.home-container{margin-top:50px}.v-container{justify-content:center}.card-home img{width:80%}}#card-notification{width:100px;height:50px;z-index:2}