#anc_oracle{
    width:90%;
    height:500px;

    /*z-index: 1;*/
}
#oracle-outer-circle{
    margin-top: 175px;
}

#circle-oracle {
    background-image: radial-gradient(ellipse at center 50%, rgba(244,215,227,0.5), rgba(244,215,227,0.5) 65%, rgba(0,0,128,1)65%);
    -webkit-filter: drop-shadow(0px 0px 0px 0);
    overflow: hidden;
}

#div_block-24-436 {
    background-image: url(/media/images/plugin/background_t3.png);
    background-size: cover;
    width: 480px;
    background-repeat: no-repeat;
    margin-top: 40px;
    height: 200px;
    z-index: 399;
}
#oracle-outer-circle {
    margin-top: 56px;

    margin-left: 338px;
}
#ancrealtext{
    text-shadow:0 -1px 1px #fff
}


#oracle-outer-textblock{
    /*margin-top: 50px;*/
    position: absolute;
    top: 100px;
    width: 80%;
    margin-left: 10%;
}
#anc_generate{
    margin-top: 20px;
    left: 37%;
    position: relative;
    right: 38%;
    /*margin-left: 470px;*/
    /*z-index: 413;*/
    width: 200px;
    margin-bottom: -70px;
    /*margin-bottom: 500px;*/
    /*margin-top: -500px;*/
}
#anc_generate:disabled{
    background: #ccc;
    opacity: 0.5;;
}
.rotatecircle,
#rotatecircle {
    left: 111px;
    width: 255px;
    height: 255px;
    background: conic-gradient(rgb(253, 203, 0) 8.3%, rgb(173, 255, 47) 0 16.6%, rgb(0, 102, 127) 0 24.9%, rgb(7, 171, 212) 0 33.2%, rgb(42, 42, 251) 0 41.5%, rgb(184, 184, 253) 0 49.8%, rgb(68, 68, 96) 0 58.1%, rgb(236, 236, 253) 0 66.4%, rgb(159, 126, 89) 0 74.7%, rgb(206, 25, 25) 0 83%, rgb(255, 165, 0) 0 91.3%, rgb(255, 215, 0) 0 100%);
    border-radius: 50%;
    z-index:2;
    top: 320px;
    position: relative;
}
.circleinnertext{

}
#ancrealtext{
    position: relative;
    top: 125px;
    /*font-size:0.90vw;*/
    font-size: 28px;
    color:black;
    font-weight: 300;
    width: 100%;
}
.circletext {
}
#anc_text {
width: 100%;
}

#anc_text_inner_start{

}
#anc_text_inner{
    width:100%%
    /*border: 10px solid rgba(68, 0, 170, 0.62);*/
}
.ancauthor{
    text-align: right;
}
.ancultra{

}
#anc_text_inner {
    /*position: relative;*/
    /*top: 175px;*/
    /*z-index: 803;*/
    /*top: 115px;*/
    /*font-size:40px;*/
}

@media (max-width:1120px) and (min-width:991px) {
    #oracle-outer-textblock{
        padding-right: 200px;
    }
}

@media (max-width:480px) and (min-width:380px) {
    .rotatecircle, #rotatecircle {
        left: 50px;
        margin-bottom: 15px;
    }
    #dbbab {
        margin-left: -10px;
        height:0px;
        margin-top: 20px;
    }
}
@media (max-width:379px)  {

}