html,body {
    background:rgb(9,4,24);
}
.header-container, .body-container{
    background:rgb(2,0,8);
}
.header
{
    margin-left:auto;
    margin-right:auto;
    float:none;
    width:1024px;
    max-width:100%;
}
.footer{
    margin-left:auto;
    margin-right:auto;
    color:white;
    padding:20px;
    width:1024px;
    max-width:100%;
}
.body{
    margin-left:auto;
    margin-right:auto;
    float:none;
    width:1024px;
    max-width:100%;
    color:rgb(200,200,200);
    padding:20px;
}
small.is-invalid {
    color:red;
}
small.is-valid{
    color:green;
}
h1 {
	color:#007;
}
.logo{
    width:1024px;
    max-width:100%;
}
.icon{
    height:50px;
    width:50px
}
.title{
    width:350px;
}
.header-nav{
    width:624px;
}
.nav-item{
    padding:10px;
}
.navbar-right{
    text-align:right;
    float:right;
    margin-left:auto;
}
#cursor-chaser-container{
    position: absolute;
    overflow:hidden;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:1000;
    display: block;
    pointer-events:none;
}
.cursor-chaser{
    position:absolute;
    width:16px;
    height:16px;
    left:-100px;
    top:-100px;
    line-height:0px;
    display:block;
    pointer-events:none;
}
#cursor-chaser-link{
    width:48px;
    height:48px;
}
@keyframes normalLink {
    0% {
        color: #fff;
    }
    100% {
        color: #0060ff;        
    }
}
a,.nav-link {
    color: #0060ff;
    animation-name:normalLink;
    animation-duration:.5s;
    text-decoration: none;
}
@keyframes hoverLink {
    0% {
        color: #0060ff;
    }
    100% {
        color: #fff;
    }
}
a:hover {
    color: #fff;
    animation-name:hoverLink;
    animation-duration:.5s;
    text-decoration:none;
}
.copyright
{
    padding:10px;
}
.footer-container
{
    border-top:1px dashed #315;
}
.force-fit
{
    width:100%;
}
h1{
    font-size:xx-large;
    Color:#0060ff;
}
h2
{
    font-size:x-large;
    color:#0060ff;
    margin:0px;
    padding:0px;
}
h3{
    color:#777;
    text-transform: uppercase;
    font-size:large;
}
span{
    color:#777;
}

@keyframes normalSL {
    0% {
        color: #fff;        
    }
    100% {
        color: #3090ff;
    }
}

@keyframes hoverSL {
    0% {
        color: #3090ff;
    }
    100% {
        color: #fff;        
    }
}
.specialbutton
{
    border-radius: 100px;
    background: linear-gradient(-45deg, #103, #036);
    
    line-height: 3em;
    height: 3em;
    display: inline-block;
    padding: 0em 2em 0em 2em;
    color: #3090ff;
    
    animation-name:normalSL;
    animation-duration:.5s;
}
.specialbutton:hover
{
    color:white;
    background: linear-gradient(-45deg, #609, #06F);    
    animation-name:hoverSL;
    animation-duration:.5s;
}

.content-logo-container
{
    padding:50px 0px 50px 0px;
}
@media screen and (max-width: 576px) 
{
    .content-logo-container{
        display:flex;
        flex-direction:column;
        flex-grow:1;
        flex-wrap:wrap;
    }
    .content-logo-container .logo{
        order:1;
        float:left;
    }
    .content-logo-container .content{
        order:2;
        float:right;
    }
}
.contract-title
{
    font-size:xx-large;
    text-align:center;
    width:100%;
}
.dropdown-menu
{
    background:rgb(2,0,8);
}
.dropdown-item
{
    color:white;
}
.dropdown-item:hover
{
    color:white;
    background:rgb(9,4,24);
}
.indent
{
    padding-left: 20px;
}
.card{
    background:none;
}
.bg-studiojaw
{
    border:1px solid black;
}
.bg-studiojaw .card-header
{
    background:rgb(16,0,32);
    border:1px solid rgb(8,0,16);
}
.bg-studiojaw .card-body
{
    background:rgba(16,0,32,.8);
}
.bg-studiojaw .card-footer
{
    background:rgba(8,0,16,.7);
}
.fun{
    width:100%;
    padding:0xp;
    margin:0px;
    background:rgb(2,0,8);
}
.howitworks{
    width:100%;
}
pre{
    color:green;
}
.bg-joken{
    background:rgba(8,16,24,.5);
    padding:50px;
}