#main-container{background-color:#3f3f3f;margin-top:-1rem;min-height:calc(100vh - 50px);padding-top:1rem}#main-title{width:fit-content;padding:.5rem;margin:0 auto;background-color:#dcdcdc;border-top-left-radius:1rem;border-top-right-radius:1rem;text-decoration:underline}.allCoursesContainer{border:10px solid #dcdcdc;border-radius:.5rem;margin:1rem;max-width:1e3px;padding:0 .5rem}.course-tile{position:relative;padding:10px;background-color:#fff;border-radius:1rem;border:3px solid #000;height:175px}.coming-soon{background-color:#ccc;cursor:not-allowed;color:#000}.course-tile:not(.coming-soon):hover{cursor:pointer;animation-name:expand;animation-duration:200ms;animation-fill-mode:forwards;animation-timing-function:ease-out}.course-tile:not(.coming-soon):not(:hover){animation-name:shrink;animation-fill-mode:forwards;animation-duration:200ms;animation-timing-function:ease-out}.course-tile>img{height:100px;width:123px;object-position:left;object-fit:cover;border-radius:.25rem}.course-tile-info>p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.enrolled{background-color:#ffe492}.enrolledFlag{position:absolute;top:-2px;right:-2px;background:#000;border-bottom-left-radius:1rem;border-top-right-radius:1rem;padding:0 .5rem;color:#fff}@media screen and (min-width:1000px){#main-container{margin-top:0;min-height:calc(100vh - 66px)}.allCoursesContainer{margin:0 auto 1rem}}