:root{--colorlink:#162ca9; --colorlinkhover: #0026ff; --colorbg:#6179ff; --colorprimary: #4965ff;}body,html{margin: 0; padding: 0; font-family: 'Source Sans Pro', sans-serif; background: var(--colorbg); height: 100%; width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-wrap: break-word; word-wrap: break-word;}#primary .container{margin: 15px 10px; background: #fff; padding: 10px 10px 20px; border-radius: 10px; position: relative; box-shadow: 0 0 3px -1px #000;}/* Text Color */ a{color: var(--colorlink);}a:hover{color:var(--colorlinkhover);}/* Layout Css */ main{margin-top: 70px;}.two{display: none;}/* Upvote/Downvote Css */ span.u:before{content: "\f584";content: "\f139";font-weight: 600;}span.v > span:before{font-family: 'FontAwesome'; margin-right: 5px; font-size: 16px;}span.d:before{content: "\f556";content: "\f13a";font-weight: 600;}span.v{display: block;text-align: center;}span.v > span{display: inline-flex; height: 27px; line-height: 27px; padding: 0 5px; font-size: 11px; color: #555a74; user-select: none;}span.u:before{color: #009688;}span.d:before{color: #c83000;}/* Media Queries */ @media only screen and (min-width:760px){main{position: relative;}#primary{width: 70%; float: left;}aside.right.sidebar{width: 30%; margin: 15px 0; box-sizing: border-box; float: right; padding: 0 10px 0px 0;}aside.right.sidebar > section{margin: 0 0 15px!important;}}@media only screen and (min-width:1100px){main{margin-left: 20%; margin-top: 55px; width: 80%;}}button{cursor: pointer;}.head{margin: 0; text-align: center; display: block; font-size: 22px; font-weight: 600; margin-top: 8px; margin-bottom: 6px;}.sub_heading{font-size: 13px; letter-spacing: 0.5px; margin: 2px auto 15px; text-align: center;}/* Animations */ @keyframes rotate{to{transform: rotate(360deg);}}body.admin-bar header.top,body.admin-bar nav.sidebar-menu{top: 46px;}@media only screen and (min-width:782px){html body.admin-bar header.top,html body.admin-bar nav.sidebar-menu{top: 32px;}}i{font-size: 14px;}.stylish_name_generator .separator{display: block; width: 90%; border-top: 2px dashed #fff; margin: 25px auto;}span.c:before{content: "\f4ad";font-weight: 600;}footer{position: relative; clear: both;}.advert{text-align: center;}@media (max-width: 550px){#primary .container,main aside.right.sidebar .container{margin: 15px 5px;}}.go_back_button{display: block; margin: 10px 5px; text-align: center; width: 162px; height: 45px; background: #fff; line-height: 46px; border-radius: 10px; font-size: 18px; box-shadow: 0 0 3px -1px #000; outline: none; border: 0; color: #444444;}.go_back_button:before{content: "\f100"; font-family: 'FontAwesome'; font-weight: 900; font-size: 23px; vertical-align: top; margin-right: 9px; opacity: 0.9;}#intro h1{text-align: center;margin-top: 5px;font-size: 24px;line-height: 34px;}#intro p{line-height: 24px; font-size: 16px; font-weight: 400;}.auto_generated_names .names_outer{/* background: #3f51b5; */ /* padding: 10px; */ /* border-radius: 4px; */}.auto_generated_names .name{display: block; background: #fafafa; margin: 0 auto 10px; text-align: center; min-height: 80px; border-radius: 3px; line-height: 80px; position: relative; font-size: 19px; cursor: pointer; border: 1px solid #ccc;}.auto_generated_names .name:after{content: "\f0c5"; font-family: 'FontAwesome'; color: #2196f3; font-size: 13px; margin-left: 5px; line-height: 1;}@media only screen and (min-width:1100px){.names_inner{text-align: center;}}.auto_generated_names .copied:before{content: "Copied"; display: block; height: 20px; background: #009688; position: absolute; top: 0; bottom: 0; right: 8px; line-height: 20px; margin: auto; color: #ffffff; border-radius: 3px; font-size: 12px; padding: 1px 5px;}.auto_generated_names .long.copied:before{font-family: "FontAwesome"; font-weight: 700; content: "\f00c"; border-radius: 50%; padding: 0; width: 20px; height: 20px; line-height: 20px; font-size: 12px;}.auto_generated_names .long.copied:after{visibility: hidden;}@media only screen and (min-width:500px){.auto_generated_names .copied:before{font-size: 14px; padding: 2px 9px;}}.auto_generated_names .loadmorebtn div{width: 25px; margin-left: 2px; float: left; min-height: 15px;}.auto_generated_names .loadmorebtn span{float: left;}.auto_generated_names .loadmorebtn.loading .one{display: none;}.auto_generated_names .loadmorebtn.loading .two{display: inline-block;}.auto_generated_names .loadmorebtn.loading i{animation: rotate 0.6s ease-in-out infinite;}.auto_generated_names .loadmorebtn{display: block; margin: 60px auto 18px; border: 2px solid #21814f; box-sizing: content-box; border-radius: 3px; font-size: 18px; background: #ffffff; width: 220px; height: 44px; background: #258b57; color: #fff; text-decoration: none; text-align: center; line-height: 45px; box-shadow: 0 0 9px -3px black;}.auto_generated_names .loadmorebtn:not(.loading) span.two{display: none;}#primary section.auto_generated_names{padding-bottom: 10px; padding: 10px 5px;}.loading_names .name span:before{content: "Loading..."; color: #5d5d5d;}.auto_generated_names .loadmorebtn:before{content: "\f01e"; font-family: 'FontAwesome'; color: #fff; font-size: 17px; font-weight: 900; margin-right: 10px; vertical-align: top;}.auto_generated_names .advert{margin: 20px 0;}/** Popular Names **/ .popular_names .name .text{text-align: center; display: inline-block; width: 100%; margin-bottom: 5px; position: relative;}.popular_names > div{margin-top: 25px;}.popular_names .name:not(:first-of-type){border-top: 1px dashed;margin-top: 17px;padding-top: 14px;}.popular_names .name a{text-decoration: none; font-weight: 700; display: inline-block;}.popular_names span.d{float: right;}.popular_names span.u{float: left;}aside .widget.popular_names.container{padding: 10px 10px 35px;}nav.sidebar-menu{display: block; width: 0; height: 100%; position: fixed; float: left; margin-top: 48px; overflow: hidden; transition: all 0.5s ease; z-index: 999; top: 0; box-sizing: border-box; box-shadow: 1px 0 7px -3px #000;}a.nav-item{width: 100%; display: block; position: relative; text-align: center; text-decoration: none; transition: all 0.3s ease; opacity: 0; border-bottom: 1px solid #5f5f5f; padding: 10px 0; color: #393939;}input#menutoggle:checked ~ nav.sidebar-menu{width: 270px;}input#menutoggle:checked ~ nav.sidebar-menu > div a{opacity: 1;}nav.sidebar-menu > div{background: #f6f6f6; height: 100%;}a.nav-item:last-child{border: 0;}a.nav-item:hover{color: var(--colorlinkhover);}/* Media Queries */ @media only screen and (min-width:1100px){nav.sidebar-menu.wide{height: 100%!important; width: 20%; box-shadow: none;}nav.sidebar-menu.wide a.nav-item{opacity:1;}nav.sidebar-menu.wide > div{height: auto; margin-top: 15px; margin-left: 10px; max-width: 300px; border-radius: 10px; /* float: right; */ width: calc(100% - 10px); position: relative; box-sizing: border-box; /* padding: 15px 10px; */ background: #fff; box-shadow: 0 0 3px -1px #000;}nav.sidebar-menu.wide > div a{width: 100%;}}@media only screen and (min-width:1100px){.menubtn.wide{display: none;}.logo.wide{margin-left: 30px;}}header.top{background: #fff; height: 55px; line-height: 51px; z-index: 1001; position: fixed; width: 100%; top: 0; border-bottom: 1px solid #b7b7b7;}header.top div{display:inline-block;vertical-align: top;height: 100%;}.menubtn span{height: 26px; width: 30px; text-align: center; line-height: 25px; background: var(--colorprimary); border-radius: 4px; color: #fff; margin-left: 15px; display: block; cursor: pointer; margin-top: 12px; border: 1px solid var(--colorprimary);}.menubtn{width: 15%;}.searchbox{width: 55%; text-align: left; padding-right: 15px; position: relative; max-width: 350px; float: right;}.logo a{color: #000; text-decoration: none;}input#namesearch{height: 25px; width: calc(100% - 52px); outline: 0; text-indent: 4px; border-radius: 4px 0 0 4px; border: 1px solid #3f51b5; background: #eef8ff;}button#namesearchbtn{height: 25px; box-sizing: content-box; margin-left: -5px; width: 40px; background: var(--colorprimary); padding: 1px 0; cursor: pointer; border-radius: 0 4px 4px 0; color: #fff; border: 1px solid #0027ff; outline: 0;}header.top .menubtn i.fas.fa-bars{transform: rotate(-180deg); transition: ease 0.3s transform; font-size: 15px;}input#menutoggle:checked ~ header.top .fa-bars:before{content:"\f00d";}input#menutoggle:checked ~ header.top i.fas.fa-bars{transform: rotate(180deg);}div#serp{width: 300px; position: absolute; right: 0; background: #fcfcfc; height: auto; border-radius: 5px; border: 1px solid #3f51b5; z-index: 999; box-shadow: -1px 2px 6px -3px #000; margin-right: 5px; display: none; top: 53px;}div#serp > span{display: block; width: 8px; height: 8px; background: #fcfcfc; transform: rotate(45deg); position: absolute; top: -6px; left: 0; right: 0; margin: auto; border-radius: 3px 0 0 0; border: 1px solid #3f51b5; border-width: 1.3px 0 0 1.3px;}div#serp b{font-size: 13px; border-bottom: 1px dashed; margin-right: 5px;}div#serp a > span{font-size: 12px; width: 100%; color: #4a4a4a;}div#serp a:not(:first-of-type){border-top: 1px dashed #cecece;}button#namesearchbtn i{display: none;}button#namesearchbtn.loading span{display: none;}button#namesearchbtn.loading i{display: inline-block; animation: rotate 1.7s cubic-bezier(0.22, 0.61, 0.36, 1) infinite; animation-delay: 0.2s;}input#namesearch.error{border-color: #ff0000;}span.searchvalid{display: none;position: absolute;background: #f10;color: #fff;padding: 2px 5px;height: 20px;line-height: 20px;border-radius: 6px;font-size: 12px;z-index: 1008;left: 0;right: 34px;margin: auto;width: fit-content;bottom: -22px;}span.searchvalid span{display: block; background: red; width: 7px; height: 7px; position: absolute; top: -2px; left: 0; right: 0; margin: auto; transform: rotate(45deg);}.searchbox.error span.searchvalid{display:block}#serp .links a{min-height: 35px; width: 100%; box-sizing: border-box; text-decoration: none; display: block; overflow-x: hidden; line-height: 20px; padding: 2px 4px; max-height: 100px; overflow: hidden;}#serp .links{width: 100%; display: block;}span.searchvalid.newname_error{margin-top: -12px;}aside.right.sidebar .container{background-color: #fff; padding: 10px; margin: 15px 10px; border-radius: 10px; box-shadow: 0 0 3px -1px #000; position: relative;}