body{
background-color: white;
background-image: url("BG.png");
background-repeat:repeat;
color:black;
}


pre{
  font-size:x-large;
}
p{
  font-size:x-large;
}

a:link{
 color:blue;
}
a:visited{
 color:red;
}


.blueback{
background-color: blue;
}
.greenback{
background-color: #00ff00;
}



.align_tabbutton{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

@media screen and (orientation:landscape)
{
.shadowbox{
width:25vw;
height:auto;
border:4px solid #5555ff;
border-radius: 22px;
background-color: white;
box-shadow:4px 4px 4px 5px black;
}
}
@media screen and (orientation:portrait)
{
.shadowbox{
width:25vw;
height:auto;
border:4px solid #5555ff;
border-radius: 22px;
background-color: white;
box-shadow:4px 4px 4px 5px black;
}
}






.fontx{
 font-size:x-large;
}

.centerXX{
 font-size:xx-large;
 text-align:center;
}
.centerX{
 font-size:x-large;
 text-align:center;
}

.imgvw25{
width: 25vw;
height: auto;
}
.imgvw30{
width: 30vw;
height: auto;
}

.imgvw50{
width: 50vw;
height: auto;
}

.imgvw60{
width:60vw;
height:auto;
}
.imgvw80{
width:80vw;
height:auto;
}
.imgvw100{
width:100vw;
height:auto;
}

.Item{
display: flex;
flex-direction: row;
}

.ItemCansel{
display: revert;
}