/* Set height of body and the document to 100% to enable "full page tabs" */
body, html {
  
  margin: 0;
  font-family: Arial;
   
}
.mid{
    text-align: center;
    align-content: center;
}
/* Style tab links */
.tablink {
  background-color: #869DAB;
  color: #3D313F;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 25%;
}

.tablink:hover {
  background-color: #2F4F4F;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  color: #3D313F;
  display: none;
  padding: 150px 20px;
  
}

.tabcontent a {
    color: #869DAB;
}
#Home {background-color: #DCC1B0;}
#News {background-color: #DCC1B0;}
#Contact {background-color: #DCC1B0;}
#About {background-color: #DCC1B0;}

/* The navigation bar */
.navbar {
 overflow: hidden; 

  background-color: #847072;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
    z-index:100;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  display: block;
  color: #2F4F4F;
  text-align: center;
  padding: 0px;
  padding: 0;
  text-decoration: none;
}

/* Change background on mouse-over */
.navbar a:hover {
  background: #ddd;
  color: black;
}

/* Main content */
.main {
  margin-top: 30px; /* Add a top margin to avoid content overlay */
}


h1{
    color: #3D313F;
}

.floarmid{
    float: inherit;
}
.navimg1{
    margin-left: 0;
    float: left;
    z-index: 101;
}
.navimg2{
    margin: 0;
    float: right;
    z-index: 101;
 
    
}

.textleft{
    text-align: left;
   
    margin-left: 100px;
}

.picright{
    margin-right: 100px;
    float: right;
}

.docframe1{
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 130px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  overflow-x: hidden; /* Disable horizontal scroll */
 
margin: 0;
}
.docframe2{
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 130px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  right: 0;
  overflow-x: hidden; /* Disable horizontal scroll */
  
    margin-top: 0;
}

.doctext{
    color: darkslategrey;
    text-align: center;
    margin-left: 137px;
    margin-right: 137px;
    font-size: 18;
}


.column {
  float: left;
  width: 30%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.mypic{
    float: right;
}

table, th, td {
  text-align: center;
  border: 1px solid black;
}



.pre1{
    overflow: auto;
height: 500px;
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}

.code1{
    color: black; 
    font-size: 18px;
    text-align: left;


/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #869DAB; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}