html{
    background-color:#eaeaea;
}
body{
	max-width: 690px;
	margin: auto;    
    display: block;
	padding: 0;
    border: 0;
    font-family: Arial;
    font-size: 14px;
    color:black;
	overflow-y: scroll;
}
p{
   width: 690px;
   word-wrap: break-word;
   white-space: normal;
   max-width: -webkit-fill-available;
}
h1, h2, h3, h4, h5, h6 {
    font-family:georgia;
    color:#666666;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
h1{
    margin: 0 0 0 0;
    border-top:no;
    font-size: 40px;
    border-bottom:2px solid black;
}
h2{
    font-size:30px;
}
h3{
    font-size:20px;
}
h4{
    font-size:16px;
}
h5{
    font-size:14px;
}
h6{
    font-size:12px;
}
a:link, a:visited {
    color:#ff0000;
    text-decoration:underline;
}
a:active, a:hover{
    color:#ff0000;
    text-decoration:none;
}
/*
.floatLeft{
    float:left;
}
.floatRight{
    float:right;
}
.textLeft{
    text-align:left;
}
.textRight{
    text-align:right;
}
.textCenter{
    text-align:center;
}
.center {
  margin: auto;
  width: 95%;
}
.bold{
    font-weight:bold;
}
.italic{
    font-style:italic;
}
*/
.tab {
    overflow: hidden;
    background-color: #fff;
}
.tab button {
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 7px 7px;
    transition: 0.3s;
}
.tab button:hover {
    background-color: #ddd;
}
.tab button.active {
    background-color: #ccc;
}
.tabcontent {
    border-top: none;
    animation: fadeEffect 1s;
}
/*
.floating-box {
    float: left;
    width: 450px;
    height: 400px;
    margin: 5px;
    border: 2px solid #000000;  
    overflow: auto;	
}
*/
.end{
    border-top:2px solid black;
    border-bottom:2px solid black;
    font-size:10px;
    color:#333333;
    background-color:#fff;
}
/*
for web hosting page only
* {
  box-sizing: border-box;
  max-width: max-content;
}
*/

/* Create four equal columns that floats next to each other */
.row {
  padding: 7px;
}

.column {
  float: left;
  width: 32%;
  padding: 0.5%;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the four columns stack on top of each other instead of next to each other 
*/
@media screen and (max-width: 500px) {
  .column {
    width: 100%;
  }