/*---------------- header-wrap ----------------*/
.card-header-wrap{
    text-align: center;
}
.card-header-wrap-left{
    text-align: left;
}
.card-header-wrap-right{
    text-align: right;
}


/*---------------- header-size ----------------*/

.card-header-xs{
    height: 2vh;
    line-height: 2vh;
}
.card-header-sm{
    height: 3vh;
    line-height: 3vh;
}
.card-header-rg{
    height: 5vh;
    line-height: 5vh;
}
.card-header-lg{
    height: 7vh;
    line-height: 7vh;
}








  .lessonclearSlide-header {
    background-color: rgb(43, 203, 186);
    height: 1vh;
  }



  .errorslide-header {
    background-color: rgb(252,92,101);
    height: 1vh;
  }



/*---------------- body-size ----------------*/
.card-body-lg{
  height:20vh;
}
.card-body-rg{
    height:15vh;
}

.card-body-sm{
  height:6vh;
}

.course-card{
  height:100%;
}


.row-height {
    display: flex;
    flex-wrap: wrap;
}



/*---------------- card-image ----------------*/

.card-image{
    width: 100%;
    height: 100%;
}

/*---------------- body ----------------*/



/*---------------- footer ----------------*/
.study-footer {
    height: 8vh;
  }


/*---------------- text ----------------*/

.task-card-text {
    text-align: left;
    font-size: 0.9vw;
    margin-left: 1vh;
}
.select-card-text {
    font-size: 0.9vw;
}
.errorline {
    font-size: 0.8vw;
}
.errorname {
    font-size: 1.1vw;
  }
  .errorexplain {
    font-size: 0.9vw;
}
  .errorslide-title {
    font-size: 0.7vw;
    color: rgb(255,255,255);
}


/*---------------- card-link ----------------*/

.link-card {
  box-shadow:0 6px 14px rgba(0, 0, 0, 0.24);
  transform:translate(0, -2px);
  transition:box-shadow 0.4s, transform 0.3s;
}

.link-card:hover {
  box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
    transform:initial;
}


.link-card-gray {

}

.link-card-gray:hover {
  background-color: rgb(241, 241, 241);
    transform:initial;
}