@import './color.less';

.homework-feedback {
  .teacher-score {
    text-align: center;
    font-size: 24px;
    .number {
      color: @primary;
      font-size: 80px;
    }
  }
  .classmates-area {
    height: 650px;
    position: relative;
    overflow: auto;
    @media screen and (max-width: 1280px) {
      height: 380px;
    }
  }
  .classmates-comment,
  .teacher-comment {
    background-color: #ffffff;
    box-shadow: 1px 1px 13px rgba(0, 0, 0, 0.05);
    border-radius: 7px;
    width: 100%;
    padding: 18px 28px 40px 28px;
  }
  .teacher-avatar,.classmates-avatar{
    width:30px;
    height: 30px;
    margin-left:-2px;
    border-radius: 50%;
    margin-bottom:1px;
   
  }
  .teacher-name{
    font-weight: bolder;
    position: relative;
    top:-11px;
    left: -10px;
    color: @secondary;
    
  }
  .classmates-name{
    font-weight: bolder;
    position: relative;
    top:-11px;
    left: -14px;
    color: @secondary;
    
  }
  .classmates-comment {
    margin-top: -10px;
    @media screen and (max-width: 1280px) {

      &:first-child {
        margin-top: -2px !important;
      }
    }
  }
  .classmates-score {
    position: relative;
    text-align: center;
    .number {
      color: rgba(0, 0, 0, 0.85);
      font-size: 60px;
      position: relative;
      left: -10px;
    }
  }
  .difficulty-rate {
    position: relative;
    top: -40px;
    height: 20px;
    left: -7px;
    @media screen and (max-width: 1280px) {
      top: -25px;
      
    }
  }
  
  .title-rect-group {
    margin-top: 25px;
  }
}
