.nosel, img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
a {
	text-decoration: none;
	color:inherit;
}
.link-blue {color: aqua;}
ul {
    list-style: none;
    padding: 0px;
}
.body {
	background-color: #8f96b5;
	/* overflow: hidden; */
}
.hidescroll {
	overflow: hidden;
}
.popin {
	transition: height 0.1s, margin 0.1s, padding 0.1s, opacity 0.1s;
	/* visibility: visible; */
	opacity: 1;
	/* pointer-events: auto; */
}
.popin.hidden {
	opacity: 0;
	/* visibility: hidden; */
	height: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
	pointer-events: none;
}
.popin-full {
	transition: opacity 0.1s;
	opacity: 1;
}
.popin-full.hidden {
	position: absolute;
	/* width: 0px; */
	/* height: 0px; */
	/* margin: 0px; */
	/* padding: 0px; */
	opacity: 0;
	pointer-events: none !important;
}
.delicate {
	transition: opacity 0.5s;
	opacity: 1;
}
.delicate.disabled {
	opacity: 0.5;
	pointer-events: none !important;
}
.maincenter-float {
	width: 900px;
	//
	height: 500px;
	position: absolute;
	top: 0;
	//
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.maincenter-header {
	font-family:sans-serif;
	text-align:center;
	font-size:60px;
	//
	margin-top:100px;
	/* margin-bottom:-10px; */
	display: flex;
	flex-flow:  column;
	align-items: center;
}
.maincenter-flexcontainer {
	display: flex;
	/* align-items: center; */
	/* flex-direction: column; */
}
.text-intro
{
	font-weight: 500;
	margin-bottom: 0;
}
.text-intro-sub
{
	font-size: 10px;
	margin-top: 0;	
}
.logo-intro
{
    margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	//text-align: center;
	height: 160px;
    width: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.logo-intro-img
{
	border-radius: 100%;
	position: absolute;
}
.logo-intro-img.img1
{
	height: 160px;
}
.logo-intro-img.img2
{
    height: 158px;
	image-rendering: pixelated;
}
.img1
{
	animation-name: spin;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in;
}
@keyframes move
{
	0% {
		clip: rect(0px, 80px, 160px, 0px);
	}
	50% {
		clip: rect(0px, 160px, 160px, 80px);
	}
	100% {
		clip: rect(0px, 80px, 160px, 0px);
	}
}
@keyframes spin
{
	0% {
		clip-path: polygon(50% -100%, 50% 200%, -100% 200%, -100% -100%);
	}
	25% {
		clip-path: polygon(200% 50%, -100% 50%, -100% -100%, 200% -100%);
	}
	50% {
		clip-path: polygon(50% 200%, 50% -100%, 200% -100%, 200% 200%);
	}
	75% {
		clip-path: polygon(-100% 50%, 200% 50%, 200% 200%, -100% 200%);
	}
	100% {
		clip-path: polygon(50% -100%, 50% 200%, -100% 200%, -100% -100%);
	}
}
.links-intro
{
	margin: auto;
    margin-left: 391px;
    //text-align: center;
	margin-left: 382px;
    font-family: Consolas;
}

@font-face {
    font-family: 'Atrocious';
    src: url('/Absolutely_Disgusting.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'Banderi';
    src: url('/Banderi_Script.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'Banwrite';
    src: url('/Banwrite.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'Banwrite2';
    src: url('/Banwrite2.ttf'); /*URL to font*/
}
@font-face {
    font-family: 'Silkscreen';
    src: url('/slkscr.ttf'); /*URL to font*/
}

.banderi {
	font-family: Banderi;
	margin-bottom: -15px;
}
.settings {
	font-family: Consolas;
	margin: 40px;
    margin-bottom: 50px;
	display: flex;
    align-items: center;
    /* justify-content: center; */
    flex-direction: column;
	height: 60px;
}
.left-align {
	text-align: left;
}
.settings-title {
}
 .setting-sel {
}
.prices
{
    font-family: Consolas;
	font-family: Atrocious;
	font-size: 30px;
	width: 60%;
}
.pricetag-li {
	//text-align: center;
 }
 .pricetag-span {
	text-align: left;
	width: 50px;
 }
 .quality-span {
	padding-right: 50px;
 }
 .info {
    color:#fff;
    background-color:#7396d6;
    width:12px;
    height:12px;
    display:inline-block;
	position: absolute;
	margin: 5px 0 0 3px;
    border-radius:100%;
	font-family: Consolas;
    font-size:10px;
    text-align:center;
    text-decoration:none;
    -webkit-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
    box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
}
.info2 {
	margin-top: 10px;
	margin-left: 5px;
}
.maincenter-flexcontainer {
	display: flex;
}
.maincenter-column {line-height: 20px;}
.cleft {
	width: 270px;
}
.cmiddle {
	width: 350px;
}
.cright {
	width: 270px;
}

.form {
	margin: 5px;
	margin-bottom: 8px;
	padding: 10px;
	/* border: solid 1px #e4e4e4; */
	border-radius: 5px;
	background-color: #ffffff40;
}
#form-account {
	/* width: 350px; */
	display: flex;
	padding: 20px;
	flex-direction:  column;
	align-items: center;
	/* position: relative; */
}
#form-myentries {
    min-height: 100px;
    position:  relative;
}
#myentries {
	/* display: none; */
}
#loginnotice {
    left: 0px;
    /* width: 100%; */
    position:  absolute;
    padding: 20px;
    /* padding-top: 30px; */
    text-align:  center;
    font-family: trebuchet ms;
    /* font-family: absolutely disgusting; */
    /* font-family: banderi; */
    font-style:  italic;
    font-size: 14px;
}
.selector {
    position: absolute;
    display: none;
}
.queue-header {
	/* font-style: italic; */
	font-family: trebuchet ms;
	font-family: banderi;
	font-style: d;
	font-size: 30px;
	font-weight: 600;
	word-spacing: -6px;
	padding: 4px;
	text-align: center;
}
.queue-name {
	/* display: inline-block; */
	padding: 2px 26px;
	/* background-color: #ffffff; */
	/* position: relative; */
	/* font-style: italic; */
	font-family: atrocious;
	font-weight: 800;
	font-size: 23px;
	text-align: center;
}
.queue {
	margin: 0px;
	/* margin-top: 5px; */
	font-family: trebuchet ms;
}
.queue-slot {
	position:  relative;
	background-color: #ffffff5c;
	/* background-image: linear-gradient(#f3f3f3, #ececec); */
	padding: 5px 10px;
	/* padding-left: 10px; */
	margin: 2px;
	border-radius: 2px;
	/* cursor:  pointer; */
}
.queue-slot.highlight {outline: 2px solid #9265e7;box-shadow: 0 0 0 2pt #7b8eba;}
.myslot {
	cursor: pointer;
}
.q-wip {
    background-color: white;
}
.q-confirmed {}
.q-onhold {
    background-color: #54687826;
    color: #7e8997;
}
.slotspan {max-width: 175px;}
.list-myentries {
	width: 100%;
	/* margin: -9px; */
	/* padding: 00px 0px 0px 0px; */
	padding: 0px;
	margin: 0px;
	/* border-top: solid 1px #e4e4e4; */
	font-family: consolas;
	/* font-size: 18px; */
	/* line-height: 15px; */
	color: #2a4b69;
	text-align: center;
}
.queue, .list-myentries {
    max-height: 600px;
    overflow-y: auto;
}
.slot-old {/* background-color: #d0d0d0; */}
.slot-onhold {
    background-color: #848fa5;
    color: #6a6b85;
    /* font-style:  italic; */
}
.slot-wip {
    background-color: #8bbf96;
    color: white;
}
.slot-queue {
    background-color: #00143621;
}
.slot-draft {}
.slot-pricetier {
	position: absolute;
	/* padding-left: 5px; */
	top: 6px;
	right: 4px;
	/* padding-right:  0px; */
	/* padding-left: 50%; */
}

.quoted { quotes: '\201c' '\201d'; }
.quoted:before { content: open-quote; }
.quoted:after  { content: close-quote; }

.forminput {
    /* width: 100%; */
    /* padding: 0px; */
    margin-bottom: 6px;
    font-family:  trebuchet ms;
}
.forminput2 {/* width: 30px; */display: flex;margin: 5px 5px;align-items:  center;/* text-align: center; *//* justify-content:  space-between; */}
.checkbox {
    width: 15px;
    height: 15px;
    /* size: 40px 40px; */
    /* padding: 20px; */
    /* margin: 0px; */
}
.dropdown {
    height: auto;
    padding: 2px;
    border: none;
    border-radius: 2px;
    color: white;
    background-color: #798fb0;
}
.dropdown:disabled {
	color: #ffffff66;
}
.icon-dd {
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:20px;
}
.inputbox {
    border: none;
    /* border: solid 1px #6e73a1; */
    border-radius: 2px;
    width: 200px;
    font-family: consolas;
    font-family: trebuchet ms;
    /* font-style: italic; */
    /* text-align:  center; */
    font-weight: 600;
    padding: 5px;
    margin: 2px;
    color: #ffffff;
    background-color: #7a89a4;
}
.inputbox::placeholder {
	font-family: trebuchet ms;
	font-style: italic;
	/* text-align: center; */
	/* font-weight: 600; */
	/* padding: 5px; */
	color: #b5b5b5;
	color: #0000005e;
}
.inputbox:disabled {
	color: #ffffff99;
}
.inputbox.secure {
	
}
input#username-edit {
    width: 190px;
    border-radius: 5px;
    margin-left: 10px;
    width: 183px;
}
.fullbox {
	width: 100%;
	box-sizing: border-box;
}
.largebox {}
.tokenbox {
    margin-top: 5px;
    width: 150px;
    /* height: 40px; */
    background-color: #6692b9;
    border: solid 1px #6863ca;
    /* border: none; */
    /* border-radius:  2px; */
    color: white;
    font-family: trebuchet ms;
    font-family:  consolas;
    font-size: 20px;
    text-align:  center;
    text-transform: uppercase;
}

.myemail {
    width: 220px;
    padding: 4px 14px;
    margin-bottom:  10px;
    border-radius: 6px;
    background-color: #8391ab91;
    /* font-weight: 600; */
    font-family: trebuchet ms;
    color: #ffffff;
    text-align:  center;
}
.myinfo {
    width: 100px;
    padding: 1px 0px 2px 25px !important;
    /* margin: 80px; */
    /* font-size: 19px; */
}
.extrasites {
	margin: 10px;
	margin-right: 2px;
}
.site {
    position:  relative;
    height: 24px;
    left: -6px;
    margin: 5px;
    padding: 0px 0px 0px 23px;
    border-radius: 6px;
    background-color: #2c2c4980;
    /* margin: 0px 10px; */
}
.site-icon {
    /* size: 16px 16px; */
    width: 15px;
    position:  absolute;
    left: 5px;
    top: 4px;
}
.handle {
    /* top: -20px; */
    margin-top: -2px;
    margin-right: -2px;
    height: 10px;
    width: 160px;
    /* background-color: #89899c; */
    /* border: none; */
    border-radius: 0px 6px 6px 0px;
}
.entry-dropdowns {
    display:  flex;
    justify-content: center;
}
.entry-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.btn {
    /* width: 200px; */
    height: 26px;
    padding: 0px 20px;
    font-family: trebuchet ms;
    font-weight: 600;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    outline: none;
    background-color: #4d719b87;
}
.btn:active {
	position:  relative;
	top: 1px;
	box-shadow: 0px -2px #cbcbd1;
	/* height: 24px; */
}
.btn:disabled {
    cursor: auto;
    color: #112c4936;
}
.btn.loggedin {
	
/* zoom: 0.8; */
}
.btn-login {
    width: 100px;
    height: 30px;
    margin: 8px 4px;
    padding-bottom: 5px;
    font-family: segoe ui;
    font-size: 16px;
    color: white;
    background-color: #3c699e;
}
.btn-login:active {
	box-shadow: 0px -2px #242470;
}
.btn-saveinfo {

}
.btn-entry {
    margin: 5px;
}
.btn-newentry {
	margin-left: 58px;
	margin-bottom: 4px;
	border-radius: 6px;
	/* font-size: 13px; */
	padding: 0px 18px;
}

.notif-1 {
    font-family:  trebuchet ms;
    font-weight: 600;
    font-size: 22px;
}
.notif-2 {
    font-family: georgia;
    font-family: trebuchet ms;
    font-size: 14px;
}

.pricetier {
    position:  relative;
    /* top: -3px; */
    top: 1px;
    /* transform: rotate(24deg); */
}

.eula {
    display:  flex;
    margin-top: 5px;
    padding: 10px;
    padding-bottom:  0;
    font-family: trebuchet ms;
    font-size: 15px;
    text-align:  center;
    align-items:  center;
    justify-content:  center;
}

.login {
    display: flex;
    flex-direction:  column;
    align-items:  center;
    /* position: relative; */
    /* margin-top: 0px; */
}

#login-email {
	/* display: none; */
}
#login-token {
	/* display: none; */
	/* position: relative; */
	/* height: 99px; */
	margin-top: 13px;
}
#login-loggedin {
	/* display: none; */
}
#entryeditor {
	/* display: none; */
	max-width: 320px;
	display: flex;
	flex-direction:  column;
	 */
	/* padding: 0px; */
	margin-bottom: 6px;
	font-family: trebuchet ms;
}

#title {
    /* width: 90%; */
}
#budget {
    width: 50px;
}
#desc {
    height: 240px;
}

.notifdiv {
    height: 100%;
    display:  flex;
    flex-direction: row;
    justify-content:  center;
    align-items:  center;
}
#notifications {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /* display: none; */
    z-index: 9999;
    pointer-events: none;
}
#notif {
    position:  fixed;
    width: 100%;
    height:  100%;
    /* display:  none; */
    background-color: #00000038;
    pointer-events: auto;
}
#notifbox {
    background-color: white;
    padding: 20px;
    border-radius: 3px;
    font-family: trebuchet ms;
}
#chaptcha {}
.message {
	/* display: none; */
	opacity: 1;
	position: absolute;
	/* top: -20px; */
	/* width:  60px; */
	height: 26px;
	padding: 0px 10px;
	padding-top: 7px;
	border-radius: 4px;
	background-color: red;
	font-family: trebuchet ms;
	/* font-weight: 600; */
	/* font-size: 14px; */
	text-align:  center;
	color: white;
	transition: opacity 1s linear;
}
.messagetail {
    position: absolute;
    top: -6px;
    width: 0px;
    height: 0px;
    border: solid 6px #ff0000;
    transform: rotate(45deg);
}
.fade-out {
	opacity: 0;
}
#overlay {
	pointer-events: auto;
}
.overlay-image-popup {
    cursor: pointer;
    padding: 300px;
    /* max-width: 80%; */
    /* max-height: 80%; */
}
#breather, #overlay {
	/* position: absolute; */
	/* top: 0px; */
	width: 100%;
	height: 100%;
	background-color: #10191e54;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.loader {
	position: absolute;
	/* left: 40%; */
	top: 360px;
	z-index: 1;
	border: 10px solid #ebebeb; /* Light grey */
	border-top: 10px solid #70828f; /* Blue */
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin2 2s linear infinite;
}
@keyframes spin2 {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.warning {
	position:  absolute;
	top: 360px;
	max-width: 300px;
	padding: 10px;
	background-color: white;
	border-radius: 7px;
	text-align: center;
	font-family: banderi;
	font-family: trebuchet ms;
	/* font-size: 26px; */
	z-index: 1;
	pointer-events: auto;
}
#userinfo-edit {
	/* border: solid 1px #0c133b1f; */
	background-color: #1c2f571c;
	border-radius: 5px;
	padding: 6px;
}
.form.dungeon {
    background-color: #1e1e22;
    /* border-radius: 5px; */
    height: 100%;
}
.dungeon {
    background-color: #323236;
    border-radius: 3px;
    color: #ebf2f0;
    font-family:  consolas;
    /* font-family: Courier New; */
    /* font-family: Lucida Console; */
}
.dungeon-header {
    padding-left: 5px;
    margin-bottom: -6px;
    font-size: 20px;
    font-family: courier new;
}
.cleft.dungeon {
    width: 190px;
}
.cmiddle.dungeon {
    width: 1000px;
    height: 800px;
    margin-right: 170px;
    margin-left: -8px;
}
.monitor {
    background-color: #01010f;
    height: 90%;
    margin: 5px;
    padding: 5px;
}
.monitor-text {
    position:  absolute;
    width: 950px;
    margin-top: -18px;
    /* max-width: 945px; */
    font-size: 12.7px;
    font-size: 19.7px;
    /* padding: 5px; */
    /* zoom: 1.542; */
    /* zoom: 2; */
    /* transform: scale(1.345); */
    /* image-rendering: pixelated; */
    font-family: Lucida Console;
    white-space: pre-wrap;
    word-break: break-all;
    pointer-events: none;
}
img.monitor-scene {
    top: 231px;
    left: -18px;
    /* padding-top: 146px; */
    position: absolute;
    width: 950px;
    image-rendering: pixelated;
}
.blur {
   color: #ffffff7d;
   text-shadow: 3px 2px 4px rgba(255, 255, 255, 0.36);
}
span.clickable {
    cursor: pointer;
}
.blink {
	animation: 1s blink step-end infinite;
}
@keyframes blink {
	0% { opacity: 0; }
	50% { opacity: 1; }
}
.small-navbar {
	width: 600px;
	/* font-family: trebuchet ms; */
	font-size: 13px;
	margin-bottom: 3px;
	/* padding: 8px 13px; */
}
.small-navbar-link {
	background-color: #02103f29;
	padding: 3px 8px;
	border-radius: 3px;
	/* margin-bottom: 20px; */
	margin: 0px 4px;
}

.home
{
	background-color: #aa4343;
	transition: background-color 0.2s ease;
}
/* a
{
	text-decoration: none;
}
ul
{
    list-style: none;
	padding: 0px;
} */
.home-main
{
	width: 900px;
	//height: 500px;
	//position: absolute;
	/* padding-top: 30px;
	//bottom: 0;
	left: 0;
	right: 0; */
	margin: auto;
	margin-top: 30px;
	overflow: hidden;
	border-radius: 40px;
	/* display: flex;
    flex-direction: column;
    align-items: center; */
	
	/* width: 1000px;
	height: 1000px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto; */
}
.home-main-header
{
	background-color: rgba(0,0,0,0.3);
	padding: 10px 10px 10px 10px;
	display: flex;
}
.home-main-content
{
	height: 600px;
	background-color: rgba(0, 0, 0, 0.5);
	position: relative;
}
.home-main-footer
{
	height: 100px;
	background-color: rgba(0,0,0,0.7);
}
.home-logo
{
	/* font-family:sans-serif;
	text-align:center;
	font-size:60px;
	//margin-top:100px;
	margin-bottom:-10px */
}
.home-logo-sub
{
	font-family: Banderi;
	color: white;
	font-size:30px;
	font-weight: 500;
	position: absolute;
    margin-top: -100px;
    margin-left: 200px;
}
.avatar
{
	overflow: hidden;
	position: relative;
    //margin: 30px;
	//margin-left: auto;
	//margin-right: auto;
	//text-align: center;
	height: 100px;
	width: 100px;	
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	
	transition: border-radius 0.25s ease;
	border-radius: 50%;
	-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.avatar:hover
{
	border-radius: 30%;
}
.avatar-mask
{
	height: 100px;
	width: 100px;
	position: relative;
}
.avatar-img
{
	position: absolute;
	height: 100%;
	//overflow: hidden;
}
/* .avatar-img.border
{
	height: 100%;
	width: 100%;
	transition: border-radius 0.25s ease;
	border-radius: 50%;
	border: solid 40px #550000;
} */

.avatar-img.img2
{
	image-rendering: pixelated;
}

.navbar
{
	/* max-width: 600px; */
	width:  600px;
	display: flex;
	margin-bottom: -10px;
}
.navbar-tab
{
	border-radius: 10px 10px 0 0;
	background-color: rgba(0,0,0,0.4);
	width: auto;
	max-width: 45px;
	height: 37px;
	//
	margin-left: 5px;
    //
	padding: 0 5px 0 15px;
	align-self: flex-end;
	cursor: pointer;
	display: flex;
	align-items: center;
	padding-left: 3px;
	overflow: hidden;
	filter: brightness(0%);
	transition: max-width 0.5s ease, height 0.5s ease, padding 0.5s ease, background-color 0.2s ease, filter 0.2s ease;
}
.navbar-tab:hover
{
	background-color: rgba(255,255,255,0.4);
	height: 40px;
	filter: none;
}
.navbar-tab.active
{
	background-color: rgba(0,0,0,0.285);
	width: auto;
	max-width: 200px;
	height: 40px;
	padding: 0 10px 0 3px;
	filter: none;
}
.navbar-icon
{
	height: 40px;
	width: 40px;
	min-width: 40px;
}
.navbar-icon-img
{
	height: 40px;
	width: 40px;
	image-rendering: pixelated;
	position: absolute;
}
.navbar-text
{
	font-family: atrocious;
	color: white;
	font-size: 24px;
	margin-left: 5px;
}

.page
{
	position: absolute;
	width: 890px;
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 5px;
	text-transform: uppercase;
	font-family: banwrite, banwrite2;
	color: white;
	font-size: 14px;
}
.page.active
{
	display: flex;
}
.page-paragraph
{
	/* font-family: banwrite2; */
	text-transform: lowercase;
	/* font-family: banwrite, banwrite2; */
	color: #ffffffc4;
	font-size: 22px;
	font-weight: 500;
	margin: 10px 20px;
	width: calc(100% - 40px);
}

.justify {
    text-align: justify;
    justify-content: center;
}


/*////////////////////////////*/

.links-intro
{
	margin: auto;
    margin-left: 391px;
    //text-align: center;
	margin-left: 382px;
    font-family: Consolas;
}
.banderi
{
	font-family: Banderi;
	margin-top: 10px;
	margin-bottom: -15px;
}
.settings
{
	font-family: Consolas;
	margin: 40px;
    margin-bottom: 50px;
	display: flex;
    align-items: center;
    /* justify-content: center; */
    flex-direction: column;
	height: 60px;
}
.left-align
{
	text-align: left;
}
.settings-title
{
}
.setting-sel
{
}
.prices
{
    font-family: Consolas;
	font-family: Atrocious;
	font-size: 30px;
	width: 60%;
}
.pricetag-li
{
	//text-align: center;
 }
 .pricetag-span
 {
	text-align: left;
	width: 50px;
 }
 .quality-span
 {
	padding-right: 50px;
 }
 .info
 {
    color:#fff;
    background-color:#7396d6;
    width:12px;
    height:12px;
    display:inline-block;
	position: absolute;
	margin: 5px 0 0 3px;
    border-radius:100%;
	font-family: Consolas;
    font-size:10px;
    text-align:center;
    text-decoration:none;
    -webkit-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
    box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
}
.info2
{
	margin-top: 10px;
	margin-left: 5px;
}
.lilderi
{
	bottom: 100px;
	/* width: 400px; */
	/* top: -600px; */
	/* padding-bottom: 100px; */
	margin-top: 176px;
	margin-right: 50px;
	/* width: 400px; */
	/* height: 250px; */
	/* background: MediumPurple; */
	color: #111;
	border-radius: 50%;
	text-align: center;
	font-size: 90px;
	float: left;
	shape-outside: ellipse();
	shape-outside: polygon(0 53%, 47% 36%, 85% 36%, 95% 49%, 96% 79%, 89% 100%, 0 100%);
}
.page-link {
    /* display: inline-block; */
    /* flex-basis: 30%; */
    /* flex-grow: 1; */
    height: 23px;
    /* max-height: 23px; */
    padding: 0px 6px 8px 4px;
    margin: 1px;
}
.page-link2 {
    padding: 0px 6px 8px 4px;
    font-size: 15px;
}
.hoverable {
	border-radius: 4px;
	transition: background-color 0.1s ease;
}
.hoverable:hover {
    background-color: #ffffff21;
}
.link-icon {
    position: relative;
    top: 5px;
    width: 24px;
    height: 24px;
    padding-right: 7px;
    margin-top: -2px;
}
.link-icon2 {
    position: relative;
    top: 5px;
    /* width: 24px; */
    /* height: 24px; */
    padding-right: 7px;
    margin-top: -2px;
}
.link-icon-side {
    position: absolute;
    left: 38px;
    width: 24px;
    filter: drop-shadow(0px 0px 5px #2c4725);
}
.link-container {
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    margin-bottom: 10px;
}
.link-column {
    display: flex;
    flex-flow: column;
    /* justify-content: center; */
    align-items: center;
    margin: 0px 17px;
}
span.question {
    color: #e788db;
}
.link-blue {
    color: aqua;
}
img.banner {
    /* height: 100px; */
    width: 100%;
    object-fit: cover;
}
.banner-link {
	width: 600px;
	height: 150px;
	padding: 0px 5px 6px 5px;
	border-radius: 4px;
	margin: 1px;
	overflow:  hidden;
}
.banner-link-md {
	/* display:  inline-block; */
	width: 130px;
	height: 100px;
	background-color:  darkblue;
	/* padding: 0px 5px 6px 5px; */
	border-radius: 4px;
	margin: 2px;
	overflow: hidden;
	color: #00ff72;
}
.banner-link-sml {
	display:  inline-block;
	width: 120px;
	height: 70px;
	background-color: darkblue;
	/* padding: 0px 5px 6px 5px; */
	border-radius: 4px;
	margin: 2px;
}
.greyscale {
	filter: grayscale(100%);
	transition: filter 0.1s ease;
}
.greyscale:hover {
    filter: grayscale(0%);
}
.thin-p {
	margin: 3px;
}
.banner-container {
    display: flex;
    /* flex-basis: 30%; */
    /* flex-grow: 1; */
    flex-wrap: wrap;
    justify-content: center;
    margin-top:  5px;
    margin-bottom:  30px;
}
.banner-container2 {
    display: flex;
    flex-direction: column;
}
.antimony-link {
	display: flex;
	/* position: absolute; */
	top: -45px;
	left: 20px !important;
	margin-bottom: -50px;
	/* float: right; */
	/* text-align: right; */
}
.floating-link {
    /* display: flex; */
    position: absolute;
    top: 20px;
    left: 10px;
    cursor: pointer;
    padding-bottom: 3px;
    padding-left: 2px;
    z-index: 999;
}
.page-column {
	height: 100px;
	margin: 0px 30px;
}
.archive-link {
    height:  15px;
    color: #00ef76;
    /* text-transform: lowercase; */
    /* font-family: banwrite2; */
    font-size: 16px;
}
.fill {
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.overimage {
    width: 130px;
    position: absolute;
    bottom: 5px;
    font-family:  silkscreen;
    font-size: 16px;
    text-align:  center;
    text-shadow: 0 0 4px black;
}
.page-header {
    color: white;
    font-weight: 600;
}
#content-pop, #content-pages {
	position: absolute;
	width: 900px;
	left: 0px;
	opacity: 1;
	/* opacity: 0; */
	transition: opacity 0.6s, left 0.6s, right 0.6s;
}
#content-pop.crd-hidden {
	opacity: 0;
	left: 900px;
}
#content-pages.crd-hidden {
	opacity: 0;
	left: -900px;
}
.leftpanel {
    position: absolute;
    display: flex;
    width: 450px;
    top: 0px;
    left: 0px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.rightpanel {
    position: absolute;
    display: flex;
    width: 450px;
    top: 0px;
    right: 0px;
    align-items: center;
    /* justify-content: center; */
    flex-direction: column;
}
.gameinfo {
    font-family: arial;
    font-family: trebuchet ms;
    /* padding: 40px; */
}
.card-desc {
	padding: 0px 40px;
}
.card-text, .card-text > p {
    /* font-family: trebuchet ms; */
    text-transform: none;
    font-size: 15px;
}
.card-synopsis {
	padding: 20px;
	padding-right: 0px;
	/* font-size: 16px !important; */
	font-style: italic;
	font-weight: 600;
}
.card-media {
	margin-top: 20px;
	width: 100%;
	height: 270px;
	background-color: black;
}
.card-gallery-desc {
	font-style: italic;
	font-size: 14px;
	color: #ffffff99;
	width: 100%;
	margin-top: 10px;
}
.motd {
	font-size: 12px;
    font-weight: 600;
    color: white;
    background-color: #9f253e;
    border-radius: 4px;
    padding: 10px;
}
.motd.important {
	font-size: 12px;
    font-weight: 600;
    color: white;
    background-color: #9f253e;
}
.float-icon {
    position: absolute;
    z-index: 9;
}
.preferred-icon {
    top: -8px;
    right: -3px;
    width: 24px;
}
.dropdown > option:disabled {
	color: #00000066;
}
.card-gallery {
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	width: 100%;
	/* height: 100px; */ */
	margin-top: 8px;
	margin-top: 10px;
	scroll-behavior: smooth;
	font-size: 0;
}
.gallery-elem {
	position: relative;
	display: inline-block;
	/* background-color: black; */
	width: 140px;
	height: 90px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}
.gallery-elem-th {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #638794;
}
.gallery-elem:after {
	content: '\A';
    position: absolute;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    opacity: 0;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.gallery-elem:hover:after {
    opacity: 1;
}
.gallery-elem-img:after {
    background:rgba(0, 0, 0, 0.6);
}
.gallery-elem-vid:after {
	background:rgba(0, 0, 0, 0.6);
    background-image: url("graphics/play_thumb.png");
}
.card-media-img {
	position: relative;
	width: 100%;
	height:100%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.card-media-img:after {
    content: '\A';
    position: absolute;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    /* background:rgba(0, 0, 0, 0.6); */
    background-image: url("graphics/zoom_thumb2.png");
    opacity: 0;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.card-media-img:hover:after {
    opacity: 1;
}
.card-media-th {
	/* width: 420px; */
	/* height: 270px; */
	max-width: 420px;
	max-height: 270px;
	object-fit: contain;
}
.card-media-vid {
    /* position: relative; */
    width: 100%;
    height: 100%;
    /* cursor: pointer; */
}
.rightpanel.gameinfo {
    width: 420px;
    padding: 0px 40px;
    /* display: flex; */
}
.card-gallery::-webkit-scrollbar {
    height: 10px;
    background: #00000073;
}
.card-gallery::-webkit-scrollbar-thumb {
    height: 0px;
    background: #ffffff38;
}
.card-gallery::-webkit-scrollbar-thumb:hover {
    height: 0px;
    background: #ffffff91;
}

/*////////////////////////////*/

.cardevent-main {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cardevent-header {
    padding: 20px;
}
.cardevent-open {
    width: 200px;
    display: flex;
    align-items: center;
    flex-flow: column;
    margin: 110px;
    /* height: 130px; */
}
.cardevent-wrap, .cardevent-mycard {
    position: absolute;
}
#wrap {
    animation: wiggle;
	animation-duration: 1500ms;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	transition: opacity 0.6s;
    cursor: pointer;
}
#wrap.still {
	animation: none;
}
@keyframes wiggle {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(0deg); }
   65% { transform: rotate(10deg); }
   75% { transform: rotate(-15deg); }
   85% { transform: rotate(10deg); }
   95% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}
#drumroll {
	position: relative;
    top: -1950px;
    left: 1000px;
    width: 6000px;
    height: 6000px;
    border-radius: 50%;
    box-shadow: 0px 0px 54px 2830px rgba(0,0,0,0.5) inset;
    transform: translate(-1000px, -1000px);
	transition: opacity 0.6s;
}
#card {
	animation-name: float;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
    cursor: pointer;
}
@keyframes float {
	0% {
		filter: drop-shadow(0px 25px 10px rgba(0,0,0,0.5));
		transform: translatey(0px);
	}
	50% {
		filter: drop-shadow(0px 45px 15px rgba(0,0,0,0.5));
		transform: translatey(-20px);
	}
	100% {
		filter: drop-shadow(0px 25px 10px rgba(0,0,0,0.5));
		transform: translatey(0px);
	}
}
#godrays {
    transform-origin:center;
    height: 1250px;
    width: 1250px;
    position: absolute;
    top: -175px;
    margin: auto;
    margin-top: -30px;
    transition: .5s ease-out;
    animation-name: spin2;
    animation-duration: 20000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-mask-image: radial-gradient(black 0%, transparent 70%);
    mask-image: radial-gradient(black 0%, transparent 70%);
}
circle {
	stroke-dasharray: 3.93;
	fill: transparent;
    stroke: #ddf5ff36;
    stroke-width: 50;
    transform-origin: 50% 50%;
    
    animation-name: spin1;
    animation-duration: 14000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
#cardname {
    position: absolute;
    top: 540px;
    text-align: center;
    width: 100%;
    font-family: Banwrite;
    font-weight: 900;
    font-size: 40px;
    color: #41565f;
    text-shadow: -1px 0 black, 0 4px black, 1px 0 black, 0 -1px black;
}
#cardnamecolor {
    color: gold;
}
.ohgod {
    animation-name: ohgod;
    animation-duration: 3400ms;
    animation-iteration-count: initial;
    animation-timing-function: cubic-bezier(1,0,1,.11);
}
@keyframes ohgod {
	0% {
		transform: scale(1);
	}
	10% {
		transform: scale(1);
	}
	100% {
		transform: scale(200);
	}
}
.blog-header {
	font-family: trebuchet ms;
	/* font-family: banderi; */
	font-style: d;
	/* font-size: 30px; */
	font-weight: 600;
	/* word-spacing: -6px; */
	padding: 4px;
	text-align: center;
}
.blog-paragraph {
	padding: 2px 26px;
	font-family: monospace;
	font-weight: 800;
	/* font-size: 23px; */
	text-align: left;
	white-space: pre-line;
}

.dressup-container {
	display: grid;
	grid-template-columns: 1fr;
}
.dressup-img {
	width: 100%;
	/* position: relative; */
	/* top: 0px; */
	grid-row-start: 1;
	grid-column-start: 1;
}
.dressup-part {
    display: flex;
    align-self: start;
    padding: 2px;
}
.dressup-part-vert {
    /* content: ""; */
    display: flex;
    /* font-size: 20px; */
    flex-direction: column;
    padding: 0px 10px;
}
.dressup-part-label {
    /* content: ""; */
    /* display: inline-block; */
    font-size: 20px;
    /* flex-direction: column; */
}
.dressup-part-input {
	pointer-events: none
}
.dressup-layergroup-container {
    align-self: start;
    padding: 0px 20px;
}
.dressup-layergroup {
	
}