body,html{
    margin:0;
    height:100%;
    overflow-x:none;
    -webkit-touch-callout:none;/* iOS Safari */
      -webkit-user-select:none;/* Safari */
       -khtml-user-select:none;/* Konqueror HTML */
         -moz-user-select:none;/* Old versions of Firefox */
          -ms-user-select:none;/* Internet Explorer/Edge */
              user-select:none;/* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}
@font-face{
    font-family:"Pixelar";
    src:url("fonts/pixelar.eot"); /* IE9*/
    src:url("fonts/pixelar.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/pixelar.woff2") format("woff2"), /* chrome、firefox */
    url("fonts/pixelar.woff") format("woff"), /* chrome、firefox */
    url("fonts/pixelar.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("fonts/pixelar.svg#Pixelar") format("svg"); /* iOS 4.1- */
}
@keyframes bounce-y{
    0%{
        transform:translateY(-20px);
        -webkit-transform:translateY(-20px);
    }
    50%{
        transform:translateY(-10px);
        -webkit-transform:translateY(-10px);
    }
    100%{
        transform:translateY(-20px);
        -webkit-transform:translateY(-20px);
    }
}
a,a:hover,a:focus,.close,button{
	cursor:url('https://www.legendsofidleon.com/cursor3.png'),auto!important;
}
img{
    user-select:none;
    pointer-events:none;
    -webkit-user-drag:none;
}
*{
    user-select:none!important;
    -webkit-user-drag:none!important;
}
nav{
    height:93px;
    position:relative!important;
}
nav .container-fluid{
    justify-content:center!important;
}
.text{
    font-style:normal;
    -webkit-text-stroke-width:0.2px;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-family:"Pixelar",monospace!important;
}
.is-logo{
    margin-top:120px;
}
.bgi-1{
    transform:translate(-50%,-50%);
    position:absolute;
    height:93px;
    width:93px;
    left:85%;
    top:18%;
}
.bgi-2{
    transform:translate(-50%,-50%);
    position:absolute;
    height:93px;
    width:93px;
    left:6%;
    top:39%;
}
.bgi-3{
    transform:translate(-50%,-50%);
    position:absolute;
    height:93px;
    width:93px;
    left:66%;
    top:72%;
}
.bg-image{
    background-image:url("background.png");
    background-repeat:no-repeat;
    background-color:#6E099B;
    background-position:center;
    background-size:cover;
    height:100%;
}
.bg-text{
    z-index:2;
    padding:20px;
    color:white;
    margin-top:60px;
    text-align:center;
    border:3px solid #f1f1f1;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.4);
}
.card-image{
    background:url("movie.jpg");
    background-size:cover;
}
.card-image img{
    opacity:0;
}
#modlist-top{
    cursor:pointer;
    font-size:1.35em;
}
.modlist-closed::after{
    content:"►";
    font-size:9px;
    padding-left:3px;
}
.modlist-open::after{
    content:"▼";
    font-size:9px;
    padding-left:3px;
}
#modlist ul{
    padding:0;
    cursor:help;
}
.btn-idleon{
    color:#FFF;
    text-transform:uppercase;
    background-color:#6E099B;
}
.btn-idleon:hover,
.btn-idleon:focus{
    background-color:#480274;
}
.btn-download{
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}
.card{
    color:#FFF;
    border-top-left-radius:0px;
    background-color:rgb(0,0,0);
    background-color:rgba(255,255,255,0.2);
}
.card img{
    width:100%;
}
.card-body .btn{
    width:80%;
}
ul{
    list-style-type:none;
}
.tooltip .tooltip-inner{
    color:white;
    font-size:16px;
    border-radius:0;
    border:solid 1px #FFF;
    background-color:black;
    font-family:"Pixelar",monospace;
}
.bounce{
    animation:bounce-y infinite 2s linear;
}
.bounce-3s{
    animation:bounce-y infinite 3s linear;
}
.bounce-4s{
    animation:bounce-y infinite 4s linear;
}
.bounce-5s{
    animation:bounce-y infinite 5s linear;
}
.bounce-6s{
    animation:bounce-y infinite 6s linear;
}
@media(max-width:540px){
    .is-logo{
        margin-top:60px;
    }
    .is-logo img{
        width:100%;
        margin-left:20%;
    }
}
@media(max-width:767px){
    .is-logo img{
        width:100%;
        margin-left:20%;
    }
}
@media(min-width:768px){
    .is-logo img{
        width:200%;
    }
    .card-image{
        background:url("movie1.png");
        background-repeat:no-repeat;
        background-size:cover;
    }
}
@media(max-width:991px){
    .is-logo{
        margin-top:60px;
        margin-left:-36.66666667%;
    }
    .bg-text{
        width:80%;
    }
    .card-image{
        background-size:cover;
    }
}
@media(min-width:992px){
    .is-logo img{
        width:100%;
    }
}
@media(min-width:1450px){
    .is-logo img{
        width:100%;
    }
    .card-image{
        background:url("movie1.png");
        background-repeat:no-repeat;
        background-position-y:50%;
        background-size:contain;
    }
}