/*
mini.css
Overwrite some variable
Modifier classes
Add new classes and ID
*/

:root {
    --heading-ratio: 1.25;
}
mark.black {
    --mark-back-color: black;
  }
  
  mark.red {
    --mark-back-color: red; 
  }
    mark.orange {
    --mark-back-color: orange;
  }
  mark.we {
    --mark-back-color: blue; 

  }
.main {
    max-width: 1280px;
    margin: 2rem auto;
    padding: 2rem;
    
}
.body {
    background-color: #f3f4f6;
}
.result {
    border: solid var(--border-color) var(--universal-border-radius);
    margin: calc(var(--universal-margin)*4);
    line-height: 2;
}
header img {
  height: 50px !important;
}
.wrap-textarea {
    display: block;
	border: 3px solid #38c;
	padding: 10px;
}
.wrap-textarea textarea {   
    width: 100%; 
  margin: 0; 
  padding: 0; 
  border-width: 0; 
}