/* revival-2016.css — ORIGINAL stylesheet recreating the 2016 master look.
   Structure follows Intelinsidecom/Roblox-Website (2016 branch) Roblox.Master
   (#MasterContainer > #Banner.BannerRedesign + #BodyWrapper > #Body 970px +
   #Footer.footer-container). All rules below are written fresh for this project. */
*{box-sizing:border-box}
html{background:#123f83}
body{margin:0;font:14px Verdana,Arial,sans-serif;color:#222;background:#123f83}
#MasterContainer{width:100%}
#Container{width:100%}
#Banner.BannerRedesign{background:#191919;color:#fff;border-bottom:1px solid #000}
.BannerCenterContainer{width:970px;margin:0 auto;padding:6px 0;overflow:hidden}
a.btn-logo{display:inline-block;float:left;color:#fff;font:bold 26px Verdana,Arial,sans-serif;text-decoration:none;padding:4px 12px 4px 0;letter-spacing:-1px}
a.btn-logo em{font-style:normal;color:#ff9d00}
#navigation-menu.NavigationRedesign{float:left;margin-left:10px}
#navigation-menu.NavigationRedesign ul{list-style:none;margin:0;padding:0}
#navigation-menu.NavigationRedesign li{display:inline-block;margin:0}
#navigation-menu.NavigationRedesign a{display:inline-block;color:#fff;text-decoration:none;font-size:15px;padding:12px 14px}
#navigation-menu.NavigationRedesign a:hover{background:#333}
#banner-account{float:right;color:#ccc;font-size:12px;padding:12px 0}
#banner-account a{color:#fff}
#BodyWrapper{background:#123f83;padding:10px 0}
#RepositionBody{width:970px;margin:0 auto}
#Body{background:#fff;border:1px solid #0a2c5f;padding:14px;min-height:420px}
#Body h1{font-size:22px;margin:0 0 10px}
#Body h2{font-size:17px;margin:18px 0 8px;border-bottom:1px solid #ccc;padding-bottom:4px}
.alert{background:#fff7c2;border:1px solid #d9c84e;padding:8px 10px;margin:0 0 12px}
.hero{background:#e8f0fa;border:1px solid #b8c4d4;padding:16px;margin:0 0 12px}
.btn{display:inline-block;background:#0d69ab;color:#fff;padding:8px 14px;text-decoration:none;border:1px solid #084a7a;margin-right:8px;cursor:pointer;font-size:14px}
.btn.alt{background:#fff;color:#0d69ab}
.btn:hover{filter:brightness(1.1)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.card{background:#fff;border:1px solid #bbb;padding:10px}
.card h3{margin:6px 0;font-size:14px}
.thumb{height:120px;background:linear-gradient(#b8c4d4,#7d8ea3);display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff}
pre{background:#111;color:#0f0;padding:10px;overflow:auto;max-height:320px;font-size:12px}
label{display:block;margin:8px 0;max-width:420px}input{width:100%;padding:8px;border:1px solid #999}
.muted{opacity:.7}.how li{margin:6px 0}code{background:#eee;padding:1px 4px}
#Footer.footer-container{width:970px;margin:0 auto;color:#fff;font-size:12px;padding:10px 0 20px}
#Footer .FooterNav{margin:6px 0}
#Footer .FooterNav a{color:#fff;text-decoration:none;margin-right:8px}
#Footer .FooterNav a:hover{text-decoration:underline}
#Footer .legal{opacity:.8;margin-top:8px}