/* The Laughing Zone - https://www.laughingzone.uk - TEXT-CSS Stylesheet */

@font-face {
             font-family: 'Broadway';
             src: url('../fonts/Broadway.woff2') format('woff2'),
             url('../fonts/Broadway.woff') format('woff');
             font-weight: normal;
             font-style: normal;
             font-display: swap;
}
@font-face {
             font-family: 'English157 BT';
             src: url('../fonts/English157BT-Regular.woff2') format('woff2'),
             url('../fonts/English157BT-Regular.woff') format('woff');
             font-weight: normal;
             font-style: italic;
             font-display: swap;
}
body       {
             background-image: url("background.gif");
             background-color: #000000;
             width: 100%;
             min-width: 967px;
             margin: 0 auto;
             text-align: center;
}
.marquee   {
             height: 70px;
             overflow: hidden;
             position: relative;
             font-family: 'Broadway';
             text-shadow: 2px 2px 8px #ED820E;
             font-size: 40px;
             color: #FF5F1F;
}       
.marquee p {
             position: absolute;
             width: 100%;
             height: 100%;
             margin: 0;
             line-height: 70px;
             text-align: center;
             -moz-transform: translateX(31%);
             -webkit-transform: translateX(31%);
             transform: translateX(31%);
             -moz-animation: bouncing-text 3s linear infinite alternate;
             -webkit-animation: bouncing-text 3s linear infinite alternate;
             animation: bouncing-text 6s linear infinite alternate;
}        
@-moz-keyframes bouncing-text {
        0% {
             -moz-transform: translateX(31%);
    }
        100% {
             -moz-transform: translateX(-31%);
    }
}
@-webkit-keyframes bouncing-text {
        0% {
             -webkit-transform: translateX(31%);
     }
        100% {
             -webkit-transform: translateX(-31%);
     }
}
@keyframes bouncing-text {
        0% {
             -moz-transform: translateX(31%);
             -webkit-transform: translateX(31%);
             transform: translateX(31%);
     }
        100% {
             -moz-transform: translateX(-31%);
             -webkit-transform: translateX(-31%);
             transform: translateX(-31%);
     }
}
a          {
	         color: #FFFF00;
}
a:visited  {
	         color: #FF9933;
}
a:hover, a:active   {
             color: #FF5F1F;
}
.home_image  {
             width: 432px; 
             height: 159px;
             padding-top: 20px;
}
.home-bottom  {
             text-align: center;
             width: 937px;
             margin: 0 auto;
             padding-top: 20px;
}
table        {
             width: 967px;
             height: 380px;
             text-indent: 0;
             border-spacing: 0;
             border-style:ridge; 
             border-width: 10px; 
             border-color: #ed7014 #be5504 #be5504 #ed7014;
             margin: 0 auto;
}
td          {
             padding: 3px;
             border-style: solid;
             border-width: 1px;
             border-color: #FF9933;
}
.text-style-1 {
	         text-align: center;
	         font-family: 'English157 BT';
	         font-size: 36px;
              color: #FFFF00; 
}
.text-style-1 span {
              text-decoration: underline;
}
.text-style-2 {
	         text-align: center;
	         font-family: 'English157 BT';
	         color: #FF5F1F;
	         font-size: 36px;
}
.text-style-3 {
	         text-align: center;
       	    font-family: 'English157 BT';
	         font-size: 36px;
              color: #FF0000; 
}
.text-style-4 {
	         text-align: center;
	         font-family: 'English157 BT';
	         font-size: 20px;
              color: #FFFF00;
}
.text-style-5 {
	         text-align: center;
	         font-family: 'Broadway';
	         font-size: 46px;
              color: #FF5F1F;
}
.text-style-6 {
	         text-align: center;
	         font-family: 'English157 BT';
	         font-size: 20px;
              color: #FF5F1F;
}
.menu-button {
             height: 175px;
             width: 309px;
             vertical-align: middle;
             background-color: #C0C0C0;
}
.darwin:hover, .darwin:active { content: url("darwin-button-hover.gif"); position: relative; box-shadow: 1px 1px 15px 10px #ffffcc;}
.blondes:hover, .blondes:active { content: url("blondes-button-hover.gif"); position: relative; box-shadow: 1px 1px 15px 10px #ffffcc;}
.medical:hover, .medical:active { content: url("medical-button-hover.gif"); position: relative; box-shadow: 1px 1px 15px 10px #ffffcc;}
.battle:hover, .battle:active { content: url("battle-button-hover.gif"); position: relative; box-shadow: 1px 1px 15px 10px #ffffcc;}
.rude:hover, .rude:active { content: url("rude-button-hover.gif"); position: relative; box-shadow: 1px 1px 15px 10px #ffffcc;}
.odds:hover, .odds:active { content: url("odds-button-hover.gif"); position: relative; box-shadow: 1px 1px 15px 10px #ffffcc;}
.warning   {
             width: 332px; 
             height: 51px;
             padding-top: 10px;
             padding-bottom: 10px;
}
.divider   {
             width: 601px; 
             height: 25px;
             padding-top: 10px;
             padding-bottom: 10px;
}
.share-button, .share-button:visited {
             display: inline-block;
             text-decoration: none;
             color: #ffff00;
             border: none;
             padding: 5px 10px;
             border-radius: 15px;
             outline: 2px solid #FF5F1F;
             text-align: center;
             font-family: 'Times New Roman', Georgia, serif;
             font-size: 14px;
             margin: 0 3px;
}
.share-button:hover, share-button:active  {
             color: #FF5F1F;
             outline: 2px solid #FFFF00;
             text-decoration: underline;
             position: relative;
             box-shadow: 1px 1px 15px 5px rgba(255, 255, 204, 0.7);
}