@charset "UTF-8";
@import url("/backend/styles/global.css");
a {
	color: #4BE6CA;
}
a:hover {
	color: #FDB271;
}
a:focus {
    color: #C5FFF2;
}
body {
	background-color: #030C15;
    background-image:
        radial-gradient(#FFFEF6, rgba(246,245,218,.2) 2px, transparent 40px),
        radial-gradient(#FFFEF6, rgba(246,245,218,.15) 1px, transparent 30px),
        radial-gradient(#FFFEF6, rgba(246,245,218,.1) 2px, transparent 40px),
        radial-gradient(rgba(246,245,218,.4), rgba(246,245,218,.1) 2px, transparent 30px);
    background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px;
    background-position: -118px 0, -108px 62px, 95px 314px, 82px 116px;
	color: #DEDCA0;
}
blockquote {
    border-left: 0.25rem solid #030C15;
}
button {
	background-color: #551B1A;
	border-color: #1B1F27;
	color: #E2A98A;
}
button:hover {
	background-color: #E2A98A;
	color: #551B1A;
}
button:active {
	background-color: #E2A98A;
	border-color: #551B1A;
	color: #1B1F27;
}
h2 {
    color: #F1FDFF;
    border-bottom: 0.08em solid #F1FDFF;
}
hr {
	border-color: #4735A7;
}
select, option {
    background-color: #A43230;
    border-color: #F7CFDA;
    color: #EEE9C8;
}
option disabled {
	color: #dedede;
}

::-moz-selection {
    color: #4BE6CA;
    background: #00071D;
}
::selection {
    color: #5ce64b;
    background: #021d00;
}


#content-container {
	background-color: #2C353C;
	background-color: rgba(44, 53, 60, 0.8);
}
#content-container a {
    color: #A5A5FB;
}
#content-container a:hover {
    color: #FFFFE1;
}
#content-container a:active {
    color: #FBFFDA;
}
#featured-row a {
    color: #aff;
}
#featured-row a:hover {
    color: #1759ec;
}
#prompt_display, #story-content, #copyablePrompt {
    background-color: #3A45BE;
    
    background-color: rgba(19,19,19,0.65);
	background:
	linear-gradient(27deg, rgba(21,21,21,0.65) 5px, rgba(19,19,19,0.65) 5px) 0 5px,
	linear-gradient(207deg, rgba(21,21,21,0.65) 5px, rgba(19,19,19,0.65) 5px) 10px 0,
	linear-gradient(27deg, rgba(34,34,34,0.65) 5px, rgba(19,19,19,0.65) 5px) 0 10px,
	linear-gradient(207deg, rgba(34,34,34,0.65) 5px, rgba(19,19,19,0.65) 5px) 10px 5px,
	linear-gradient(90deg, rgba(27,27,27,0.65) 10px, rgba(19,19,19,0.65) 10px),
	linear-gradient(rgba(29,29,29,0.65) 25%, rgba(26,26,26,0.65) 25%, rgba(26,26,26,0.65) 50%, rgba(19,19,19,0.65) 50%, rgba(19,19,19,0.65) 75%, rgba(36,36,36,0.65) 75%, rgba(36,36,36,0.65));
	background-size: 20px 20px;
    
	color: #C3E6E4;
}
#prompt_display a, #story-content a {
    color: #FFC112;
}

.art-modal {
    background-color: #3A45BE;
    background-color: rgba(58,69,190,0.8);
	color: #C3E6E4;
}
.btn-default, .bg-default {
    color: #D9EDF7;
    background-color: #286090;
    border-color: #337AB7;
}
.btn-default:hover {
    color: #337AB7;
    background-color: #D9EDF7;
    border-color: #286090;
}
.btn-default:active {
    color: #286090;
    background-color: #D9EDF7;
    border-color: #337AB7;
}
.btn-default:focus {
    color: #286090;
    background-color: #D9EDF7;
    border-color: #337AB7;
}
.btn-default:active, .btn-default:hover {
    background-color: #1D213D;
    color: #D9E8FF;
}
.carousel-caption {
	background-color: black;
	background-color: rgba(0,0,0,0.8);
}
.GridWindow {
    background-color: #3A45BE;
    color: #C3E6E4;
}
.Input .LineInput, .InvisibleCursor, .BufferWindow .Input {
    color: white;
}
.jumbotron {
    background-color: rgb(0, 123, 255);
    background-color: rgba(0, 123, 255, 0.25);
}
.links-group-header {
    border-top: 1px solid #DEDCA0;
    border-bottom: 1px solid #DEDCA0;
}
.navbar-inverse, .navbar-dark, nav .bg-dark, #topnav, #topnavitems {
	background-color: #2C353C;
	border-color: #FFFEF6;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a, .navbar-dark .navbar-brand, .navbar-dark .nav-link, .navbar-toggler {
    color: #FFFEF6;
    border-color: #FFFEF6;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-nav>li>a:hover, .navbar-dark .navbar-brand:hover, .navbar-dark .nav-link:hover, .navbar-toggler:hover {
    background-color: #286090;
}
.nav-item a:hover, .nav-item a:focus, .nav-item .active a:hover, .nav-item .active a:focus {
    background-color: #3A45BE;
    color: #C3E6E4;
}
.WindowFrame {
    background-color: #2C353C;
}