body {
    font-family: Nanum Gothic, sans-serif !important;
    font-weight: 400;
    color: #000;
    font-size: 100%;
    word-break: keep-all;
}


nav {
    background-color: #1e1e1e;
    border-bottom: 1px solid #fd6262;
    color: #fff;
}

.text-green {
    color: #1e1e1e;
}

.text-light-green {
    color: #fd6262;
}

.text-dark-green {
    color: #051d18;
}

.bg-green {
    background-color: #1e1e1e;
}

.bg-light-green {
    background-color: #fd6262;
}

.bg-dark-green {
    background-color: #1e1e1e;
}



.logo {
    width: 13rem;
    padding-bottom: 0.4rem;
    @media screen and (max-width: 768px) {
        width: 100%;
    }
}

.logo-2 {
    width: 45rem;
}


.btn {
    padding: .625rem 2.31rem;
}

.form-group {
    margin-bottom: 1.5rem;
}

.login {
    background-color: #1e1e1e;
    max-width: 40.125rem;
    flex-grow: 1;
}

.landing {
    background-color: #1e1e1e;
    flex-grow: 1;
    border-radius: 0.1rem;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive-item {
    width: 1280px;
    height: 762px;
    overflow: scroll;
}

.course-card {
    height: 130px;
    overflow: hidden;
}

.card {
    border-radius: 0.1rem;
}

@media (max-width: 768px) {
    .gradient-mask-md {
        -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
    }
}

@media (min-width: 768px) {
    .gradient-mask-md {
        -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
    }
}

.landing-img {
    background-image: url(/static/img/landing_page.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 300px;
    border-radius: 0.1rem;
}