body,html{padding:0;margin:0;font-family:Rubik,sans-serif}body.active,html.active{overflow-y:hidden}body{overflow-x:hidden}a{color:inherit;text-decoration:none}*{padding:0;margin:0;box-sizing:border-box}.article-preview{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:300px;height:300px;margin:0 2rem 2rem 0;background-color:#000;cursor:pointer}.image-container{width:100%}.text-container{width:100%;padding:1rem;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;flex:1 1}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body li,.article-body p{color:rgba(0,0,0,.75)}.article-body h1,.article-body h2{margin:1rem 0}.article-body p{margin-bottom:1rem;width:100%}.article-body a,.article-body li,.article-body p{font-size:1.6rem;margin:1rem 0}.article-body a{width:100%}.article-body img{align-self:center;width:100%}.article-body{display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.article-img{width:100%}.article-preview .image-container img{width:100%;height:150px;object-fit:cover;filter:grayscale(100%);margin:unset}.article-preview.full .image-container img{height:295px;object-fit:cover;filter:grayscale(100%);margin:unset}.article-preview.full .image-container{flex:1 1}.article-thumbnail img{position:absolute;width:100vw;height:50vh;top:0;left:0;z-index:-1;object-fit:cover}@media (max-width:700px){.articles-container{flex-direction:column-reverse;align-items:center;justify-content:center}.article-preview.full .image-container img{width:100%;height:150px;object-fit:cover;filter:grayscale(100%);margin:unset}.article-preview{margin:0 0 2rem}h2{text-align:center}.popup{width:90vw}.popup img{width:100%}}.course-thumbnail{width:100vw;height:100vh}.course-thumbnail img{width:100vw;height:50vh;object-fit:cover}.course-body p{font-size:1.5rem;color:rgba(0,0,0,.75);margin-bottom:1.5rem}@media (max-width:700px){.course-body p{font-size:1.2rem}}.course img{height:100px;width:300px;object-fit:cover;margin-top:1rem;filter:grayscale(100%)}@media (max-width:500px){.course,.course img{width:100%}}.portada img{height:25vh;object-fit:cover;width:100vw;box-shadow:10px 10px 10px rgba(0,0,0,.2)}.portada{position:sticky;top:0;z-index:1}.portada-title{height:25vh;width:50%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:flex-start}.portada h4{color:#fff;margin:2rem;font-size:3rem}@media (max-width:800px){.portada-title{width:100%}.portada h4{font-size:2rem}.content-text h3{color:red}}