/* reset and settings */
h1,h2,h3,h4,h5,h6{color:#007fff;font-weight:700;}
.green{color:#01FD21;}
.green:hover{color:#fff;text-decoration:underline;}
/* end reset and settings */

/* анимация отправленного сообщения */
@keyframes border-animation {
0%{box-shadow:1px 1px 10px green;}
50%{box-shadow:1px 1px 40px green;}
100%{box-shadow:1px 1px 10px green;}
}
/* end анимация отправленного сообщения */

/* breadcrumbs */
.breadcrumb{padding:.15rem 1rem;background-color:rgba(233,236,239,0.5);background-color:transparent!important;}
/* end breadcrumbs */

/* контентная часть в профиле */
#personal-article header{color:#fff;background-image:linear-gradient(145deg,#9cc3f3 0%,#1b4679 100%);}
#personal-article header h1,#personal-article header a{color:inherit;}
#personal-article .personal-breadcrumbs{display:flex;flex-flow:row wrap;list-style:none;padding:0;margin:0;}
#personal-article .personal-breadcrumbs li::after{content:'/';display:inline-block;margin:0 .5em;}
#personal-article .personal-breadcrumbs li:last-child::after{display:none;}
#personal-article .timer{float:right;padding:.25em .5em;background-color:#3f4652;font-weight:700;font-size:1.2em;text-align:center;min-width:152px;}
#personal-article img{box-shadow:2px 2px 20px grey;}
#personal-article img:hover{box-shadow:2px 2px 30px #000;}
/* end контентная часть в профиле */

/* страница урока */
#task_block textarea{min-height:100px;}
/* end страница урока */

/* index страница профиля */
.my-trainings li{font-size:1.5rem;padding:5px;}
/* end index страница профиля */

/* прогресс в профиле */
.new-progress{border-radius:5px;background-color:#007BFF;min-height:200px;padding:15px;}
.total-course{position:relative;width:60%;border-radius:.25rem;background-color:#fff;border:2px solid #fff;margin-right:20px;}
.total-lesson-name{font-weight:700;width:60%;margin-right:20px;font-size:16px;}
.total-lesson-name a{color:#fff;}
.total-course .green{border-radius:.25rem;height:12px;background-color:#01FD21;}
.total-course.main-t .green{height:24px;}
.new-progress-lessons{position:absolute;top:-3px;left:50%;transform:translateX(-50%);color:#000;font-size:12px;font-weight:700;min-width:100px;}
.new-progress-lessons.main-t{font-size:24px;top:-7px;}
.total-text-procent{font-size:14px;color:#01FD21;}
.total-text-procent.main-t{font-size:28px;}
.total-text-action{font-size:14px;}
.total-course-block{display:flex;align-items:center;border-bottom:1px dotted #a2b7b2c7;}
.total-course-block.main-t{border-bottom:1px solid #a2b7b2;}
.total-course-block-lesson{display:flex;align-items:center;}
.total-title{color:#fff;}
.total-title.main-t{font-size:36px;}
/* end прогресс в профиле */


@media screen and (max-width: 1200px) {
.new-progress-lessons.main-t{font-size:14px;top:1px;}
.total-text-procent.main-t{font-size:18px;}
}
@media screen and (max-width: 768px) {
.new-progress-lessons.main-t{font-size:18px;top:-2px;}
.total-text-procent.main-t{font-size:24px;}
}
@media screen and (max-width: 576px) {
.new-progress-lessons.main-t{font-size:12px;top:2px;}
.total-text-procent.main-t{font-size:12px;}
}