/************************ ALL Pages ***********************************/
.Center{display:block;margin:auto;}@font-face{font-family:BedlamMage;src:url(f/BedlamMageWeb.ttf);}.FntbM{font-family:BedlamMage;}.NoDeco{text-decoration:none;}.CenterText{text-align:center;}

/************************ Landing Page ***********************************/
body, html{height:100%;width:100%;left:0;top:0;overflow:hidden;border:0;margin:0;background-image:radial-gradient(circle,#AB0000 0%,#80FFFF 46%,#000080 100%);}@keyframes FxFadeInBG{0%{opacity:0}100%{opacity:1}}@keyframes FxFadeIn{0%{opacity:0}100%{opacity:1}}.FXStars{z-index:0;background:url('i/StrsFr512.png') 5% 5%,url('i/StrsMd512.png') 50% 50%,url('i/StrsBG1024.png') 90% 110%;top:0;left:0;right:0;bottom:0;position:absolute;opacity:.9;animation:strs 200s linear infinite;-webkit-animation:strs 200s linear infinite;}@keyframes strs{0% {background-position:200 200;}100%{background-position:1000% 0;}}
#NavMenuLogo{z-index:2;position:relative;top:1vh;height:20vh;margin:0 auto;}
#iBG{z-index:2;position:relative;top:1vh;height:80vh;display:block;margin:0 auto;}

/****************** Navigation Drop Down MENU ***************************/
#navMenu{z-index:4;position:fixed;top:-150%;left:0;background-color:#161616;list-style:none;width:100%;height:100%;border:0;transition:.5s;}
.NavMenuFont{color:#161616;font-size:clamp(1rem,15vw,9vh);top:clamp(3rem,3vh,5vh);}
#navMenu:target{position:fixed;top:0;transition:.5s;}
#menuTop{height:20vh;}
#LogobedlamMage{height:20vh;display:block;margin-left:auto;margin-right:auto;}
.close{position:relative;top:5vh;font-size:10vh;}
.menuBtn{width:100%;height:12vh;padding:0;border:.5vw solid #161616;background:linear-gradient(to right,rgba(0,0,0,0),#66ffff,rgba(0,0,0,0));}
.menuBtn:hover,.menuBtn:active,#menuTop:hover,#menuTop:active{animation:BtnA 1s infinite;-webkit-animation:BtnHA 1s infinite;}
.NavSocial{position:relative;font-size:8vh;padding:.5em;top:10vh;}
#BtnLi{color:#0e76a8;}#Btnfb{color:#3B5998;}#BtnIG{color:#d34836;}
.BtnAni:hover,.BtnAni:active{animation:BtnHA 1s infinite;-webkit-animation:BtnHA 1s infinite;}@keyframes BtnHA{0%,100%{color:#d1ffff;text-shadow:0px 0px 3px #000,0px 0px 6px #000,0px 0px 12px #ff0000,0px 0px 24px #800000;}50%{text-shadow:0px 0px 3px #000,0px 0px 6px #9d00ff,0px 0px 12px #d1f9f9,0px 0px 24px #fff;}}
#footer{position:relative;font-size:max(3vh,12px);color:#9e9e9e;top:5em;}

/*************************** Pop Up Content ***************************/
*{scrollbar-width:thin;scrollbar-color:#fff #000;}*::-webkit-scrollbar{width:3px;}*::-webkit-scrollbar-track{background:rgba(0,0,0,0);}*::-webkit-scrollbar-thumb{background:linear-gradient(rgba(0,0,0,0),rgba(51,0,0,.5),#990000,#fff,#990000,rgba(51,0,0,.5),rgba(0,0,0,0));border:1px solid rgba(0,0,0,0);}
.Title{position:absolute;border:0;padding:0;top:0%;right:50%;transform:translate(50%,-50%);text-transform:uppercase;font-family:Georgia, serif;font-size:3em;font-weight:700;color:#fff;text-shadow: 1px 1px 1px #000, 1px 2px 1px #820000,1px 3px 1px #920000,1px 4px 1px #A00000,1px 5px 1px #AF0000,1px 6px 1px #BF0000,1px 7px 1px #CF0000,1px 8px 1px #DF0000,1px 9px 1px #EF0000,1px 10px 1px #FF0011,1px 18px 6px rgba(16,16,16,0.4),1px 22px 10px rgba(16,16,16,0.2),1px 25px 35px rgba(16,16,16,0.2),1px 30px 60px rgba(16,16,16,0.4);}

#About,#News,#Games,#Contact,#Privacy,#ServiceNotAvailable{z-index:-1;position:fixed;opacity:0;transition:0.5s;list-style:none;right:200%;bottom:200%;border-radius: 15px 50px 30px;border:1px solid #c90000;}
#About:target,#News:target,#Games:target,#Privacy:target,#Contact:target,#ServiceNotAvailable:target{z-index:2;opacity:1;top:45%;left:49%;transform:translate(-50%,-49%);-ms-transform:translate(-50%,-49%);-webkit-transform:translate(-50%,-49%);}

.Cnt{position:absolute;padding-top:0px;padding-right:20px;padding-left:20px;padding-bottom:30px;width:80%;height:80%;margin:0;max-width:1000px;background-image:linear-gradient(#00f3ff 0%,#161616 5%,#161616 95%,#00f3ff 100%);}

.CntSNA{position:absolute;padding:15px;width:80%;height:20%;margin:0;max-width:1000px;}
.Cnt404{height:100%;width:100%;text-align:center;}

.SectionTitle{width:100%;height:auto;margin:10px 0 10px;text-align:center;font-size:2em;font-family:'Times New Roman',serif;text-shadow:2px 2px #000;color:#00f3ff;}

.InLineHeading{font-size:1.2em;text-shadow:1px 1px #000;font-family:'Times New Roman',serif;color:#00f3ff;}

.scroll{margin-top:2%;padding:5px;width:100%;left:5%;max-height:90%;overflow:auto;text-align:left;}

.ContentImage{background-repeat:no-repeat;background-position:center;background-size:contain;padding:18%;}
#GamesImageMain{background-image:url("../c/i/Pages/ATSAMLogo.png");}
#AboutUsImageMain{background-image:url("../c/i/Pages/BtnAbout.png");}

.InfoBox{width:95%;height:auto;background-color:#202020;padding:.2em .5em .2em .5em;margin:.2em;border-radius:5px 5px 5px;color:#dadfeb;text-shadow:1px 1px #000;font-family:Calisto MT, Bookman Old Style, Bookman, Goudy Old Style, Garamond, Hoefler Text, Bitstream Charter, Georgia, serif;border:1px solid #004a54;}

/******* Contact *********/
input[type=text],input[type=submit]{width:95%;padding:1vh;margin:.5em 1em .2em;display:inline-block;border:1px solid yellow;box-sizing:border-box;}
input[type=checkbox]{margin-top:16px;}
input[type=submit]{background-color:#FFF9E3;color:#000;border:1px solid #000;width:95%;opacity:.5;}
input[type=submit]:hover{opacity:1;}

.SubscribeButton{background-color:#FFF9E3;color:#000;border:1px solid #000;width:95%;}

/******* Error 404 - Mail Service *********/
.utton{border:none;color:white;padding:1em 1em 1em 1em;text-align:center; text-decoration:none;display:inline-block;font-size:1em;}

/**************************  MEDIA ORIENTATION  *******************************/
@media(orientation: portrait)
{
#iBG{left:-3vw;}
#LogobedlamMage{height:10vh;display:block;margin-left:auto;margin-right:auto;margin-top:4em;}
.NavSocial{position:relative;font-size:6vh;padding:.5em;top:5vh;}
#footer{position:relative;font-size:max(2vh,12px);color:#9e9e9e;top:5em;}
#About,#News,#Games,#ContactBox{width:90%;height:80vh;}
#About:target,#News:target,#Games:target,#ContactBox:target{top:50%;left:49%;}
.ContentImage{padding:18%;}
}

/*************************** iPHONE Specific ********************************/
@media screen and (max-device-width:480px){@media screen and (max-device-width:480px){body{-webkit-text-size-adjust:none;font-family:Helvetica,Arial,Verdana,sans-serif;padding:1px;}}}