sup {
  vertical-align: super;
  font-size: 75%;
  vertical-align:75%;
  line-height: 60%;
}
sub {
  vertical-align: sub;
  font-size: 75%;
  vertical-align:0%;
	margin-bottom: -5em;
}
p {margin: 0;}
big{font-size: 140%;}
bigr {font-size: 160%;}
lrg {font-size: 200%;}
hugh {font-size: 500%;}
small{font-size: 80%;}
smaller{font-size: 50%;}
right{text-align: right;}
br1{display: block; line-height: 1.4;}
center {text-align: center;}
red{color: red;}
darkred{color: darkred;}
blue{color: blue;}
green{color: green;}
cyan{color: cyan;}

bottom {
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
}
bcenter {
		position:absolute;
		bottom:0;
		width:100%;
		left:auto;
		text-align:center;
}
bright {
		position:absolute;
		bottom:0;
		right:0;
}

.divMain {
  position: relative;
  margin-left:auto;
  margin-right:auto;
  font-family:Arial, Verdana, Helvetica, sans-serif; 
  font-size:18px; 
  font-weight:normal; 
  line-height:125%;
}

.speaker {width: 20px;
    vertical-align: -5px;
    cursor: pointer;
    content: url("../speaker.png");
}

.centerimg {
  position:relative; 
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.img-hor {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}
.img-full{position:relative; margin:15px 0 24px 0; width:100%;}
.img-right{position:relative; float: right; width:820px; margin-bottom: 40px;}
.img-left{position:relative; float: left; width:820px; margin-bottom: 40px;}
.img-center{position:relative; margin:12px auto; cursor:pointer;}
bubbatest{
  text-shadow: -2px 4px 4px #000000,
    0.5px -1px 0 #dddddd,
    0 2px 1px rgba(255,255,255,.1);
}

/*For larger fonts*/
bubba{
  text-shadow: -2px 4px 4px #000000,  /* -2px 4px 4px #000000,*/
    0.5px -1px 0 #dddddd,
    0 2px 1px rgba(255,255,255,.1);
}
/*For smaller fonts*/
bubbax {
  text-shadow: -6px 6px 8px #000000,
    0.35px -0.75px 0 #dddddd,
    0 1.25px .75px rgba(255,255,255,.1);
}

fancy_smancyx{
  text-shadow: 0px 0px 0 #000000,
    0.2px -1px 0 #aaa9ad,
    0.5px -1px 0 #ffffff,
    0 2px 1px rgba(255,255,255,0),
    0 0 5px rgba(0,0,0,.1),
    0 1px 3px rgba(0,0,0,.3),
    0 3px 5px rgba(0,0,0,.4),
    0 5px 10px rgba(0,0,0,.6),
    0 10px 10px rgba(0,0,0,.6),
    0 20px 20px rgba(0,0,0,.15)
	;
}
fancy_smancy{
  text-shadow: -2px 4px 4px #000000,
    0.55px -1px 0 #dddddd,
    0 2px 1px rgba(255,255,255,.1);
}

.hit-the-floor {
  text-align: center;
}

body {
  background-color: #f1f1f1;
}
.filtered {
    width: 800px;
    height: 450px;
    border-radius: 10px;
    margin: 2px;
    background-image:
        radial-gradient(ellipse, #0000, #0007),
        linear-gradient(0deg, #9725, #9725),
        url(https://i.ibb.co/vJt5HSh/noisy-texture-300x300-o10-d10-c-a82851-t1.png),
        url(https://i.ibb.co/m4sGRmK/pexels-pixabay-247431.jpg);
    background-size: auto, auto, auto, cover;
    background-repeat: repeat;
    background-position: center;
    filter: blur(0.05em) saturate(0.7) contrast(1.5) brightness(1.2);
}
C2 {font-family:"Lucida Calligraphy", cursive;font-style:normal;font-size:16.0pt; }
C4 {font-family:"Lucida Calligraphy", cursive;line-height:33.00pt;font-size:24.0pt; }
C3 {font-family:"Lucida Calligraphy", cursive;font-size:24.0pt; }

.disable-scrolling{height: 100%; overflow: hidden;}
.enableScroll{height: 100%; overflow = "auto";}

.borderragged2 {
  border:18px solid transparent; 
  border-image: url("../ragged2.png") 24 stretch; 
}
.borderragged4 {
  border:18px solid transparent; 
  border-image: url("../ragged4.png") 24 stretch; 
}

/*Header for sections*/
hdr:before {
	counter-increment: section;        
	content: "" counter(section) ". "; }
hdr { display: inline;}

.mylink {color:blue; text-decoration: underline; cursor:pointer;}