#IDOLRING_WIDGET {margin:auto}

@font-face {
  font-family: 'Nunito';
  src: url('fonts/Nunito-Regular.ttf');
}

@font-face {
  font-family: "willow";
  src:url("fonts/willow.ttf");
  font-weight: 400;
}

.idolring { /* THE WIDGET'S PARENT CONTAINER */
    box-sizing: border-box;
    font-size:13px;
    margin:auto;
    width: 288px;
    font-family: Times New Roman;
    height: fit-content;
    background-repeat: repeat;
    padding-top: 6px;
    padding-right: 8px;
    padding-left: 4px;
    padding-bottom: 6px;
    border-width: 10px;
    border-style: solid;
    display: flex;
    align-content: center;
    align-items: center;
    gap: 2px;
    hyphens:auto;
    text-shadow:none
}

.idolring #oshi, .idolring_small #oshi { 
    width: 88px;
    height: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: 88;
    margin-top: 9px;
    border-bottom-left-radius: 52px;
    border-bottom-right-radius: 52px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.idol_textbox { /* THE TEXTBOX WHERE THE DESCRIPTION GOES */
    background: white;
    overflow-wrap: break-word;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    text-align: center;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: auto;
    border-width: 10px;
    border-style: solid;
    box-shadow: inset 0 0 8px rgba(45, 176, 255, 0.3);
    text-shadow:none;
}


img#fan_image {
    max-width: none;
}

.idolring a, .idolring b, idolring a:visited {
    color: inherit;
    text-decoration: inherit;
}


.idolring a {margin:0px; padding:0px}


.idolring a:hover, .idolring_small a:hover {font-style:italic}


.idolring_small a, .idolring_small a:visited {
    color: inherit;
    text-decoration: inherit;
}

.idolring_left {
    width: fit-content;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
}

.idolring .fan, .idolring_small .fan {
    width: 140px;
    height: 140px;
    z-index: 99;
    display: block;
}

.idolring .buttonholder {
    text-align: center;
    width: 30px;
    height: 48px;
    margin-top: 88px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1009;
}

.idolring #buttonholder_next {
    margin-left: 80px;
}

.idolring #buttonholder_prev {
    margin-left: -80px;
}

.oshifan {
    display: flex;
    justify-content: center;
    align-content: center;
}

.idolring_title { /* THE 'IDOLRING' TITLE ABOVE THE TEXTBOX */
    white-space: nowrap;
    font-style: italic;
    font-weight: bold;
    text-align: left;
    text-shadow:
        -1px -1px 0 #fff,
        /* Top-left shadow */ 1px -1px 0 #fff,
        /* Top-right shadow */ -1px 1px 0 #fff,
        /* Bottom-left shadow */ 1px 1px 0 #fff; /* Bottom-right shadow */
    margin-bottom: -5px;
    margin-left: -10px;
}

.idolring_title a {font-size: 1.9em;}





.idolring_small .small_prev,
.idolring_small .small_next {
    position: absolute;
    margin-top: 110px;
    z-index: 100;
    text-align: center;
}

.idolring_small .small_next {
    right: 0;
    margin-right: 15px;
}

.idolring_small .small_prev {
    margin-left: 12px;
}

.idolring_small {
    position: relative;
    font-family: Times New Roman;
    margin:auto
}

.idolring_small a {font-size: 15px;}

.idolring_small #small_title a { /* THE SMALL WIDGET'S IDOLRING' TITLE ABOVE THE FAN */
    font-size: 20px;
}

.idolring .prevnext {
    text-align: center;
    margin: auto;
    text-shadow:
        -1px -1px 0 #fff,
        /* Top-left shadow */ 1px -1px 0 #fff,
        /* Top-right shadow */ -1px 1px 0 #fff,
        /* Bottom-left shadow */ 1px 1px 0 #fff; /* Bottom-right shadow */
    font-size:15px
}

.idolring_title img {
    height: 100%;
}

.idolring_small .idol_next, .idolring_small  .idol_prev  {
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 100;
}

.buttonholder .idol_next, .buttonholder .idol_prev {
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 100;
}

/* MONSTER */

#idolring_monster .idol_textbox {  box-shadow: inset 0 0 8px rgba(35, 135, 11, 0.3);}

#idolring_monster {
    padding-top:4px;
    padding-bottom:4px;
    color: #519a2f;
    background: url("https://idolring.nekoweb.org/assets/background_monster2.jpg");
    background-size: cover;
    background-repeat:repeat;
    background-clip: padding-box;
    border-image: url("https://idolring.nekoweb.org/assets/lace_monster.png") 8 fill round;
    filter: drop-shadow(2px 2px 3px rgba(139, 233, 68, 0.69));
}

#idolring_monster .idolring_title {text-shadow: 2px 2px 2px black; color:white; -webkit-text-stroke: 0.6px rgba(12, 145, 0, 0.45) ; }

#idolring_monster a:hover {
    color: #b4e0a0;
}

.idolring_small#monster {
    color: #77b25b; text-shadow: 1px 1px 4px white
}

.idolring_small#monster a:hover {
    color: #b4e0a0;
}



#idol_textbox_monster {
    border-image: url("https://idolring.nekoweb.org/assets/lace_monster.png") 8 fill round;
    background-clip: padding-box;  ;
}

.idolring #prev_monster, .idolring_small #prev_monster {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_monster.png); text-shadow: 2px 2px 2px black; color:white; 
}

.idolring #next_monster, .idolring_small #next_monster {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_monster.png); text-shadow: 2px 2px 2px black; color:white; 
}

#idolring_monster .prevnext {text-shadow: 1px 1px 1px black; color:white; font-weight:bold ; -webkit-text-stroke: 0.2px rgba(12, 145, 0, 0.45); background-color:rgba(0, 0, 0, 0.51); border-radius: 5px;}

/* PRINCESS */

#idolring_princess {
    color: #f980b2;
    background: url(assets/background_princess.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_blue.png") 8 fill round;
    background-clip: padding-box;
    filter: drop-shadow(2px 2px 3px rgba(55, 163, 220, 0.69));
}

#idolring_princess a:hover {
    color: #ffbcd7;
}

#idolring_princess .prevnext {font-size:16px}

.idolring_small#princess {
    color: #f171a6;
}

.idolring_small#princess a:hover {
    color: #ffbcd7;
}

#idol_textbox_princess {
    border-image: url("https://idolring.nekoweb.org/assets/lace_blue.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_princess, .idolring_small #prev_princess {
    background-image: url(assets/leftarrow_wedding2.png);
}

.idolring #next_princess, .idolring_small #next_princess {
    background-image: url(assets/rightarrow_wedding2.png);
}


/* gothic */

#idolring_gothic {
    color: #55595c;
    background: url(https://idolring.nekoweb.org/assets/background_gothic.jpg);
    background-repeat: repeat;
    background-size:cover;
    filter: drop-shadow(2px 2px 3px rgba(130, 135, 137, 0.69));
    border-image: url("https://idolring.nekoweb.org/assets/lace_gothic.png") 8 fill round;
    background-clip: padding-box;
    text-shadow:none
}

#idolring_gothic b {color:#7b60b0}

#idolring_gothic a:hover {
    color: #9da1a5;
}

.idolring_small#gothic {
     color: #55595c;   
}

.idolring_small#gothic a:hover {
    color: #8a8e91;
}

#idol_textbox_gothic {
       border-image: url("https://idolring.nekoweb.org/assets/lace_gothic.png") 8 fill round;
    background-clip: padding-box;
      box-shadow: inset 0 0 8px rgba(71, 8, 135, 0.37);
}

.idolring .prevnext_gothic {
    text-align: center;
    margin: auto;
    color: #694277;
    -webkit-text-stroke: 1px #f3e3ff;

}

#idolring_gothic .idolring_title {
    color:white;
       text-shadow: 1px 1px 1px #9879b0;
   }

.idolring_title_gothic a {font-size: 1.9em;}

.idolring #prev_gothic, .idolring_small #prev_gothic {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_gothic.png);
}

.idolring #next_gothic, .idolring_small #next_gothic {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_gothic.png);
}

/* WEDDING */

#idolring_wedding {
    color: #f980b2;
    background: url(https://idolring.nekoweb.org/assets/background_wedding.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_blue.png") 8 fill round;
    background-clip: padding-box;
    filter: drop-shadow(2px 2px 3px rgba(55, 163, 220, 0.69));
}

#idolring_wedding a:hover {
    color: #ffbcd7;
}

.idolring_small#wedding {
    color: #f171a6;
}

.idolring_small#wedding a:hover {
    color: #ffbcd7;
}

#idol_textbox_wedding {
    border-image: url("https://idolring.nekoweb.org/assets/lace_blue.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_wedding, .idolring_small #prev_wedding {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_wedding.png);
}

.idolring #next_wedding, .idolring_small #next_wedding {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_wedding.png);
}


/* BLUE */

#idolring_blue {
    color: #4a9ad6;
    background: url(https://idolring.nekoweb.org/assets/gingham_blue.png);
    filter: drop-shadow(2px 2px 3px rgba(54, 172, 224, 0.69));
    border-image: url("https://idolring.nekoweb.org/assets/lace_blue.png") 8 fill round;
    background-clip: padding-box;
}

#idolring_blue a:hover {
    color: #98cef6;
}

.idolring_small#blue {
    color: #4a9ad6;
}

.idolring_small#blue a:hover {
    color: #98cef6;
}

#idol_textbox_blue {
    border-image: url("https://idolring.nekoweb.org/assets/lace_blue.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_blue, .idolring_small #prev_blue {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow.png);
}

.idolring #next_blue, .idolring_small #next_blue {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow.png);
}


/* angelic */

#idolring_angelic {

    color: #6693b5;
    background: url(https://idolring.nekoweb.org/assets/gingham_angelic.png);
    background-size:cover;
    filter: drop-shadow(2px 2px 3px rgba(54, 172, 224, 0.69));
font-family: willow;
    background-clip: padding-box;
    border-image: url("https://idolring.nekoweb.org/assets/lace_white.png") 8 fill round;
    padding-bottom:4px;

}


#idolring_angelic .idol_textbox { border-width: 4px;
                                    border-style: solid;
                                    border-image: url("https://idolring.nekoweb.org/assets/border_cloud.png") 5 fill round;
background-clip: padding-box;
}


.prevnext_angelic {font-weight:bold; font-size:14px}

#idolring_angelic a:hover {
    color: #98cef6;
}

.idolring_small#angelic {
    color: #4a9ad6;
}

.idolring_small#angelic a:hover {
    color: #98cef6;
}


#idolring_angelic .idolring_title {letter-spacing: -0.5px}

.idolring #prev_angelic, .idolring_small #prev_angelic {
   
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_white.png);
}

.idolring #next_angelic, .idolring_small #next_angelic {

    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_white.png);
}


/* MONO */

#idolring_mono {
        padding-top:2px;
    padding-bottom:4px;
    color: #999ea2;
    background-size:cover;
    filter: drop-shadow(2px 2px 3px rgba(155, 164, 168, 0.69));
font-family: willow;
     background: url(https://idolring.nekoweb.org/assets/gingham_mono.png);
 border-image: url("https://idolring.nekoweb.org/assets/border_mono_cloud.png") 8  round;
    
 background-clip: padding-box;
}


#idolring_mono .idol_textbox {border: 0px solid #c7c7c7; border-radius:10px;
    
    box-shadow: inset 0 0 8px rgba(76, 76, 76, 0.61); text-shadow: 1px 1px 4px #b1b1b1}


.prevnext_mono {font-weight:bold; font-size:15px}

#idolring_mono a:hover {
    color: #c4d2dc;
}

.idolring_small#mono {
  color: #999ea2;
}

.idolring_small#mono a:hover {
      color: #c4d2dc;
}


#idolring_mono .idolring_title {letter-spacing: -0.5px}

.idolring #prev_mono, .idolring_small #prev_mono {
   
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_mono.png);
}

.idolring #next_mono, .idolring_small #next_mono {

    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_mono.png);
}


/* YUMEKAWA */

#idolring_yumekawa {
    color: #509fdb;
    background: url(https://idolring.nekoweb.org/assets/background_yumekawa.gif);
    filter: drop-shadow(2px 2px 3px rgba(54, 172, 224, 0.69));
    border-image: url("https://idolring.nekoweb.org/assets/lace_blue.png") 8 fill round;
    background-clip: padding-box;
}

#idolring_yumekawa .idolring_title {color: #5eafec;}

#idolring_yumekawa a:hover {
    color: #98cef6;
}

.idolring_small#yumekawa {
    color: #4a9ad6;
}

.idolring_small#yumekawa a:hover {
    color: #98cef6;
}

#idol_textbox_yumekawa {
    border-image: url("https://idolring.nekoweb.org/assets/lace_blue.png") 8 fill round;
    background-clip: padding-box;
}

#idol_textbox_yumekawa b {
    color: #ff8dc3;
}

.idolring #prev_yumekawa, .idolring_small #prev_yumekawa {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_yui.png);
}

.idolring #next_yumekawa, .idolring_small #next_yumekawa {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_yui.png);
}

#idolring_yumekawa .prevnext {color: #4293cf;}

#idolring_yumekawa .prevnext:hover {font-weight:bold;
color: #98cef6;}


/* RAINBOW */

#idolring_rainbow {
    color: #509fdb;
    background: url(https://file.garden/aiZBItKmcRVYL_y2/7907442.jpg);
    filter: drop-shadow(2px 2px 3px rgba(54, 172, 224, 0.69));
    border-width:8px; border-style:solid;
    border-image: url("https://idolring.nekoweb.org/assets/lace_rainbow.png") 8 round; 
    background-clip:padding-box;
    font-family: Nunito;
}

#idolring_rainbow .idolring_title {color: #ff7a00;  font-size: 1em;}

#idolring_rainbow a:hover {
    color: #d020b9;
}

.idolring_small#rainbow {
    color: #4a9ad6;
    font-family: Nunito;
}

.idolring_small#rainbow a:hover {
  color: #68b2e9;
}

#idol_textbox_rainbow {
    border-width:8px; border-style:solid;
    border-image: url("https://idolring.nekoweb.org/assets/lace_rainbow2.png") 8 round; 
    background-clip:padding-box;
}

#idol_textbox_rainbow b {
    color: #ff067d;
}

#idol_textbox_rainbow u {
    color: #04a304
    
}

.idolring #prev_rainbow, .idolring_small #prev_rainbow {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_rainbow.png);

}

.idolring #next_rainbow, .idolring_small #next_rainbow {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_rainbow.png);
}

.idolring_small#rainbow .small_prev, .idolring_small#rainbow .small_next {    color: #12fff1;}

#idolring_rainbow .prevnext {font-weight:bold;
 color: #ffa200; text-shadow: 
    0 0 3px #fff, 
    0 0 3px #fff, 
    0 0 3px #fff, 
    0 0 3px #fff;}

#idolring_rainbow .prevnext:hover {
   color: #7500c5;}


/* BABYMETAL */

#idolring_babymetal {
    color: #352d30;
    background: url(assets/gingham_babybmetal.png);
    filter: drop-shadow(2px 2px 3px rgba(125, 93, 104, 0.69));
    border-image: url("https://idolring.nekoweb.org/assets/lace_babymetal.png") 8 fill round;
    background-clip: padding-box;
}

#idolring_babymetal .prevnext {text-shadow:none; -webkit-text-stroke: 1px #2c2c2c;}

#idolring_babymetal span.prevnext:hover {color:white}

#idolring_babymetal .idolring_title {
    white-space: nowrap;
    font-style: italic;
    font-weight: bold;
    text-align: left;
    -webkit-text-stroke: 1px #2c2c2c;
    margin-bottom: -5px;
    margin-left: -10px;
    text-shadow:none
}

#idolring_babymetal a:hover {
    color: #8a8585;
}

.idolring_small#babymetal {
    color: #352d30;
    -webkit-text-stroke: 1px #2c2c2c;
    text-shadow:none
}

.idolring_small#babymetal a:hover {
     color: #8a8585;
}

#idol_textbox_babymetal {
    border-image: url("https://idolring.nekoweb.org/assets/lace_babymetal.png") 8 fill round;
    background-clip: padding-box;
}

#idol_textbox_babymetal b {
    color: #cc1937;
}

.idolring #prev_babymetal, .idolring_small #prev_babymetal {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_babymetal.png);
}

.idolring #next_babymetal, .idolring_small #next_babymetal {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_babymetal.png);
}

/* STRAWBERRY COOKIE */

#idolring_strawberrycookie {
    color: #b2774b;
    filter: drop-shadow(2px 2px 3px rgba(194, 103, 38, 0.69));
  border-width: 16px; border-style: solid; border-image: url(https://idolring.nekoweb.org/assets/border_strawberrycookie.png) 13 fill round; background-clip: padding-box;
    font-family: Nunito;
    padding-bottom:3px;
    padding-top:4px;
}

#idolring_strawberrycookie .idolring_title {color: #b27a51;  font-size: 0.9em; text-shadow: 
    0 0 5px #fff, 
    0 0 10px #fff, 
    0 0 20px #fff, 
    0 0 40px #fff;}

#idolring_strawberrycookie a:hover {
    color: #f6c098;
}

.idolring_small#strawberrycookie {
color: #b2774b;
    font-family: Nunito;
}

.idolring_small#strawberrycookie a:hover {
    color: #f6c098;
}

#idol_textbox_strawberrycookie {
    font-weight:bold;
    border-width:8px; border-style:solid;
    border-image: url("https://idolring.nekoweb.org/assets/lace_brown.png") 8 round; 
    background: #fff9f4;
     background-clip: padding-box;
     box-shadow: inset 0 0 8px rgba(255, 130, 82, 0.25);
    text-shadow:
        -1px -1px 0 #fff,
        /* Top-left shadow */ 1px -1px 0 #fff,
        /* Top-right shadow */ -1px 1px 0 #fff,
        /* Bottom-left shadow */ 1px 1px 0 #fff; /* Bottom-right shadow */
}

#idol_textbox_strawberrycookie b {
    color: #fc76b6;
}

.idolring #prev_strawberrycookie, .idolring_small #prev_strawberrycookie {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_brown.png);

}

.idolring #next_strawberrycookie, .idolring_small #next_strawberrycookie {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_brown.png);
}

#idolring_strawberrycookie .prevnext {font-weight:bold;
color: #b27a51; text-shadow: 
    0 0 5px #fff, 
    0 0 10px #fff, 
    0 0 20px #fff, 
    0 0 40px #fff;}

#idolring_strawberrycookie .prevnext:hover {
    color: #f6c098;}

/* CHOCO COOKIE */

#idolring_chococookie {
    color: #896449;
    filter: drop-shadow(2px 2px 3px rgba(194, 103, 38, 0.69));
  border-width: 16px; border-style: solid; border-image: url("assets/border_chococookie.png") 13 fill round; background-clip: padding-box;
    font-family: Nunito;
    padding-bottom:3px;
    padding-top:4px;
}

#idolring_chococookie .idolring_title {color: #896449; font-size: 0.9em; text-shadow: 
    0 0 5px #fff, 
    0 0 10px #fff, 
    0 0 20px #fff, 
    0 0 40px #fff;}

#idolring_chococookie a:hover {
color: #d3975b;
}

.idolring_small#chococookie {
color: #896449;
    font-family: Nunito;
}

.idolring_small#chococookie a:hover {
    color: #f6c098;
}

#idol_textbox_chococookie {
    font-weight:bold;
    border-width:8px; border-style:solid;
    border-image: url("https://idolring.nekoweb.org/assets/lace_chococookie.png") 8 round; 
    background: #fff9f4;
     background-clip: padding-box;
     box-shadow: inset 0 0 8px rgba(212, 108, 68, 0.31);
    text-shadow:
        -1px -1px 0 #fff,
        /* Top-left shadow */ 1px -1px 0 #fff,
        /* Top-right shadow */ -1px 1px 0 #fff,
        /* Bottom-left shadow */ 1px 1px 0 #fff; /* Bottom-right shadow */
}

#idol_textbox_chococookie b {
    color: #e09447;
}

.idolring #prev_chococookie, .idolring_small #prev_chococookie {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_chococookie.png);

}

.idolring #next_chococookie, .idolring_small #next_chococookie {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_chococookie.png);
}

#idolring_chococookie .prevnext {font-weight:bold;
color: #b2774b;
text-shadow: 
    0 0 5px #fff, 
    0 0 10px #fff, 
    0 0 20px #fff, 
    0 0 40px #fff;}

#idolring_chococookie .prevnext:hover {
    color: #d3975b;}

/* DEEP BLUE */

#idolring_deepblue {
    color: #3987c1;
    background: url(https://idolring.nekoweb.org/assets/gingham_deepblue.png);
    filter: drop-shadow(2px 2px 3px rgba(54, 172, 224, 0.69));
    border-image: url("https://idolring.nekoweb.org/assets/lace_deepblue.png") 8 fill round;
    background-clip: padding-box;
}

#idolring_deepblue a:hover {
    color: #98cef6;
}

.idolring_small#deepblue {
    color: #176aa9;
}

.idolring_small#deepblue a:hover {
    color: #98cef6;
}

#idol_textbox_deepblue {
    border-image: url("https://idolring.nekoweb.org/assets/lace_deepblue.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_deepblue, .idolring_small #prev_deepblue {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_deepblue.png);
}

.idolring #next_deepblue, .idolring_small #next_deepblue {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_deepblue.png);
}

/* GNJB */

#idolring_gnjb {
    color: #2e3391;
    background: url(https://idolring.nekoweb.org/assets/gingham_gnjb.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_gnjb.png") 8 fill round;
    background-clip: padding-box;
    box-shadow: inset 0 0 8px rgba(28, 88, 197, 0.55);
}

#idolring_gnjb a:hover {
    color: #898ee6;
}

.idolring_small#gnjb {
    color: #2e3391;
}

.idolring_small#gnjb a:hover {
   color: #898ee6;
}

#idol_textbox_gnjb {
    border-image: url("https://idolring.nekoweb.org/assets/lace_gnjb.png") 8 fill round;
    background: url(https://64.media.tumblr.com/f017b8bf6ea4076f465db212e031137e/tumblr_inline_n1t6acDiqs1qfc9y0.gif);
    background-clip: padding-box;
    color:white
}

#gnjb_title { 
     font-style: italic;
    color:white;
    text-align: left;
    font-size: 26px;
    text-shadow:
        -1px -1px 0 black,
        /* Top-left shadow */ 1px -1px 0 black,
        /* Top-right shadow */ -1px 1px 0 black,
        /* Bottom-left shadow */ 1px 1px 0 black; /* Bottom-right shadow */
   margin-bottom: -5px;
    margin-left: -10px;
    display: flex;
    flex-wrap: nowrap;}

.idolring .prevnext_gnjb {
    text-align: center;
    font-size: 14px;
    margin: auto
}

.idolring #prev_gnjb, .idolring_small #prev_gnjb {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_gnjb.png);
}

.idolring #next_gnjb, .idolring_small #next_gnjb {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_gnjb.png);
}

/* DARK BLUE */

#idolring_darkblue {
    color: #2e3391;
    background: url(https://idolring.nekoweb.org/assets/gingham_darkblue.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_darkblue.png") 8 fill round;
    background-clip: padding-box;
    box-shadow: inset 0 0 8px rgba(28, 88, 197, 0.55);
     filter: drop-shadow(2px 2px 3px rgba(24, 39, 152, 0.69));
}

#idolring_darkblue a:hover {
    color: #898ee6;
}

.idolring_small#darkblue {
    color: #2e3391;
}

.idolring_small#darkblue a:hover {
   color: #898ee6;
}

#idol_textbox_darkblue {
    border-image: url("https://idolring.nekoweb.org/assets/lace_gnjb.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_darkblue, .idolring_small #prev_darkblue {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_darkblue.png);
}

.idolring #next_darkblue, .idolring_small #next_darkblue {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_darkblue.png);
}

/* PURPLE */

#idolring_purple {
    color: #ac6eb8;
    background: url(https://idolring.nekoweb.org/assets/gingham_purple.png);
    filter: drop-shadow(2px 2px 3px rgba(163, 54, 224, 0.69));
    border-image: url("https://idolring.nekoweb.org/assets/lace_purple.png") 8 fill round;
    background-clip: padding-box;
}

#idolring_purple a:hover {
    color: #dba3e6;
}

.idolring_small#purple {
    color: #ac6eb8;
}

.idolring_small#purple a:hover {
    color: #dba3e6;
}

#idol_textbox_purple {
    border-image: url("https://idolring.nekoweb.org/assets/lace_purple.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_purple, .idolring_small #prev_purple {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_purple.png);
}

.idolring #next_purple, .idolring_small #next_purple {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_purple.png);
}

/* WHITE */

#idolring_white {
    color: #81a7c3;
    background: url(https://idolring.nekoweb.org/assets/gingham_white.png);
    filter: drop-shadow(2px 2px 3px rgba(150, 176, 188, 0.69));
    border-image: url("https://idolring.nekoweb.org/assets/lace_white.png") 8 fill round;
    background-clip: padding-box;
}

#idolring_white a:hover {
    color: #bfd4e3;
}

.idolring_small#white {
    color: #81a7c3;
}

.idolring_small#white a:hover {
    color: #bfd4e3;
}

#idol_textbox_white {
    border-image: url("https://idolring.nekoweb.org/assets/lace_white.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_white, .idolring_small #prev_white {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_white.png);
}

.idolring #next_white, .idolring_small #next_white {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_white.png);
}

/* BLACK */

#idolring_black {
    color: #55595c;
    background: url(https://idolring.nekoweb.org/assets/gingham_black.png);
    filter: drop-shadow(2px 2px 3px rgba(130, 135, 137, 0.69));
    border-image: url("https://idolring.nekoweb.org/assets/lace_black.png") 8 fill round;
    background-clip: padding-box;
    text-shadow:none
}

#idolring_black a:hover {
    color: #9da1a5;
}

.idolring_small#black {
    color: #55595c;
}

.idolring_small#black a:hover {
    color: #8a8e91;
}

#idol_textbox_black {
    border-image: url("https://idolring.nekoweb.org/assets/lace_black.png") 8 fill round;
    background-clip: padding-box;
}

.idolring .prevnext_black {
    text-align: center;
    margin: auto;
    -webkit-text-stroke: 1px #2c2c2c;

}

.idolring_title_black {
    white-space: nowrap;
    font-style: italic;
    font-weight: bold;
    text-align: left;
    -webkit-text-stroke: 1px #2c2c2c;
    margin-bottom: -5px;
    margin-left: -10px;
}

.idolring_title_black a {font-size: 1.9em;}

.idolring #prev_black, .idolring_small #prev_black {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_black.png);
}

.idolring #next_black, .idolring_small #next_black {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_black.png);
}

/* PINK */

#idolring_pink {
    color: #f980b2;
    background: url(https://idolring.nekoweb.org/assets/gingham_pink.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_pink.png") 8 fill round;
    background-clip: padding-box;
    filter: drop-shadow(2px 2px 3px rgba(233, 68, 147, 0.69));
}

#idolring_pink a:hover {
    color: #ffbcd7;
}

.idolring_small#pink {
    color: #f171a6;
}

.idolring_small#pink a:hover {
    color: #ffbcd7;
}

#idol_textbox_pink {
    border-image: url("https://idolring.nekoweb.org/assets/lace_pink.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_pink, .idolring_small #prev_pink {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_pink.png);
}

.idolring #next_pink, .idolring_small #next_pink {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_pink.png);
}

/* HOT PINK */

.idolring_small#hotpink {
    color: #de2773;
}

.idolring_small#hotpink a:hover {
    color: #ffbcd7;
}

#idolring_hotpink {
    color: #d7256f;
    background: url(https://idolring.nekoweb.org/assets/gingham_hotpink.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_hotpink.png") 8 fill round;
    background-clip: padding-box;
    filter: drop-shadow(2px 2px 3px rgba(233, 68, 147, 0.69));
}

#idolring_hotpink a:hover {
    color: #ffa5c9;
}

.idolring #prev_hotpink, .idolring_small #prev_hotpink {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_hotpink.png);
}

#idol_textbox_hotpink {
    border-image: url("https://idolring.nekoweb.org/assets/lace_hotpink.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #next_hotpink, .idolring_small #next_hotpink {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_hotpink.png);
}

/* GREEN */

#idolring_green {
    color: #77b25b;
    background: url(https://idolring.nekoweb.org/assets/gingham_green.png);
    background-clip: padding-box;
    border-image: url("https://idolring.nekoweb.org/assets/lace_green.png") 8 fill round;
    filter: drop-shadow(2px 2px 3px rgba(139, 233, 68, 0.69));
}

#idolring_green a:hover {
    color: #b4e0a0;
}

.idolring_small#green {
    color: #77b25b;
}

.idolring_small#green a:hover {
    color: #b4e0a0;
}

#idol_textbox_green {
    border-image: url("https://idolring.nekoweb.org/assets/lace_green.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_green, .idolring_small #prev_green {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_green.png);
}

.idolring #next_green, .idolring_small #next_green {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_green.png);
}

/* YELLOW */

#idolring_yellow {
    color: #c2992d;
    background: url(https://idolring.nekoweb.org/assets/gingham_yellow.png);
    background-clip: padding-box;
    border-image: url("https://idolring.nekoweb.org/assets/lace_yellow.png") 8 fill round;
    filter: drop-shadow(2px 2px 3px rgba(215, 180, 36, 0.69));
}

#idolring_yellow a:hover {
    color: #e9ce89;
}

.idolring_small#yellow {
    color: #c2992d;
}

.idolring_small#yellow a:hover {
    color: #e9ce89;
}

#idol_textbox_yellow {
    border-image: url("https://idolring.nekoweb.org/assets/lace_yellow.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_yellow, .idolring_small #prev_yellow {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_yellow.png);
}

.idolring #next_yellow, .idolring_small #next_yellow {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_yellow.png);
}

/* RED */

#idolring_red {
    color: #f06b7d;
    background: url(https://idolring.nekoweb.org/assets/gingham_red.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_red.png") 8 fill round;
    background-clip: padding-box;
    filter: drop-shadow(2px 2px 3px rgba(233, 68, 89, 0.69));
}

#idolring_red a:hover {
    color: #ffafba;
}

.idolring_small#red {
    color: #f06b7d;
}

.idolring_small#red a:hover {
    color: #ffafba;
}

#idol_textbox_red {
    border-image: url("https://idolring.nekoweb.org/assets/lace_red.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_red, .idolring_small #prev_red {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_red.png);
}

.idolring #next_red, .idolring_small #next_red {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_red.png);
}

/* ORANGE */

#idolring_orange {
    color: #f0996b;
    background: url(https://idolring.nekoweb.org/assets/gingham_orange.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_yellow.png") 8 fill round;
    background-clip: padding-box;
    filter: drop-shadow(2px 2px 3px rgba(233, 137, 68, 0.69));
}

#idolring_orange a:hover {
    color: #fdc9ae;
}

.idolring_small#orange {
    color: #f0996b;
}

.idolring_small#orange a:hover {
    color: #fdc9ae;
}

#idol_textbox_orange {
    border-image: url("https://idolring.nekoweb.org/assets/lace_orange.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_orange, .idolring_small #prev_orange {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_yellow.png);
}

.idolring #next_orange, .idolring_small #next_orange {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_yellow.png);
}

/* BROWN */

#idolring_brown {
    color: #bf8769;
    background: url(https://idolring.nekoweb.org/assets/gingham_brown.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_brown.png") 8 fill round;
    background-clip: padding-box;
    filter: drop-shadow(2px 2px 3px rgba(197, 138, 96, 0.69));
}

#idolring_brown a:hover {
    color: #dcbaa8;
}

.idolring_small#brown {
    color: #bf8769;
}

.idolring_small#brown a:hover {
    color: #dcbaa8;
}

#idol_textbox_brown {
    border-image: url("https://idolring.nekoweb.org/assets/lace_brown.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_brown, .idolring_small #prev_brown {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_brown.png);
}

.idolring #next_brown, .idolring_small #next_brown {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_brown.png);
}

/* DARK BROWN */

#idolring_darkbrown {
    color: #9c694e;
    background: url(https://idolring.nekoweb.org/assets/gingham_darkbrown.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_darkbrown.png") 8 fill round;
    background-clip: padding-box;
    filter: drop-shadow(2px 2px 3px rgba(197, 138, 96, 0.69));
}

#idolring_darkbrown .idolring_title {text-shadow:none;    -webkit-text-stroke: 1px #5d3232;}

#idolring_darkbrown a:hover {
    color: #9f7a66; font-style:italic
}

.idolring_small#darkbrown {
    color: #9c694e;
}

.idolring_small#darkbrown a:hover {
   color: #9f7a66; font-style:italic
}

#idol_textbox_darkbrown {
    border-image: url("https://idolring.nekoweb.org/assets/lace_darkbrown.png") 8 fill round;
    background-clip: padding-box;
}

#idolring_darkbrown .prevnext {font-weight:bold; text-shadow:none;    -webkit-text-stroke: 1px #5d3232;  }

.idolring #prev_darkbrown, .idolring_small #prev_darkbrown {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_darkbrown.png);
}

.idolring #next_darkbrown, .idolring_small #next_darkbrown {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_darkbrown.png);
}


/* MINT */

#idolring_mint {
    color: #33baab;
    background: url(https://idolring.nekoweb.org/assets/gingham_mint.png);
    border-image: url("https://idolring.nekoweb.org/assets/lace_mint.png") 8 fill round;
    background-clip: padding-box;
    filter: drop-shadow(2px 2px 3px rgba(68, 233, 213, 0.69));
}

#idolring_mint a:hover {
    color: #6fdccf;
}

.idolring_small#mint {
    color: #3ecebe;
}

.idolring_small#mint a:hover {
    color: #6fdccf;
}

#idol_textbox_mint {
    border-image: url("https://idolring.nekoweb.org/assets/lace_mint.png") 8 fill round;
    background-clip: padding-box;
}

.idolring #prev_mint, .idolring_small #prev_mint {
    background-image: url(https://idolring.nekoweb.org/assets/leftarrow_mint.png);
}

.idolring #next_mint, .idolring_small #next_mint {
    background-image: url(https://idolring.nekoweb.org/assets/rightarrow_mint.png);
}


@media (orientation: portrait) and (min-width: 768px) {
.idol_textbox {width:100%}

.idolring_title {margin-left:-10px}
    
    #idolring_right {display:column; justify-content:left; margin-left:-6px}
}