body {
  top:0;
  margin-left: 20px;
}
.excercise {
    width: 98%;
    text-align: justify;
    color: blue;
    line-height: 1.5;
    font-size: 18px;
    font-family: Georgia, serif;
    min-width: 700px;
    padding-right: 50px;
  }

  .excercise h2 {
    text-align: center;
  }

  .excercise a {
    color:darkcyan;
  }

  .excercise a:hover {
    color:brown;
  }

  .sun-editor-editable img {
    max-width: 100%;  
    height: auto;  
    object-fit: contain;  
}

.se-controller-table-cell,
 .se-controller-table,
 .se-controller-resizing,
 .se-modal-resize,
 .sun-editor .se-image-container .se-image-resizing-bar,
.sun-editor .se-image-container .se-image-btn-delete {
    display: none !important;
}

.se-resizing-container, .se-line-breaker-component {
  display: none !important;
}

.sun-editor img {
  user-select: none;  
}

 .sun-editor .se-image-wrapper {
  pointer-events: none;  
  user-select: none;     
}

 td {
   border: 1px solid gray !important;
 }

 .sun-editor-editable .row_edit {
  display: inline !important;
 }


footer {
  width: 96%;
  display: flex;  
  justify-content: flex-end;  
  align-items: center; 
  background: #f7f8f8;
  padding: 10px 13px;  
  font-size: 1em;
  border-radius: 5px;
  position: fixed;
  bottom: 0;
  left: 0;
z-index: 1000;
}

footer a {
  color: black;
  text-decoration: none;  
}

footer a:hover {
  text-decoration: underline; 
}

@media screen and (max-width: 767px) {
  .excercise {
    font-size: 12px;
  }
}

  .se-char-counter, .sun-editor .se-wrapper .se-placeholder {
	color: black;
}