code {white-space: pre-wrap;
    word-wrap: break-word;
}

 .about-tool{background:#fff;color:#000;margin-top:50px;border-radius:5px;
 padding:15px;
          max-width:1200px;
             margin-left:10px;
             margin-right:10px;
 line-height: 40px;
 box-shadow:rgba(40,30,60,.1) 0 1px 2px,rgba(40,30,60,.1) 0 2px 5px 0;padding-top:5px}
 body {
 font-size: 16px  ! important;
 
 }
 
 h1 {
 font-size: 36px ! important;
 }
 
 h2 {
 font-size: 30px  ! important;
 }
 
 h3 {
 font-size: 24px  ! important;
 }
 
 h4 {
 font-size: 20px  ! important;
 }
 
 h5 {
 font-size: 18px  ! important;
 }
 
 h6 {
 font-size: 16px  ! important;
 }
 
 p {
 font-size: 16px  ! important;
 }
 
 strong {
 font-size: 16px  ! important;
 }
 
 small {
 font-size: 12px  ! important;
 }
 
 label {
 font-size: 16px  ! important;
 }
 
 input {
 font-size: 16px  ! important;
 }
 
 select {
 font-size: 16px  ! important;
 }
 
 textarea {
 font-size: 16px  ! important;
 }
 
 button {
 font-size: 16px  ! important;
 }
 
 i {
 font-size: 16px  ! important;
 }
 
 
 @media (max-width: 600px) {
 body {
 font-size: 14px  ! important;
 }
 
 h1 {
 font-size: 24px  ! important;
 }
 
 h2 {
 font-size: 20px  ! important;
 }
 
 h3 {
 font-size: 18px  ! important;
 }
 
 h4 {
 font-size: 16px  ! important;
 }
 
 h5 {
 font-size: 14px  ! important;
 }
 
 h6 {
 font-size: 12px  ! important;
 }
 
 p {
 font-size: 14px  ! important;
 }
 
 strong {
 font-size: 14px  ! important;
 }
 
 small {
 font-size: 10px  ! important;
 }
 
 label {
 font-size: 14px  ! important;
 }
 
 input {
 font-size: 14px  ! important;
 }
 
 select {
 font-size: 14px  ! important;
 }
 
 textarea {
 font-size: 14px  ! important;
 }
 
 button {
 font-size: 14px  ! important;
 }
 
 i {
 font-size: 14px  ! important;
 }
 }
 input[type="number"] {
 background: #f5f6fa !important;
 border: 1px solid #d1d9e6 !important;
 }
input[type="checkbox"] {
 box-shadow:none !important;
 }
 input[type="range"] {
 box-shadow:none !important;
 }
 input[type="radio"] {
 box-shadow:none !important;
 }
 
 input[type="text"] {
 background: #f5f6fa !important;
 border: 1px solid #d1d9e6 !important;
 }
 textarea,select {
 background: #f5f6fa !important;
 border: 1px solid #d1d9e6 !important;
 }
 
 input[type="range"] {
 background: #f5f6fa !important;
 border: 1px solid #d1d9e6 !important;
 }
 input[type="email"] {
 background: #f5f6fa !important;
 border: 1px solid #d1d9e6 !important;
 }
input[type="file"] {
 box-shadow:none !important;
 }
 button,input,textarea,select,button{
 box-shadow:0 4px 8px rgba(0,0,0,0.1) ;
 }
 hr{
 border: solid 0.1px #d1d9e6;
 margin: 7px;
 }
 button {
 
 transition: transform 0.3s ease;
 }
 button:active {
 transform: scale(1.05);
 }
 
 
 input[type="number"]:focus {
 outline-color: #66b3ff !important;
 }
 
 input[type="text"] {
 outline-color: #66b3ff !important;
 }
 input[type="email"] {
outline-color: #66b3ff !important;
}
 textarea :focus{
 outline-color: #66b3ff !important;
 }
 
 select :focus{
 outline: none;
 border: dashed 1.5px #007bff;
 }
 [name="tool-name-title"]{
 
 padding-bottom:30px;
 padding-left: 20px;
 }
 select:focus{
border: dashed 1.5px #007bff !important;
}
input,textarea{
outline-color: #66b3ff !important;
out-line:solid !important;
}
[name="main-buttons-tool"]{

 background-color: #007bff;
    color: white;
    cursor: none;
    border-radius: 10px;
    
    float: right;
    margin-right: 20px;
    
    padding: 13px;
    margin-top: 20px;
    border: 0;
}
[name="tool-clear-buttons"]{

 
    background: #f5f6fa ;
 border: 1px solid #d1d9e6 ;
    margin-left: 10px;
    border-radius: 10px;
    
    padding: 10px;
    margin-top: 20px;
    
    padding: 13px;
}

div.about-tool ul {
  margin-left: 20px;
  padding-left: 20px;
  list-style-type: square;
}

div.about-tool ol {
  margin-left: 20px;
  padding-left: 20px;
list-style-type: circle;
  
}