website/scss/_comments.scss

#newComment {
  form {
    input, textarea{
      width: 100%;
      background-color: $back-color;
      color: $text-color;
      border: solid $back-color-2;
      border-radius: 5px;
      padding: 5px;
    }

    input:focus, textarea:focus {
      outline: none;
    }

    textarea{
      resize: vertical;
    }

    input[type=submit]{
      background-color: $accent-color;
      color: #000;
      text-transform: uppercase;
      padding: 15px;
      font-size: 14px;
      cursor: pointer;
      outline: 0;
      border: 0;
      transition: background-color $link-hover-animation-time linear;

      &:HOVER{
        background-color: $accent-color-2;
      }
    }
  }
}

.comment{
  display: flex;
  img{
    margin-right: 10px;
    width: 100px;
    height: 100px;
  }
}

.commentTitle{
  margin-bottom: 5px;
}

.commentArticle{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  min-height: 100px;
}

.commentText{
  margin: 0;
  width: 100%;
}

.emailBox {
  display: inline;
}

.bigButton {
  background-color: $accent-color;
  color: #000;
  text-transform: uppercase;
  padding: 15px;
  font-size: 14px;
  cursor: pointer;
  outline: 0;
  border: 0;
  transition: background-color $link-hover-animation-time linear;
  width: 100%;
  margin-top: 10px;
}