body {
	background-color: #008080;
 margin: 0 auto;
  max-width: 1920px;
  padding: 3px;
   text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}
.colu{
    padding: 2px;
     background-color: #f1f1f1;
     border: 1px solid #008080;
    border-radius: 8px;
   word-break: break-word;
}
.view {
	display: inline-block;
	background-color: #000000;
	margin: 3px;
	padding: 2px;
	max-width: 100%;
    vertical-align: top;
    border: 1px solid #000000;
    border-radius: 4px;
}
.viewyt {
	display: inline-block;
	background-color: #000000;
	color: white;
	margin: 3px;
	padding: 2px;
	max-width: 100%;
    vertical-align: top;
    border: 1px solid #000000;
    border-radius: 4px;
}
.menuyt {
	display: inline-block;
	background-color: #ffffff;
	margin: 2px;
	padding: 2px;
	width: 100%;
	overflow:scroll; 
	text-align:  center;
	height:600px;
}
.menu1 {
	display: inline-block;
	background-color: #ffffff;
	margin: 1px;
	padding: 1px;
	width: 348px;
	text-align:  center;
	height:auto;
}

h2{
   	background-color: white;
}
.but{
    width: 148px;
    padding: 6px;
    margin: 4px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
    font-family: arial black; font-size: x-large; color: black; background-color: orange;
    }
.back{
    width: 150px;
    height: 150px;
    padding: 2px;
    margin: 4px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid orange;
    border-radius: 4px;
    overflow-wrap: break-word;
    text-align: center;
    font-family: arial black; 
    font-size: xx-large; 
    color: black; 
    background-color: white;
    }
.butm{
    width: 150px;
    height: 150px;
    padding: 2px;
    margin: 4px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid orange;
    border-radius: 4px;
    overflow-wrap: break-word;
    text-align: center;
    font-family: arial black; 
    font-size: x-large; 
    color: black; 
    background-color: orange;
    }
 input {
    width: 300px;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.ytim:hover, ytim:focus, ytim:active{
   background-color: blue;
  color: white;
  padding: 2px;
}
.back:hover, back:focus, back:active{
   background-color: green;
  color: white;
  padding: 2px;
}
.butm:hover, butm:focus, butm:active{
   background-color: blue;
  color: white;
  padding: 2px;
}
.but:hover, but:focus, but:active{
   background-color: blue;
  color: white;
  padding: 6px;
}
td a:hover{
   background-color: blue;
  color: white;
  padding: 1px;
}
td a:focus-within {
   background-color: blue;
  color: white;
  padding: 1px;
  }