@charset "UTF-8";

.body {
    text-align: center;
}

.course {
    display: flex;
    margin: 2em 0;
}
.course .image {
    align-content: center;
    width: 30%;
}
@media (max-width: 800px) {
    .course .image {
        align-content: start;
    }
}
.course .image img {
    width: 100%;
}
.course .overview {
    padding: 12px;
    width: 70%;
}
.course .overview article {
    text-align: left;
}
.course .overview .price {
    margin-top: 1.5em;
}
.course .overview .price_wrap {
    display: flex;
    margin: 0 auto;
    width: fit-content;
}
.course .overview .price_title {
    margin-right: 0.5em;
    text-align: right;
    width: 60px;
}
.course .overview hr {
    height: 3px;
    border-width: 0;
    background-repeat: repeat-x;
    background-size: 0.7em 0.3em,1.7em 0.3em,3.5em 0.3em,3.7em 0.3em;
    background-position: right bottom;
    background-image:
    radial-gradient(0.3em 0.2em at center center,#c4a584,rgba(246,89,115,0)),
    radial-gradient(0.5em 0.2em at center center,#c4a584,rgba(246,89,115,0)),
    radial-gradient(0.8em 0.2em at center center,#c4a584,rgba(246,89,115,0)),
    radial-gradient(7.2em 0.2em at center center,#c4a584,rgba(246,89,115,0));
}