section#namegenerator1{text-align:center;padding:20px 10px 60px 10px;right:0;left:0;min-height:320px;background:#3E74AB;border-radius:5px 5px 0 0;border:5px solid #fff;box-shadow:inset 0 0 7px -4px #000;}
#namegenerator1 #name2{height:45px;width:100%;display:block;margin:10px auto;background:#fff;line-height:2.5;border:1px solid #ccc;border-radius:3px;text-align:center;user-select:none;}
#namegenerator1 #randomize1{background:#00b307;width:100%;padding:5px 25px;color:#fff;border:none;display:block;margin:auto;border-radius:5px;font-size:17px;letter-spacing:0.6px;outline:none;}
#namegenerator1 .copybtn{display:block;padding:5px 0;background:#fff;border-radius:3px;cursor:pointer;margin:auto;border:1px solid #fff;width:45%;outline:none;}
#namegenerator1 #namesection{width:calc(100% - 4px);max-width:600px;margin:auto;position:relative;}
#namegenerator1 #namesection .copied{font-weight:600;color:#fff;background-color:#3E74AB;}
#namegenerator1 #namewarning i.fa.fa-times{padding:4px 5px;color:#fff;background:red;border-radius:100px;margin-right:4px;}
#namegenerator1 span#namewarning{display:block;font-size:11px;max-width:300px;line-height:3.5;height:40px;color:#000;background:#ffb9b9;margin:15px auto;border:1px solid #ff4343;border-radius:3px;}
#namegenerator1 #entersection.error{border:1px solid #f10;box-shadow:inset 0 0 15px -4px #f44336;}
#namegenerator1 button#randomize1:active{background:#ccc;}
#namegenerator1 #entersection{outline-color:#35407f;border:0;background:#fff;width:100%;max-width:600px;box-sizing:border-box;display:block;margin:10px auto;border-radius:5px;position:relative;}
#namegenerator1 input#enter1{width:100%;-webkit-appearance:none !important;background-color:transparent !important;box-shadow:inset 0 0 18px -4px #2035ad;box-sizing:border-box;border:none;text-align:center;outline:none;border:1px solid #2035ad;border-radius:11px;}
#namegenerator1 span#n_char_length1{right:10px;position:absolute;margin-top:8px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;opacity:0.5;}
#namegenerator1 #name_btn_section{display:inline-flex;width:100%;}
#namegenerator1 .btnn{display:block;padding:5px 0;background:#fff;border-radius:3px;cursor:pointer;width:25%;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:2.2;}
#namegenerator1 #next,
#namegenerator1 #previous{opacity:0.25;outline:none;}
#namegenerator1 #name_index{position:absolute;margin-top:8px;font-size:14px;font-weight:700;opacity:0.7;color:#3E74AB;left:10px;}
#namegenerator1 .btnsection{margin:auto;max-width:600px;}
@media only screen and (min-width: 686px) {
#namegenerator1 div#name_btn_section span,
#namegenerator1 input#enter1,
#namegenerator1 #name2,
#namegenerator1 #randomize1{height:48px !important;}
#namegenerator1 span#n_char_length1{margin-top:9px;}
}
span#previous:before{content:"\f053\f053";}
span#next:before{content:"\f054\f054";}
span.copybtn:before{content:"\f0c5";}
span.copybtn.copied:before{color:#fff;font-weight:300;}
#namegenerator1 button#randomize1.tryagain:before{content:"\f0e2";}
#namegenerator1 button#randomize1:not(.tryagain):before{content:"\f013";-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear;font-size:17px;}
span#next:before,
span#previous:before,
span.copybtn:before, button#randomize1.tryagain:before,
#namegenerator1 button#randomize1:not(.tryagain):before{font-family:"FontAwesome";margin:5px;color:#3f51b5d4;display:inline-block;line-height:1;vertical-align:middle;}
#namegenerator1 button#randomize1:not(.tryagain):before{color:#fff;}
#namegenerator1 button#randomize1.tryagain:before{animation:none;color:#fff;}
span#previous:not(.inactive):active,
span#next:not(.inactive):active{opacity:0.9 !important;}
#namegenerator1 div#name_btn_section span,
#namegenerator1 input#enter1,
#namegenerator1 #name2,
#namegenerator1 #randomize1{height:44px;}
body{font-family:"Open Sans", sans-serif;counter-reset:name_style;}
section#namegenerator{text-align:center;padding:20px 10px 60px 10px;right:0;left:0;min-height:320px;background:#3E74AB;border-radius:5px 5px 0 0;border:5px solid #fff;box-shadow:inset 0 0 7px -4px #000;}
#namegenerator #randomize{background:#00ac07;color:#fff;border:none;display:block;margin:auto;height:42px;width:50%;line-height:14px;font-size:16px;letter-spacing:0.6px;border-radius:5px;outline:none;box-shadow:0 0 5px -2px #000;cursor:pointer;min-width:160px;}
span.name_copy_btn.copied{background:#00dc09;border-color:#00dc09;}
span.name_copy_btn.copied i.fa.fa-copy{color:#fff;}
#namegenerator span.name_text:before{float:left;margin-left:10px;counter-increment:name_style;content:"#" counter(name_style);opacity:0.8;color:#fff;font-size:13px;}
span.name_text span{letter-spacing:-2px;}
#namegenerator button#randomize:active{background:#ccc;}
#namegenerator #entersection{width:100%;display:inline-flex;}
.symbolkbd::-webkit-scrollbar{width:4px;}
.symbolkbd::-webkit-scrollbar-button{width:4px;height:0;}
.symbolkbd::-webkit-scrollbar-track{background:#eee;border:thin solid lightgray;box-shadow:0 0 3px #dfdfdf inset;border-radius:10px;}
.symbolkbd::-webkit-scrollbar-thumb{background:#999;border:thin solid gray;border-radius:10px;}
.symbolkbd::-webkit-scrollbar-thumb:hover{background:#7d7d7d;}
#namegenerator input#enter{text-align:center;outline:none;outline-color:#35407f;border:2px solid #2035ad;box-shadow:inset 0 0 18px -4px #2035ad;background:#f5f5f5;height:45px;width:50%;margin:auto;box-sizing:border-box;border-color:#fff;font-size:16px;display:inline-flex;border-radius:5px;outline:none;letter-spacing:0.7px;}
#namegenerator span#n_char_length{color:#fff;font-size:12px;display:block;margin:3px auto 10px;}
div.symbolkbd{position:relative;margin:auto;max-width:500px;background:#eaeaea;border-radius:5px;padding-top:10px;margin-bottom:30px;margin-top:18px;border:2px solid #fff;box-shadow:inset 0 0 4px 0 #3E74AB;max-height:290px;overflow-y:auto;overflow-x:hidden;}
.symbolkbd .symbls{padding:6px 5px 5px;}
.symbolkbd span:not(.ezoic-autoinsert-ad):not(.tooltip2){width:calc(16.66% - 8px);display:inline-block;background:#fff;text-align:center;margin:4px;min-width:39px;font-size:19px;border-radius:2px;box-shadow:0 0 3px -1px;cursor:pointer;height:40px;line-height:40px;user-select:none;}
.symbls.one1{padding-bottom:20px;border-bottom:1px dashed #3E74AB;}
.symbls.two2{padding-bottom:20px;border-bottom:1px dashed #3E74AB;}
.symbolkbd div.head{margin:1px 0;background:#3E74AB;color:#fff;padding:10px;min-height:25px;}
#symblkbd3 i.fa.fa-keyboard{float:right;line-height:39px;margin-right:7px;font-size:18px;}
span.nright{float:right;width:22%;color:#e8e8e8;font-size:12px;letter-spacing:0.6px;margin-bottom:6px;}
span.nleft{float:left;width:22%;color:#e8e8e8;font-size:12px;letter-spacing:0.6px;margin-bottom:6px;}
span.ncenter{width:22%;color:#e8e8e8;font-size:13px;letter-spacing:0.6px;margin-bottom:6px;}
@media only screen and (min-width: 500px) {
#namegenerator #enter{width:80%;}
}
.red{color:#ff1d1d !important;}
#namegenerator span#n_char_length:before{content:"Chars:";}
i.fa.fa-exclamation-circle{color:#ff9800;margin:0 2px;}
#generated_names div{width:100%;margin:20px 0;display:flex;height:50px;}
#namegenerator span.name_text{width:100%;margin:0 auto 0 0;height:100%;border:3px solid #fff;background:#0c1444;color:#fff;font-weight:400;border-radius:5px;line-height:47px;font-size:16px;display:block;}
section#generated_names{max-width:600px;margin:auto;counter-reset:name_style;}
span.space101{width:3%;max-width:13px;}
span.name_copy_btn{display:block;width:15%;height:100%;border:3px solid #fff;background-color:#fff;cursor:pointer;border-radius:5px;}
#namegenerator i.fa.fa-copy{display:block;color:#0c1444;line-height:45px;font-size:21px;margin:auto;}
#namegenerator div#entersection select{width:22%;border-radius:5px;border:2px solid #fff;outline:none;font-size:23px;text-indent:20%;height:45px;padding:0;}
#namegenerator div#generator_section{padding-bottom:40px;border-bottom:2px dashed #fff;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;}
#namegenerator button#randomize:before{font-family:fontawesome;margin:5px;color:#fffffff2;display:inline-block;line-height:0;letter-spacing:0;vertical-align:middle;content:"\f013";-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear;font-size:17px;}
span.tooltip1{background:#000;color:#fff;padding:6px 14px;font-size:13px;letter-spacing:0.4px;border-radius:3px;height:min-content;text-align:center;display:none;z-index:9999;opacity:0.9;position:absolute;}
span.tooltip1:before{display:block;content:"";background:#000;width:8px;height:8px;position:absolute;transform:rotateZ(45deg);margin-top:-10px;margin-left:20px;}
span.tooltip2{background:#000;color:#fff;font-size:13px;letter-spacing:0.4px;border-radius:3px;height:30px;line-height:28px;text-align:center;display:block;z-index:9999;opacity:0.9;position:absolute;padding:0 11px;width:auto;margin-bottom:10px;margin-right:7px;bottom:0;right:0;}
span.tooltip2:before{display:block;content:"";background:#000;width:8px;opacity:0.9;height:8px;transform:rotateZ(45deg);position:absolute;margin:auto;right:-4px;top:0;bottom:0;}
.symbolkbd .symbls span.smoll {
font-size: 13px;
line-height: 45px;
}