@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap');

@font-face {font-family:dd_logo ;src: url(fonts/DwarvenAxe\ BB\ W00\ Regular.ttf);}



/*Blanket Styling*/
*{box-sizing: border-box; background-repeat: no-repeat;position: relative; -webkit-font-smoothing: antialiased;}
div{box-sizing: border-box;}
img{box-sizing: border-box;}

body {
    margin: -0.5vw 0 0 0; /* Adjust the top margin as needed */
    padding: 0;
    background-color: black;
    cursor: url(images/dd_cursor.png), auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    user-select: none;
}
a{text-decoration: none; color: black;}
.absolute{position: absolute;}
.flex{display: flex;}
ul{list-style-type: none; margin:0; padding: 0;}
.visible{display: block;}
.nondisplay{display: none;}
.ddlogo_text{font-family: dd_logo; color: rgb(199, 179, 107); font-weight: 400;}
.general_desc{position: absolute; width:max-content; display:none;
    border: 0.15vw rgb(54, 54, 55) solid;background-color:rgba(0, 0, 0, 0.9);
    font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167); font-size: 1vw; line-height: 1.3vw; font-weight: 400;
    text-align: center; padding: 0.3vw 0.6vw 0.6vw 0.6vw;
}
.test_desc{position: absolute; width:max-content; 
    border: 0.15vw rgb(54, 54, 55) solid;background-color:rgba(0, 0, 0, 0.9);
    font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167); font-size: 1vw; line-height: 1.3vw; font-weight: 400;
    text-align: center; padding: 0.3vw 0.6vw 0.6vw 0.6vw;
}
.hoverable_btn:hover{filter: brightness(150%);}
.clickable_btn:hover{filter: brightness(150%);cursor: pointer;} 

.fit_width{width:fit-content}
.align_start{text-align: start;}
.align_end{text-align: end;}
.align_center{text-align: center;}

.ubuntu_txt{font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167);font-weight: 400; }
.ubuntu_bold_txt{font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167);  font-weight: 500;}
.ubuntu_boldest_txt{font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167);  font-weight: 700;}

.ubuntu_desc{font-family: 'Ubuntu', sans-serif; color: rgba(174, 172, 162, 255); font-weight: 500;}

/*Backdrops for Boxes*/
.general_backdrop{position:absolute; width: 100vw; height: 38.3vw; left:-6vw; }

.wrap{flex-wrap: wrap;}
.nowrap{flex-wrap: nowrap;}
.center_align{text-align: center;}


.bordered{border: 1px solid red;}
/*body {
}*/

.general_desc_test{position: absolute; width:max-content; display:none;
    border: 0.15vw rgb(54, 54, 55) solid;background-color:rgba(0, 0, 0, 0.9);
    font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167); font-size: 1vw; line-height: 1.4vw; font-weight: 400;
    text-align: center; padding: 0.2vw 0.4vw 0.4vw 0.4vw;
}

.text_heavy_desc{position: absolute; width:max-content; display:none;
    border: 0.15vw rgb(54, 54, 55) solid;background-color:rgba(0, 0, 0, 0.9);
    font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167); font-size: 1.1vw; line-height: 1.5vw; font-weight: 400;
    text-align: center; padding: 0.2vw 0.4vw 0.4vw 0.4vw;
}
/*Universal info*/
.info{position: absolute; left: 1.2vw; top: 1.2vw; width: 2vw;} 
.info_med{position: absolute; left: 1.2vw; top: 1.2vw; width: 2.5vw;} 

.info:hover{filter: brightness(150%);}
.info_med:hover{filter: brightness(150%);}

/*Map Styling*/

.map_main{
    height: 50vw; background-image: url(images/backgrounds/quest_bg.png); 
    background-size: 100vw; background-clip: content-box; 
}


/*Label Styling*/
.dungeon_label{width: 17vw; height:4.5vw; position: absolute;}
.crimson_label{top: 14vw; left: 36vw;}
.crimson_label_right{position: absolute; top: 13.3vw; left: 47.5vw; width: 5.5vw;}
.madness_label{top: 26.5vw; left: 35vw}
.madness_labeltxt{position: absolute; top: 26.8vw; left: 37.5vw;
     font-family: dd_logo;  color: rgb(199, 179, 107); font-size: 1.7vw;}

.final_gauntlet_label{top: 4vw; left: 78.5vw; }
.ruins_label{top: 9.5vw; left: 58.3vw}
.warrens_label{ top: 17.5vw; left: 50vw;}
.weald_label{ top:23vw; left:62vw}
.cove_label{top: 17.4vw; left: 78vw;}
.hamlet_label{top: 34.5vw; left: 79vw}

/*Side/Bottom Button Styling*/
.hero_button{ position: absolute;width:5vw;height: 5vw; top: 39.5vw; left: 41.3vw;}
.provision_btn{position: absolute; width: 5vw;height: 5vw; top: 39.5vw;left: 34.8vw;}
.loot_btn{position: absolute; width: 5vw;height: 5vw; top: 39.5vw;left: 28.3vw;}
.disease_btn{position: absolute; width: 5vw;height: 5vw; top: 39.5vw;left: 21.8vw;}
.torchlight_btn{position: absolute; width: 5vw;height: 5vw; top: 39.5vw;left: 15.3vw;}
.virtue_affliction_btn2{position: absolute;width: 5vw; height: 5vw;  top: 39.5vw; left: 8.6vw}
.virtue_affliction_btn1{position: absolute;width: 5vw; height: 5vw;  top: 39.5vw; left: 1.8vw}

.bc_button{ position: absolute;width: 5.5vw; top: 29.5vw;left:5vw; }
.circus_btn_label{ font-size: 1.8vw;position: absolute; top: 35vw;left: 3.5vw;text-align: center;}


.hero_btn_label{ font-size: 1.8vw; position: absolute; top: 45vw;left: 41.8vw;}
.provision_btn_label{ font-size: 1.8vw; position: absolute; top: 45vw; left: 33.9vw;}
.loot_btn_label{ font-size: 1.8vw;position: absolute; top: 45vw;left: 29.3vw;}
.disease_btn_label{ font-size: 1.8vw;position: absolute; top: 45vw;left: 21.8vw;}
.torchlight_btn_label{ font-size: 1.8vw;position: absolute; top: 45vw;left: 14.6vw;}
.virtue_affliction_btn_label{ font-size: 1.8vw;position: absolute; top: 45vw;left:1.8vw;text-align: center;}


/*Lower Right Button Styling*/
.district_closed{position:absolute; top: 43vw; left: 69.3vw; height:5.7vw}
.district_open{position:absolute; display: none; top: 43vw; left: 69.3vw;  height: 5.7vw;}

.event_closed{position: absolute; top: 43.9vw; left: 74.6vw; width: 4.5vw; }
.event_open{position: absolute; display: none; top: 43.9vw; left: 74.6vw; width: 4.5vw;}

.activity_closed{position: absolute; top: 44.3vw; left: 79.4vw; width: 4.5vw; }
.activity_open{position: absolute; display: none; top: 43.8vw; left: 79.4vw; width: 4.5vw;}

.trinketbox_closed{position: absolute; top: 43.2vw; left: 84.5vw; width: 4.9vw;}
.trinketbox_open{position: absolute; display: none; top: 43.2vw; left: 84.5vw; width: 4.9vw;;}

.glossary_closed{position: absolute; top: 43.7vw; left: 89.7vw; width: 4.1vw; height: 4.3vw}
.glossary_open{position: absolute; display: none; top: 43.7vw; left: 89.3vw; width: 5vw; height: 4.3vw;}

.setting_icon{position: absolute; top: 43.6vw; left: 95.2vw; width: 3.1vw;height: 4.1vw}

/*Button Overlays*/

.general_overlay{position: absolute; display: none; height: 6.4vw; width: 5vw; }
.district_overlay{ top: 42.6vw; left: 69.3vw;}
.event_overlay{ top: 42.6vw; left: 74.3vw}
.activity_overlay{ top: 42.6vw; left: 79.3vw}
.trinketbox_overlay{ top: 42.6vw; left: 84.3vw}
.glossary_overlay{ top: 42.6vw; left: 89.3vw}
.setting_overlay{top: 42.6vw; left: 94.3vw}

/*Background element Styling*/
.back_arrow{position: absolute; top: 3.4vw; left: 9.8vw; height: 1.9vw;}
.back_arrow:hover{filter: brightness(150%);}
.estate_title{height: 12.5w; position: absolute;  width: 40vw;top:0vw; left: 0vw;}

/*Embark Button Styling*/
#embark_button{height: 3vw; position: absolute; top: 44.2vw; left: 49.7vw; display: block;}
#embark_button:hover{filter: brightness(170%);}
.embark_btn{height: 5vw; position: absolute; top: 44.5vw; left: 49.7vw; display: none;}
.embark_btn:hover{filter: brightness(170%);}
.dd_button{position: absolute;  width: 16vw; height: 2.3vw; margin-top: 1.1vw; }
.dd_buttontop{position: absolute; width: 16vw; margin-top: 0.4vw; }
.embark_branch{top: 44.2vw}

/*Opinion Container Styling*/
.opinion_container{width: 21.5vw; height:5.2vw; 
    position: absolute; top: 39.3vw; left:47vw; display: flex; justify-content: center;}
.opinion_header{position: absolute; top: 38vw;left:51.55vw;
    font-family: 'Ubuntu', sans-serif; color:rgb(93, 91, 79);font-size: 1.3vw; font-weight: 400;}
.opinion_box{width: 23vw; height:6vw;
    position: absolute; top: 38.9vw; left:46.3vw}

.opinion_bg{width:5vw; height: 5vw; display: flex; padding: 0.5vw 0.2vw 0.2vw 0.4vw;}
.padding{height:10vw; width: 100vw; background-color: black;}



/*General Button Styling*/
.button_long{position: absolute; height: 4vw;}
.button_medium{position: absolute; height: 3.8vw;}
.button_short{position: absolute; height: 3.3vw;}

.backdrop{
    width: 7vw; height: 6.6vw; 
    background-image: url(images/mission_icons/quest_select_bg_fin.png);  background-size: 6.5vw;
    position: absolute; top: -1.5vw; left: -2.2vw;
}

.crimson_backdrop{top: 20.2vw; left: 34.2vw;display: none;}
.crimson_btn{top: 21.4vw; left: 35.6vw;}

.crimson_enemy_backdrop{top: 16vw; left: 34vw;display: none;}
.crimson_enemy_btn{top: 17.2vw; left: 35.8vw;}

.crimson_curio_backdrop{top: 16vw; left: 38.2vw;display: none;}
.crimson_curio_btn{top: 17.2vw; left: 40vw;}

.crimson_boss_backdrop{top: 16vw; left: 42.4vw;display: none;}
.crimson_boss_btn{top: 17.2vw; left: 44.2vw;}

.madness_backdrop{top: 32.5vw; left: 32.9vw;display: none;}
.madness_btn{top: 33.6vw; left: 34.2vw;}

.madness_enemy_backdrop{top: 28.3vw; left: 32.9vw;display: none;}
.madness_enemy_btn{top: 29.4vw; left: 34.7vw;}

.madness_curio_backdrop{top: 28.3vw; left: 37.1vw;display: none;}
.madness_curio_btn{top: 29.4vw; left: 38.9vw;}

.madness_boss_backdrop{top: 28.3vw; left: 41.3vw;display: none;}
.madness_boss_btn{top: 29.4vw; left: 43.1vw;}

.gauntlet1a_backdrop{top: 6vw; left: 76.5vw; display: none;}
.gauntlet1a_btn{top: 7.2vw; left: 78.2vw; }

.gauntlet1b_backdrop{top: 6vw; left: 80.6vw; display: none;}
.gauntlet1b_btn{top: 7.2vw; left: 82.3vw; }

.gauntlet3_backdrop{top: 6vw; left: 84.6vw; display: none;}
.gauntlet3_btn{top: 7.2vw; left: 86.4vw; }

/*.gauntlet1a_backdrop{top: 10.4vw; left: 76.5vw; display: none;}
.gauntlet1a_btn{top: 11.6vw; left: 78.2vw; }

.gauntlet1b_backdrop{top: 10.4vw; left: 80.5vw; display: none;}
.gauntlet1b_btn{top: 11.6vw; left: 82.2vw; }*/

.ruins_enemy_backdrop{top: 11.4vw; left: 56.2vw; display: none;}
.ruins_enemy_btn{top: 12.6vw; left: 58vw;}

.ruins_curio_backdrop{top: 11.4vw; left: 60.4vw; display: none;}
.ruins_curio_btn{top: 12.6vw; left: 62.2vw;}

.ruins_boss_backdrop{top: 11.4vw; left: 64.6vw; display: none;}
.ruins_boss_btn{top: 12.6vw; left: 66.4vw;}


.weald_enemy_backdrop{top: 25vw; left: 59.7vw; display: none;}
.weald_enemy_btn{top: 26.2vw; left: 61.5vw;}

.weald_curio_backdrop{top: 25vw; left: 63.8vw; display: none;}
.weald_curio_btn{top: 26.2vw; left: 65.6vw;}

.weald_boss_backdrop{top: 25vw; left: 67.9vw; display: none;}
.weald_boss_btn{top: 26.2vw; left: 69.7vw;}


.warrens_enemy_backdrop{top: 19.5vw; left: 47.9vw; display: none;}
.warrens_enemy_btn{top: 20.7vw; left: 49.7vw; }

.warrens_curio_backdrop{top: 19.5vw; left: 52.1vw; display: none;}
.warrens_curio_btn{top: 20.7vw; left: 53.9vw;}

.warrens_boss_backdrop{top: 19.5vw; left: 56.3vw; display: none;}
.warrens_boss_btn{top: 20.7vw; left: 58.1vw;}


.cove_enemy_backdrop{top: 19.4vw; left: 76.2vw; display: none;}
.cove_enemy_btn{top: 20.6vw; left: 78vw; }

.cove_curio_backdrop{top: 19.4vw; left: 80.3vw; display: none;}
.cove_curio_btn{top: 20.6vw; left: 82.1vw;}

.cove_boss_backdrop{top: 19.4vw; left: 84.4vw; display: none;}
.cove_boss_btn{top: 20.6vw; left: 86.2vw;}


.shared_enemy_backdrop{top: 36.6vw; left: 77.2vw; display: none;}
.shared_enemy_btn{top: 37.8vw; left: 79vw;}

.shieldbreaker_enemy_backdrop{top: 36.6vw; left: 94vw; display: none;}
.shieldbreaker_enemy_btn{top: 37.8vw; left: 95.7vw;}

.shared_curio_backdrop{top: 36.6vw; left: 81.4vw; display: none;}
.shared_curio_btn{top: 37.8vw; left: 83.2vw;}

.shared_boss_backdrop{top: 36.6vw; left: 85.6vw; display: none;}
.shared_boss_btn{top: 37.8vw; left: 87.4vw;}

.shared_spoiler_backdrop{top: 36.6vw; left: 89.8vw; display: none;}
.shared_spoiler_btn{top: 38.5vw; left: 91.5vw;}


.quest_box{width: 25vw;height: 39.2vw; position: absolute; display: none; left: 9vw; top: 6.1vw; padding-left:1vw;
    background-image: url('images/Boxes/quest_textbox2.png'); background-size: 25vw;}



/*General Tooltip Colorcoding*/

/*General Text Colors*/
.normal {color: rgb(173, 172, 167)}
.highres{color: rgb(199, 179, 107); }
.lowres {color: rgb(160, 43, 32);}
.negative{color: rgb(160, 43, 32);}
.positive{color: rgb(199, 179, 107); }

/*Less Used General Text Colors*/
.extra_text{color: rgb(235, 224, 180); }
.chance {color: rgb(94, 95, 94)}

/*Frequently Used Skill Effects*/
.stress{color:white}
.heal{color:rgb(133, 189, 62)}

.bleed{color:rgb(141, 14, 16)}
.blight{color:rgb(185, 191, 65)}
.stun {color:rgb(221, 175, 62)}
.move{color:rgb(92, 129, 145)}

.debuff{color:rgb(177, 108, 49)}
.buff{color:rgb(117, 190, 197)}
.mark{color:rgb(141, 15, 26)}
.disease{color:rgb(116, 125, 78)}
.exhaust{color: rgb(185, 76, 37)}

.attack_type{color:rgb(140, 123, 95)}
.stealth{color: rgb(79, 71, 124)}
.scouting {color: rgb(69, 123, 112)}
.trap{color:#8860b2}

/*Misc*/
.block{color: rgb(113, 103, 63)}
.grey{color:grey}
.blueprint{color:rgb(124, 167, 188)}

/*Dungeon Difficulties*/
.apprentice{color:rgb(108, 149, 85)}
.veteran{color:rgb(209, 136, 46)}
.champion{color: rgb(149, 48, 48)}



/*Trinkets*/
.very_common{color: grey}
.common{color: grey}
.uncommon{color:rgb(108, 149, 85)}
.rare{color: rgb(68, 97, 163)}
.very_rare{color: rgb(180, 78, 31)}
.ancestral{color:rgb(207, 59, 33);}
.trophy{color:rgb(217, 185, 116)}
.darkest_dungeon{color:rgb(207, 59, 33);}
.shrieker{color:rgb(207, 59, 33);}

/*Crimson Court*/
.crimson_court{color:rgb(162, 42, 23)}
.cc_text{color:rgb(92, 50, 58)}
.set_bonus{color:rgb(128, 191, 116)}

/*Color of Madness*/
.crystalline{color: rgb(184, 253, 238)}
.keepsake{color: rgb(184, 253, 238)}
.thing{color:rgb(93, 144, 155);}

/*Color of Madness Misc*/
.traumatic{color:rgb(144, 134, 133)}
.temporal{color:rgb(96, 95, 134)}
.unstable{color:rgb(178, 81, 94)}
.pestilential{color:rgb(152, 175, 127)}
.adamantite{color:rgb(104, 128, 145)}
.gleaming{color:rgb(229, 68, 59);}
.haunting{color:rgb(175, 249, 163)}


/*More Misc*/

.event_text{color: rgb(21, 14, 5, 255)}
    

/*Enemy Monster info*/
.enemy_main_box{width: 75vw; height: 39vw; position: absolute; left: 8.5vw; top: 5.6vw; display: none; font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167);
    background-image: url(images/Boss_monsters/enemy_panel_template.png);background-size: 75vw 39vw; }
/*Enemy Sprite Styling*/

.enemy_sprite_container{
    position:absolute;top: 1.75vw; left: 1.3vw; width: 16vw; height:11.25vw; 
    display: flex; text-align: center; justify-content: center; align-items: center; 
}
.enemy_sprite{ width: 95%;
    height: 95%;
    object-fit: contain;  }

.enemy_name_container{position:absolute; top: 13.25vw; left: 1.3vw; width: 16vw; height: 3vw;  text-align: center; 
    font-family: dd_logo; color:rgb(199, 179, 107);font-size: 1.8vw; line-height: 3vw; }

.main_enemy_header{font-size: 2vw;}

.enemy_header_container{position:absolute; top: 0.9vw; left: 19.8vw; width: 20.4vw; height: 5.1vw;  text-align: center;
    font-family: dd_logo; color:rgb(199, 179, 107);font-size: 1.5vw; line-height: 2.3vw; text-wrap: nowrap;}

.enemy_close{position: absolute; top:0.75vw; right: 0.75vw; width: 1.5vw;}
.enemy_close:hover{filter: brightness(150%);}




.enemy_stats_header{position: absolute; left: 20vw; width: 20vw; top: 6.35vw;  text-align: center; font-size: 1.5vw;}
.enemy_resists_header{position: absolute; left: 20vw; width: 20vw; top: 17.05vw;  text-align: center; font-size: 1.5vw;}
.enemy_area_header{position: absolute; left: 1vw; width: 16.2vw; top: 26.9vw;  text-align: center; font-size: 1.5vw; }
.enemy_minions_header{position: absolute; left: 1.5vw; width: 15.6vw; top: 17.1vw;  text-align: center; font-size: 1.5vw;}
.enemy_skills_header{position: absolute; left: 20vw; width: 20vw; top: 24.05vw;  text-align: center; font-size: 1.5vw;  }
.enemy_lore_header{position: absolute; left: 44.25vw; width: 28.5vw; top: 9vw;  text-align: center; font-size: 1.5vw; }

.enemy_nav_container{position:absolute; top: 0.95vw; left: 45vw; width: 27.4vw; max-height: 7.4vw;  text-align: center;
    font-family: dd_logo; color:rgb(199, 179, 107);font-size: 1.5vw; line-height: 2.3vw; 
    display: flex; justify-content: center;  align-items: center; flex-wrap: wrap; overflow-y: overlay;}
    
.enemy_port{display: flex; height: 3vw; width: 3vw; margin: 0.35vw 0.6vw; }
.enemy_port:hover{filter: brightness(150%);}

#shared_enemy_nav::-webkit-scrollbar {width: 1.5vw;}
#shared_enemy_nav::-webkit-scrollbar-button:vertical:increment
{background-image: url("images/scrollbar_downarrow.png");background-size: 1.5vw 0.95vw;background-repeat: no-repeat; margin: 0; padding: 0;width:1.7vw; height: 1.03vw;}
#shared_enemy_nav::-webkit-scrollbar-button:vertical:decrement
{background-image: url("images/scrollbar_uparrow.png"); background-size: 1.5vw  0.95vw;background-repeat: no-repeat; margin: 0; padding: 0;width:1.7vw; height: 1.03vw; }


#shared_enemy_nav::-webkit-scrollbar-button:start:increment,
#shared_enemy_nav::-webkit-scrollbar-button:end:decrement {display: none;}
#shared_enemy_nav::-webkit-scrollbar-thumb {background-image: url(images/scrollbar1.png);background-size: 1.5vw 4.5vw; width: 1.5vw; height: 4.5vw;  margin:0; padding: 0;}

.enemy_vet_btn_app{position:absolute; top: 0.85vw; left: 42vw; ;}
.enemy_darkest_btn_app{position:absolute; top: 0.85vw; left: 40.2vw; ;}
.enemy_endless_btn_app{position:absolute; top: 0.85vw; left: 40.8vw; ;}
.enemy_champ_btn_app{position:absolute; top: 0.85vw; left: 41vw; ;}

.enemy_champ_btn_vet{position:absolute; top: 2.7vw; left: 41vw; ;}

.enemy_endless_btn_champ{position:absolute; top: 4.55vw; left: 40.8vw; ;}

.enemy_app_btn{position:absolute; top: 0.85vw; left: 42vw; ;}
.enemy_vet_btn{position:absolute; top: 2.7vw; left: 42vw; ;}
.enemy_champ_btn{position:absolute; top: 4.55vw; left: 41vw; ;}
.enemy_darkest_btn{position:absolute; top: 6.4vw; left: 40.2vw; ;}
.enemy_endless_btn{position:absolute; top: 6.4vw; left: 40.8vw; ;}

.enemy_diff_btn{position:absolute; height: 1.55vw;}
.enemy_diff_btn:hover{filter: brightness(150%);}

/*Enemy Stats*/
.enemy_stat_container{position: absolute; left: 20vw; width: 21.5vw; top: 8.45vw; height: 22vw; 
    font-size: 1.3vw; line-height: 2.2vw;  }

.enemy_stat_header1{position: absolute; left: -0.4vw; width: 10.5vw; top: 0vw; }
.enemy_stat_header2{position: absolute; left: 11.2vw; width: 10.5vw; top: 0vw;   }
.enemy_statline1{position: absolute; left: 3.2vw; width: 10vw; top: 0vw; }
.enemy_statline2{position: absolute; left: 16.6vw; width:8vw; top: 0vw;  }

/*Enemy Resists*/

.enemy_resist_container{position: absolute; left: 20vw; width: 21.5vw; top:17.45vw; height: 20vw; 
    font-size: 1.3vw; line-height: 1.9vw; font-weight: 400;}

.enemy_resist_header1{position: absolute; left: 1.2vw; top: -0.1vw; }
.enemy_resist_header2{position: absolute; left: 12vw; top: -0.1vw; }

.enemy_resist_icon{width:1.6vw; height: 1.6vw; margin-bottom:0.2vw; padding: 0; }
.enemy_resist_icon_smaller{width:1.5vw; height: 1.5vw; margin-bottom:0.2vw; padding: 0; }

.enemy_resist_icon_container1{position: absolute; left: 19.3vw; width: 2vw; top: 17.6vw; }
.enemy_resist_icon_container2{position: absolute; left: 30.1vw; width: 2vw; top: 17.6vw; }

.enemy_resistline1{position: absolute; left: 5.6vw; top: -0.1vw;}
.enemy_resistline2{position: absolute; left: 17.15vw; top: -0.1vw;}

.enemy_region_container{position: absolute; top: 19.35vw; left: 1.2vw; width:16vw;height:auto; font-size: 1.3vw;  display: flex; text-align: center; justify-content: center; align-items: center;}
.enemy_region_text{display: flex; vertical-align: middle;text-align: center;}


/*Enemy Trinkets*/

.enemy_trinket_container{position: absolute; top: 28.75vw; left: 1.2vw; width:16vw; height:9vw; 
    display: flex; justify-content: center;  align-items: center; }
.enemy_trinket{height: 7vw; width: 3.5vw;display: flex; vertical-align: middle; margin: 0 0.2vw;}
.enemy_trinket:hover{filter: brightness(150%);}

.enemy_trinket_desc{position: absolute; top: 29.75vw; left: 11.1vw; border: 0.15vw rgb(54, 54, 55) solid;background-color:rgba(0, 0, 0, 0.9); padding:0.3vw 0.4vw 0.3vw 0.4vw;
    text-align: center; width:max-content; font-size: 1vw; line-height: 1.4vw; display: none;font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167);}


.enemytrinket1{left:7.1vw;}
.enemytrinket3{left:15vw;}




/*Enemy Skills*/

.enemy_skill_container{position: absolute; top: 26.25vw; left: 20.2vw; width:20vw; height:fit-content; 
    font-size: 1.3vw; line-height: 2.2vw; font-weight: 400;}

.enemy_skill_desc_container{position: absolute; top: 25.7vw; left: 41.2vw; border: 0.15vw rgb(54, 54, 55) solid;background-color:rgba(0, 0, 0, 0.9); padding:0.25vw 0.4vw;
    text-align: center; width:max-content;font-size: 1vw; line-height: 1.35vw; display: none; font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167); max-width: 42vw;}

.enemy_side_text_container{
    position:absolute; left: 43.25vw; top: 11.25vw; width: 30.5vw; height: 26.2vw;
    font-size: 1.1vw; line-height: 2vw; font-weight: 400; padding: 0 0.3vw; text-align: center; overflow: auto; 
    
}



.enemy_side_text_container::-webkit-scrollbar {width: 0vw;}

.enemy_strategy{display: block; font-size: 1vw; line-height: 1.6vw;}
.strat_header{font-size: 1.5vw; line-height: 3vw; padding: 1vw 0 0.8vw 0; font-family: dd_logo; color: rgb(199, 179, 107); font-weight: 400;}


.position_icons{height:0.9vw;margin-top: 0.15vw;}



.content_sidenav{position: absolute; left: 25vw; top:0vw; width: 10vw;height:20vw; 
    display: flex; flex-direction: row; flex-wrap: wrap; background-color: black; justify-content: center;}
    
    .sidenav9_long{height: 20.5vw; width: 21vw}
    .sidenav9{height: 20.5vw; width: 21vw}
    .sidenav13{height: 20.5vw; width: 21vw}
    .sidenav10{height: 20.5vw; width: 21vw}

/*Curio info*/

.curio{font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167);font-size: 1.2vw; line-height: 1.7vw; font-weight: 400; left: 9.5vw;}

.curio_top_container{position: absolute; top: 0.6vw; left: 0vw;width: 25vw; height: 20vw; /*border: 1px solid red;*/
text-align: center;}

.curio_info{position: absolute; left: 33vw; top:6.2vw; width: 2vw; } 
.forced_universal{left: 35vw; top: 6.2vw;}

.interaction_desc{position: absolute; left: 22.5vw; border: 0.15vw rgb(54, 54, 55) solid;background-color:rgba(0, 0, 0, 0.9); padding:0.3vw 0.5vw 0.3vw 0.4vw;
     width:max-content; font-size: 1.1vw; line-height: 1.8vw; display: none;}
.universal_desc{position: absolute;  border: 0.15vw rgb(54, 54, 55) solid;background-color:rgba(0, 0, 0, 0.9); padding:0.3vw 0.5vw 0.3vw 0.4vw;
     width:max-content; font-size: 1.1vw; line-height: 1.8vw;font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167); }
.curio_info:hover{filter: brightness(150%);}
.result_icon{width: 1.4vw; position: absolute; padding-top: 0.2vw;}
.provision_inter_icon{max-width: 1.4vw; max-height: 2vw;  position: absolute; padding-top: 0.3vw; left: 0.7vw}
.result_desc{margin-left: 2vw;}

.curio_result{ left: 24vw; top: 27.7vw; text-align:start; padding-bottom:0.4vw; line-height: 2vw}
.room_interact{top: 24.7vw;}




.curio_interaction_container{position: absolute; top: 27vw; left: -0.8vw;width: 25vw; height: 10vw;
                             display: flex; justify-content: center;}
.room_curio{top: 24vw;}
.curio_sprite{max-height: 9vw; max-width: 14.5vw;}
.corridor_curio_sprite_container{width: 22vw; height: 9vw;   vertical-align: middle;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; left: 1vw;margin-bottom: 0.5vw;
  }
.room_curio_sprite_container{width: 22vw; height: 13.5vw;    vertical-align: middle;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;left: 1vw; margin-bottom: 0.5vw;
  }  
.room_sprite{max-height: 13vw; max-width: 20vw;}
.curio_name{font-size: 2vw; padding-bottom: 0.3vw}

.interact_item{width: 4vw; height: 8vw; margin: 1vw 0.5vw;}
.interact_item:hover{filter: brightness(150%);}

.curio_port{display: flex; height: 5vw; margin: 0.3vw}
.curio_port:hover{filter: brightness(150%);}

.curio_nav_13{height: 22.7vw; width: 23vw}
.curio_nav_8{height: 17.1vw; width: 17vw}
.curio_nav_10{height: 17.1vw; width: 23vw}

/*Boss Monster info*/
.boss_box{width: 75vw; height: 39vw; position: absolute; left: 10vw; top: 5.6vw; display: none; font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167);
    background-image: url(images/Boss_monsters/boss_panel_template_new.png);background-size: 75vw 39vw;}
/*Boss Sprite Styling*/

.boss_sprite_container{
    position:absolute;top: 1.25vw; left: 1.2vw; width: 16vw; height:15vw;
    display: flex; justify-content: center; align-items: center; 
}
.boss_sprite{ width: 95%;
    height: 95%;
    object-fit: contain;  }


/*Flesh Sprite*/

.flesh_sprite_container{position:absolute; left:0.6vw; top:3vw; height: 10vw; width: 17vw;}
.quad_sprite{ position: absolute; bottom:0.4vw }

.heart_sprite{left: 3.8vw; height:5vw}
.bone_sprite{left: 7.6vw; height:9vw}
.head_sprite{left:11.8vw;  height:7.5vw}
.butt_sprite{height:9vw}

.flesh_parts_container{position: absolute; top:12.6vw; left:0.8vw; display:flex; justify-content: center;}
.flesh_port{width: 3.5vw; height: 3.5vw; margin:0vw 0.3vw}
.flesh_port:hover{filter: brightness(150%);}


/*Boss Buttons*/

.boss_lvl_btn{position: absolute; left: 1.3vw; height:2.5vw; }
.app_boss{top:19.75vw;}
.vet_boss{top:23.25vw;}
.champ_boss{top:26.75vw;}

.boss_close{position: absolute; top:0.75vw; right: 0.75vw; width: 1.5vw;}
.boss_close:hover{filter: brightness(150%);}

/*category banner*/
.vanilla_boss_banner{position:absolute; right: 21vw; top: -2.7vw; width: 8vw;}
.dlc_boss_banner{position:absolute; right: 12vw; top:-2.7vw; width: 8vw;}

.spoiler_boss_banner{position:absolute; right: 3vw; top:-2.7vw; width: 8vw;}


.vanilla_boss_banner:hover{filter: brightness(150%);}
.dlc_boss_banner:hover{filter: brightness(150%);}
.spoiler_boss_banner:hover{filter: brightness(150%);}

/*Info Icons*/

.spoiler_warning_info{top:5.75vw;left: 45.6vw; width: 1.7vw;}
.spoiler_warning_info_txt{top:10.95vw;left: 57.6vw;}

/*Quirk info*/

.boss_quirk_info{top: 6.35vw; left: 38.2vw; width: 1.6vw;}
.boss_quirk_info_txt{top: 11.95vw; left: 50.2vw; line-height: 1.5vw; max-width: 45vw;}

/*Scrolling info*/
.scroll_info{top: 9.05vw; left: 45vw;width: 1.5vw;} 
.scrollable{top:14.22vw; left: 56.8vw; }
.scrollable2{top:8.55vw; left: 46.8vw; }


/*Boss Locating info*/
.find_boss{ left: 13.5vw; top: 6.35vw; line-height:1.5vw;}

/*Additional Boss info*/
.boss_additional_info{top: 6.4vw; left: 20vw; width: 1.5vw;}
.boss_additional_info_txt{top: 11.75vw; left: 31.9vw; line-height: 1.5vw; max-width: 45vw;}

/*Additional Boss Minion info*/
.boss_minion_additional_info{top: 17.05vw; left: 2vw; width: 1.5vw;}
.boss_minion_additional_info_txt{top: 22.15vw; left: 13.8vw; line-height: 1.6vw;}


/*Minion Shared Lifelink info*/
.lifelink_info{top: 16vw; left: 13.4vw; width: 1.5vw;}
.lifelink_info_txt{top: 34.1vw; left: 40.7vw;}
.lifelink_label{position: absolute; top: 16vw; left: 15.3vw; font-size: 1.5vw;}

/*Trophy Info*/
.trophy_info{top: 28.55vw; left: 2vw; width: 1.5vw;}
.trophy_info_txt{top: 34.05vw; left: 13.8vw;}

/*Boss Header*/
.boss_header_container{position:absolute; top: 0.9vw; left: 19.8vw; width: 20.4vw; height: 5.1vw;  text-align: center;
                        font-family: dd_logo; color:rgb(199, 179, 107);font-size: 1.5vw; line-height: 2.3vw; text-wrap: nowrap;}
.base_boss_header{font-size:2vw;}
.dlc_boss_header{font-size:2vw;margin-left:1.65vw;}
.foretext{color:rgb(93, 90, 78);}
.boss_sign{height:1.5vw; vertical-align: middle; margin-left: 0.2vw;}

.boss_stats_header{position: absolute; left: 20vw; width: 20vw; top: 6.35vw;  text-align: center; font-size: 1.5vw;}
.boss_resists_header{position: absolute; left: 20vw; width: 20vw; top: 17.05vw;  text-align: center; font-size: 1.5vw;}
.boss_trinkets_header{position: absolute; left: 1vw; width: 16.2vw; top: 28.6vw;  text-align: center; font-size: 1.5vw; }
.boss_minions_header{position: absolute; left: 2vw; width: 15vw; top: 17.15vw;  text-align: center; font-size: 1.5vw;}
.boss_skills_header{position: absolute; left: 20vw; width: 20vw; top: 25.65vw;  text-align: center; font-size: 1.5vw;  }
.boss_lore_header{position: absolute; left: 44.5vw; width: 28.5vw; top: 9vw;  text-align: center; font-size: 1.5vw;}

/*Boss Nav*/

.boss_nav_container{position:absolute; top: 0.95vw; left: 45vw; width: 27.4vw; max-height: 7.4vw;  text-align: center;
    font-family: dd_logo; color:rgb(199, 179, 107);font-size: 1.5vw; line-height: 2.3vw; 
    display: flex; justify-content: center;  align-items: center; flex-wrap: wrap; overflow-y: overlay;}
.boss_port{display: flex; height: 3vw; width: 3vw; margin: 0.35vw 0.6vw; }
.boss_port:hover{filter: brightness(150%);}

.spoiler_bar{display: flex; width: 25vw; height: 3vw; margin: 0.35vw 0;}

#necromancer_portrait{margin-left: 1.2vw}
#crew_portrait{padding-right: 6vw}
#flesh_portrait{margin-left:1.2vw}

#crocodilian_portrait{margin-left: 1.6vw}
#thing_from_the_stars_portrait{margin-left: 9.1vw}
#miller_portrait{margin-right: 8vw}


#countess_portrait{margin-left: 1.6vw}

#shuffling_horror_portrait{margin-left:1.5vw}
#templar_impaler_portrait{margin-left:1.5vw}
#mammoth_cyst_portrait{margin-left:1.5vw}
#ancestor_portrait{margin-left:1.5vw}


/*Boss Difficulty Toggle*/

.boss_app_btn{position:absolute; top: 0.85vw; left: 41.7vw; ;}
.boss_vet_btn{position:absolute; top: 2.7vw; left: 41.7vw; ;}
.boss_champ_btn{position:absolute; top: 4.55vw; left: 40.7vw; ;}
.boss_darkest_btn{position:absolute; top: 6.4vw; left: 39.9vw; ;}
.boss_endless_btn{position:absolute; top: 6.4vw; left: 40.5vw; ;}


.boss_darkest_btn_app{position:absolute; top: 0.85vw; left: 39.9vw; ;}
.boss_vet_btn_app{position:absolute; top: 0.85vw; left: 41.7vw; ;}
.boss_champ_btn_app{position:absolute; top: 0.85vw; left: 40.7vw; ;}
.boss_endless_btn_app{position:absolute; top: 0.85vw; left: 40.5vw; ;}

.boss_champ_btn_vet{position:absolute; top: 2.7vw; left: 40.7vw; ;}
.boss_darkest_btn_champ{position:absolute; top: 4.55vw; left: 39.9vw; ;}

.boss_endless_btn_vet{position:absolute; top: 2.7vw; left: 40.5vw; ;}



.boss_diff_btn{position:absolute; height: 1.55vw;}
.boss_diff_btn:hover{filter: brightness(150%);}

/*Boss Stats*/
.boss_stat_container{position: absolute; left: 20vw; width: 21.5vw; top: 8.45vw; height: 20vw; 
    font-size: 1.3vw; line-height: 2vw; }

.boss_stat_header1{position: absolute; left: -0.4vw; width: 10.5vw; top: 0vw; }
.boss_stat_header2{position: absolute; left: 11.2vw; width: 10.5vw; top: 0vw;  }
.boss_statline1{position: absolute; left: 3.2vw; width: 10vw; top: 0vw; }
.boss_statline2{position: absolute; left: 16.6vw; width:8vw; top: 0vw;  }

/*Boss Resists*/

.boss_resist_container{position: absolute; left: 20vw; width: 21.5vw; top:19.25vw; height: 20vw; 
    font-size: 1.3vw; line-height: 1.9vw; font-weight: 00;}

.boss_resist_header1{position: absolute; left: 1.2vw; top: -0.1vw; }
.boss_resist_header2{position: absolute; left: 12vw; top: -0.1vw; }

.boss_resist_icon{width:1.6vw; height: 1.6vw; margin-bottom:0.2vw; padding: 0; }
.boss_resist_icon_smaller{width:1.5vw; height: 1.5vw; margin-bottom:0.2vw; padding: 0; }

.boss_resist_icon_container1{position: absolute; left: 19.3vw; width: 2vw; top: 19.4vw; }
.boss_resist_icon_container2{position: absolute; left: 30.1vw; width: 2vw; top: 19.4vw; }

.boss_resistline1{position: absolute; left: 5.6vw; top: -0.1vw;}
.boss_resistline2{position: absolute; left: 17.15vw; top: -0.1vw;}

/*Boss Minions*/
.boss_minion_port_container{position: absolute; top: 19.15vw; left: 1.2vw; width:16vw; max-height: 8.9vw;
    display: flex; justify-content: center;  align-items: center; flex-wrap: wrap;  }
.minion_port_img{height: 3.8vw; width: 3.8vw;display: flex; margin: 0.3vw }
.minion_port_img:hover{filter: brightness(150%);}

/*Boss Trinkets*/

.boss_trinket_container{position: absolute; top: 30.75vw; left: 1.2vw; width:16vw; height:7vw; 
    display: flex; justify-content: center;  align-items: center;}
.boss_trinket{height: 6vw; width: 3vw;display: flex; vertical-align: middle; margin: 0 0.1vw;}
.boss_trinket:hover{filter: brightness(150%);}


.boss_trinket_desc{position: absolute; top: 31.25vw; left: 10.9vw; border: 0.15vw rgb(54, 54, 55) solid;background-color:rgba(0, 0, 0, 0.9); padding:0.3vw 0.4vw 0.3vw 0.4vw;
    text-align: center; width:max-content; font-size: 1vw; line-height: 1.4vw; display: none;font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167);}

.shrieker1{left:6.1vw;}
.shrieker2{left:9.3vw;}
.shrieker3{left:12.5vw;}
.shrieker4{left:15.7vw;}
.bosstrinket1{left:4.5vw;}
.bosstrinket2{left:7.7vw;}
.bosstrinket4{left:14.1vw;}
.bosstrinket5{left:17.3vw;}

/*Boss Skills*/

.boss_skill_container{position: absolute; top: 27.75vw; left: 20.5vw; width:20vw; height:10.1vw; 
    font-size: 1.3vw; line-height: 2vw; font-weight: 400; overflow: auto;}

.boss_skill_desc_container{position: absolute; top: 25.3vw; left: 41.2vw; border: 0.15vw rgb(54, 54, 55) solid;background-color:rgba(0, 0, 0, 0.9); padding:0.25vw 0.4vw;
    text-align: center; width:max-content;font-size: 1vw; line-height: 1.4vw; display: none; font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167); max-width: 42vw;}




::-webkit-scrollbar {background-color: transparent; }
::-webkit-scrollbar-thumb{background-repeat: no-repeat; }

.boss_side_text_container::-webkit-scrollbar {width: 0;}

.boss_skill_container::-webkit-scrollbar {width: 1.7vw; }
.boss_skill_container::-webkit-scrollbar-button:vertical:increment
{background-image: url("images/scrollbar_downarrow.png");background-size: 1.7vw 1.03vw;background-repeat: no-repeat; margin: 0; padding: 0;width:1.7vw; height: 1.03vw;}
.boss_skill_container::-webkit-scrollbar-button:vertical:decrement
{background-image: url("images/scrollbar_uparrow.png"); background-size: 1.7vw  1.03vw;background-repeat: no-repeat; margin: 0; padding: 0;width:1.7vw; height: 1.03vw; }



#dlc_boss_nav::-webkit-scrollbar {width: 1.5vw;}


#dlc_boss_nav::-webkit-scrollbar-button:vertical:increment
{background-image: url("images/scrollbar_downarrow.png");background-size: 1.5vw 0.95vw;background-repeat: no-repeat; margin: 0; padding: 0;width:1.7vw; height: 1.03vw;}

#dlc_boss_nav::-webkit-scrollbar-button:vertical:decrement
{background-image: url("images/scrollbar_uparrow.png"); background-size: 1.5vw  0.95vw;background-repeat: no-repeat; margin: 0; padding: 0;width:1.7vw; height: 1.03vw; }


#dlc_boss_nav::-webkit-scrollbar-button:start:increment,
#dlc_boss_nav::-webkit-scrollbar-button:end:decrement {display: none;}



#base_boss_nav::-webkit-scrollbar {width: 1.5vw;}


#base_boss_nav::-webkit-scrollbar-button:vertical:increment
{background-image: url("images/scrollbar_downarrow.png");background-size: 1.5vw 0.95vw;background-repeat: no-repeat; margin: 0; padding: 0;width:1.7vw; height: 1.03vw;}

#base_boss_nav::-webkit-scrollbar-button:vertical:decrement
{background-image: url("images/scrollbar_uparrow.png"); background-size: 1.5vw  0.95vw;background-repeat: no-repeat; margin: 0; padding: 0;width:1.7vw; height: 1.03vw; }


#base_boss_nav::-webkit-scrollbar-button:start:increment,
#base_boss_nav::-webkit-scrollbar-button:end:decrement {display: none;}

#spoiler_boss_nav::-webkit-scrollbar {width: 1.5vw;}

#spoiler_boss_nav::-webkit-scrollbar-button:vertical:increment
{background-image: url("images/scrollbar_downarrow.png");background-size: 1.5vw 0.95vw;background-repeat: no-repeat; margin: 0; padding: 0;width:1.7vw; height: 1.03vw;}

#spoiler_boss_nav::-webkit-scrollbar-button:vertical:decrement
{background-image: url("images/scrollbar_uparrow.png"); background-size: 1.5vw  0.95vw;background-repeat: no-repeat; margin: 0; padding: 0;width:1.7vw; height: 1.03vw; }


#spoiler_boss_nav::-webkit-scrollbar-button:start:increment,
#spoiler_boss_nav::-webkit-scrollbar-button:end:decrement {display: none;}



.boss_minion_skill_container::-webkit-scrollbar {width: 1.7vw;}
.boss_minion_skill_container::-webkit-scrollbar-button:vertical:increment
{background-image: url("images/scrollbar_downarrow.png");background-size: 1.7vw 1.03vw;background-repeat: no-repeat; margin: 0; padding: 0;width:1.7vw; height: 1.03vw;}
.boss_minion_skill_container::-webkit-scrollbar-button:vertical:decrement
{background-image: url("images/scrollbar_uparrow.png"); background-size: 1.7vw  1.03vw;background-repeat: no-repeat; margin: 0; padding: 0;width:1.7vw; height: 1.03vw; }





#fanatic_app_skills::-webkit-scrollbar-thumb {background-image: url(images/scrollpip_8.png);background-size: 1.7vw 7vw;width:1.7vw; height: 7vw;}
#fanatic_vet_skills::-webkit-scrollbar-thumb {background-image: url(images/scrollpip_8.png);background-size: 1.7vw 7vw;width:1.7vw; height: 7vw;}
#fanatic_champ_skills::-webkit-scrollbar-thumb {background-image: url(images/scrollpip_8.png);background-size: 1.7vw 7vw;width:1.7vw; height: 7vw;}
#baron_vet_skills::-webkit-scrollbar-thumb {background-image: url(images/scrollpip_8.png);background-size: 1.7vw 5.2vw; width:1.7vw; height: 5.2vw;}
#sycophant_vet_skills::-webkit-scrollbar-thumb {background-image: url(images/scrollpip_8.png); background-size: 1.7vw 5.9vw; width:1.7vw; height: 5.9vw;}
#esquire_vet_skills::-webkit-scrollbar-thumb {background-image: url(images/scrollpip_8.png); background-size: 1.7vw 5.9vw; width:1.7vw; height: 5.9vw;}
#viscount_champ_skills::-webkit-scrollbar-thumb {background-image: url(images/scrollpip_8.png); background-size: 1.7vw 5.9vw; width:1.7vw; height: 5.9vw;}
#countess_flushed_darkest_skills::-webkit-scrollbar-thumb {background-image: url(images/scrollpip_8.png);background-size: 1.7vw 7vw;width:1.7vw; height: 7vw;}
#thing_from_the_stars_app_skills::-webkit-scrollbar-thumb {background-image: url(images/scrollpip_8.png);  background-size: 1.7vw 5.9vw; width:1.7vw; height: 5.9vw;}
#thing_from_the_stars_vet_skills::-webkit-scrollbar-thumb {background-image: url(images/scrollpip_8.png); background-size: 1.7vw 5.9vw; width:1.7vw; height: 5.9vw;}
#thing_from_the_stars_champ_skills::-webkit-scrollbar-thumb {background-image: url(images/scrollpip_8.png); background-size: 1.7vw 5.9vw; width:1.7vw; height: 5.9vw;}
#fracture_endless_skills::-webkit-scrollbar-thumb {background-image: url(images/scrollpip_6.png);background-size: 1.7vw 7vw;width:1.7vw; height: 7vw;}


#dlc_boss_nav::-webkit-scrollbar-thumb {background-image: url(images/scrollbar1.png);background-size: 1.5vw 4.5vw; width: 1.5vw; height: 4.5vw;  margin:0; padding: 0;}
#base_boss_nav::-webkit-scrollbar-thumb {background-image: url(images/scrollbar1.png);background-size: 1.5vw 4.5vw; width: 1.5vw; height: 4.5vw;  margin:0; padding: 0;}
#spoiler_boss_nav::-webkit-scrollbar-thumb {background-image: url(images/scrollbar1.png);background-size: 1.5vw 2.2vw; width: 1.5vw; height: 2.2vw;  margin:0; padding: 0;}


/*Boss Lore/Strategy Toggle*/

.boss_lore_btn{position: absolute; left: 74.7vw; top: 10.75vw; width: 3vw}
.boss_strategy_btn{position: absolute; left: 74.7vw; top: 17.75vw; width: 3vw}
.boss_lore_btn:hover{filter: brightness(150%);}
.boss_strategy_btn:hover{filter: brightness(150%);}

/*Boss Lore and Strategy*/

.boss_side_text_container{
    position:absolute; left: 44.25vw; top: 11.25vw; width: 28.5vw; height: 26.4vw; 
    font-size: 1.1vw; line-height: 1.6vw; font-weight: 400; padding: 0 0.3vw; text-align: center; overflow: auto; 
    
}
.lore_headertxt{font-size: 1.6vw; text-align: center;  line-height: 2.2vw;padding:0.6vw 0; margin:0; }
.boss_strategy{display: block; font-size: 1vw; line-height: 1.6vw;}

.bosses_strat_header{font-size: 1.5vw; line-height: 2.5vw; padding: 0vw 0 0.5vw 0; font-family: dd_logo; color: rgb(199, 179, 107); font-weight: 400;}

/*Boss Minion Info*/
.boss_minion_infobox{
    position:absolute;top: 12.75vw; left:15.5vw; width: 47.5vw; height: 26vw;
    background-image: url(images/Boss_monsters/minion_infobox_bg.png); background-size: contain; 
}

.minion_close{position: absolute; top:0.7vw; right: 1.5vw; width: 1.5vw;}
.minion_close:hover{filter: brightness(150%);}

.crimson_sprite_banner{height:2vw; position:absolute; left: -5.6vw; top: 2.5vw}

.crimson_sprite_banner:hover{filter: brightness(150%);}

.boss_minion_sprite_container{
     width: 11vw; height:10.5vw;
    display: flex; text-align: center; justify-content: center; align-items: center; top: 1.2vw; left: 1.5vw;
}
.boss_minion_sprite{ width: 95%; height: 95%;object-fit: contain; }
.minion_sprite_main{width:fit-content; display: none;}



.boss_minion_name{position: absolute; top: 12.1vw;left:1.5vw; font-size: 2vw; line-height: 2.4vw; width: 11vw; text-align: center; }
.minion_stats{position:absolute;font-size: 1.6vw; line-height: 2.5vw; font-weight: 400; padding: 0.2vw; top: 0.7vw}

.boss_minion_skill_container{
    position:absolute; top: 27.2vw; left: 41.4vw; line-height: 2.1vw; 
    max-height:10.5vw; width: 19.8vw; overflow: auto; font-size: 1.4vw;
}
.minion_skill_desc{top: 23.5vw; left: 62.1vw; max-width: 27vw;}

.boss_minion_stat_header_container1{left: 13.5vw;}
.boss_minion_stat_number_container1{top: 13.45vw;left: 35.6vw;}

.boss_minion_stat_header_container2{left: 30vw;}
.boss_minion_stat_number_container2{top: 13.45vw;left: 52.5vw;}

.boss_minion_resist_header_container1{top: 17.3vw; left: 1.8vw;}
.boss_minion_resist_header_container2{top: 17.3vw; left: 13.3vw;}

.boss_minion_resist_number_container1{top: 30.05vw; left: 22.8vw;}
.boss_minion_resist_number_container2{top: 30.05vw; left: 35.1vw;}




/*BTM BTN GENERAL STYLING*/

.starting-padding{padding-left: 2vw;}
.starting-padding1{padding-left: 1vw;}
.description{font-size: 1vw; line-height: 1.3vw;}

.description_spaced{font-size: 1vw; line-height: 1.4vw;}
.description_spaced3{font-size: 1.1vw; line-height: 1.7vw;}

.description2{font-size: 1.02vw; line-height: 1.35vw;}
.description2_list{font-size: 1.05vw; line-height: 1.58vw;}


.description3{font-size: 1.05vw; line-height: 1.55vw;}
.description4{font-size: 1.05vw; line-height: 1.5vw;}



.replace_paragraph{padding-bottom: 0.5vw;}
.replace_paragraph2{padding-bottom: 0.8vw;}
.vertical_padding{padding:0.5vw 0}
.spacing_above{padding-top: 0.5vw;}
.spacing_below{padding-bottom: 0.5vw;}
.spacing_below2{padding-bottom: 0.7vw;}

.slight_spacing_above{padding-top: 0.3vw;}
.slight_spacing_below{padding-bottom: 0.3vw;}
.miniscule_spacing_below{padding-bottom: 0.15vw;}

.slight_spacing{padding: 0.3vw 0}
.slight_desc_padding{padding: 0.3vw 0.4vw}

.desc_margin{line-height: 1.8vw;}
.subtitle1{font-size: 1.5vw; padding:0.7vw 0 0.5vw 0}

.align_items_center{position: absolute;display: flex; justify-content: center;align-items: center;}

.content_textwall_box{position: absolute;left: 1vw;top:8vw; width: 33.5vw;  text-align: center;}

.category_nav_banner{position:absolute;top: -3.2vw; width: 10vw;}
.category_nav_banner:hover{filter: brightness(150%);}

.category_nav_banner_smaller{position:absolute;top: -2.65vw; width: 8.5vw;}
.category_nav_banner_smaller:hover{filter: brightness(150%);}


.content_toggle_main{
    position: absolute; right:-10.2vw; top:18.5vw;  padding-top: 1.4vw;
    width:11vw; height: 8vw;font-size: 1.6vw;
    background-image: url(images/tooltip_background.png); background-size: 11vw 8vw;
    display: flex; align-items: center; justify-content: center;
}
.content_toggle_btn1{position: absolute; width:3.5vw; margin-left: -4vw; margin-bottom: -0.7vw;}
.content_toggle_btn2{position: absolute; width:3.5vw; margin-left: 4vw; margin-bottom: -0.7vw;}
.content_toggle_btn1:hover{filter: brightness(150%);}
.content_toggle_btn2:hover{filter: brightness(150%);}
.content_toggle_header{display: flex ; align-self: center; margin-bottom: auto;}

.content_toggle_header{display: flex ; align-self: center; margin-bottom: auto;}

.descbox_header2{font-size: 1.9vw; padding-bottom: 0.6vw;}

/*Quirk Glossary Styling*/

.glossary_container{position: absolute; left: 8.8vw; top: 5.6vw; width: 70vw; height: 39vw;
    background-image: url("images/Glossary/glossary_bg_empty_dark.png"); background-size: 70vw 39vw;  display: none;}

.glossary_nav1{left:38vw}  .glossary_nav2{left:48vw}  .glossary_nav3{left:58vw}

.tier_nav{position: absolute; left: 69.6vw;top: 1.3vw; width: 3vw; height: 39vw;  display: flex; flex-direction: column; justify-content: flex-start;}
.tier_btn_positive{width: 3.5vw; margin: 0.3vw 0vw} .tier_btn_positive:hover{filter: brightness(150%);}
.tier_btn_negative{width: 3.5vw; margin: 0.3vw 0vw} .tier_btn_negative:hover{filter: brightness(150%);}
#neg_nav{display: none;}


.quirk_hover_info{position: absolute;left: 36.2vw;top:4.3vw; width: 33vw; font-size: 1.5vw;font-weight: 400; text-align: center;/*border: 1px solid green;*/}
.quirk_hover_info_btm{left: 1vw;top:28.15vw; width: 33vw; font-size: 1.5vw;}

.glossary_character{position:absolute; top:6.35vw; left:4.35vw; height:32.5vw;}

.quirk_tier_container{width:33vw; height: 38vw;  position: absolute; left: 36.2vw;top:0.5vw;/*border: 1px solid red;*/}
.tier_header_txt{position: absolute;top: 1vw; width: 33vw;  font-size: 2vw; text-align: center; transform: scalex(0.95);}


.quirk_container{position: absolute;top: 6.4vw;  width:fit-content; height: 31vw;/*border: 1px solid yellow;*/}
.quirk_text{font-family: 'Ubuntu', sans-serif;  font-size: 1.5vw; line-height: 2.5vw; font-weight: 400;/*border: 1px solid yellow;*/padding-left:0.2vw;}
.quirk_name_line2{position: relative; left: 16.5vw; top: -30.08vw; /*border: 1px solid pink;*/}


.row1num1{top: 9.3vw; left:36.4vw;} .row1num2{top: 11.8vw; left:36.4vw;}
.row1num3{top: 14.3vw; left:36.4vw;} .row1num4{top: 16.8vw; left:36.4vw;}
.row1num5{top: 19.3vw; left:36.4vw;} .row1num6{top: 21.8vw; left:36.4vw;}
.row1num7{top: 24.3vw; left:36.4vw;} .row1num8{top: 26.8vw; left:36.4vw;}
.row1num9{top: 29.3vw; left:36.4vw;} .row1num10{top: 31.8vw; left:36.4vw;}
.row1num11{top: 34.3vw; left:36.4vw;} .row1num12{top: 36.8vw; left:36.4vw;}

.row2num1{top: 9.3vw; left: 52.8vw;} .row2num2{top: 11.8vw; left: 52.8vw;}
.row2num3{top: 14.3vw; left: 52.8vw;} .row2num4{top: 16.8vw; left: 52.8vw;}
.row2num5{top: 19.3vw; left: 52.8vw;}

.quirksrc_row1num1{top: 12.2vw; left:1.7vw;} .quirksrc_row1num2{top: 14.3vw; left:1.7vw;}
.quirksrc_row1num3{top: 16.4vw; left:1.7vw;} .quirksrc_row1num4{top: 18.5vw; left:1.7vw;}
.quirksrc_row1num5{top: 20.6vw; left:1.7vw;} .quirksrc_row1num6{top: 22.7vw; left:1.7vw;}
.quirksrc_row1num7{top: 24.8vw; left:1.7vw;} .quirksrc_row1num8{top: 26.9vw; left:1.7vw;}
.quirksrc_row1num9{top: 29vw; left:1.7vw;} .quirksrc_row1num10{top: 31.1vw; left:1.7vw;}
.quirksrc_row1num11{top: 33.2vw; left:1.7vw;} .quirksrc_row1num12{top: 35.3vw; left:1.7vw;}

.quirksrc_row2num1{top: 12.2vw; left:18.4vw;} .quirksrc_row2num2{top: 14.3vw; left:18.4vw;}
.quirksrc_row2num3{top: 16.4vw; left:18.4vw;} .quirksrc_row2num4{top: 18.5vw; left:18.4vw;}
.quirksrc_row2num5{top: 20.6vw; left:18.4vw;} .quirksrc_row2num6{top: 22.7vw; left:18.4vw;}
.quirksrc_row2num7{top: 24.8vw; left:18.4vw;} .quirksrc_row2num8{top: 26.9vw; left:18.4vw;}
.quirksrc_row2num9{top: 29vw; left:18.4vw;} .quirksrc_row2num10{top: 31.1vw; left:18.4vw;}
.quirksrc_row2num11{top: 33.2vw; left:18.4vw;} .quirksrc_row2num12{top: 35.3vw; left:18.4vw;}



.quirk_source_column{ position: absolute;   width: fit-content; height: 26vw; /*border: 1px solid red;*/
     font-size: 1.3vw;font-weight: 400; line-height: 2.1vw; text-align: start;}

.quirk_src_column1{left:1vw;}
.quirk_src_column2{left:17.5vw;}

/*Disease Box*/

.disease_container{position: absolute;left: 8.8vw; top: 5.6vw; width: 70vw; height: 39vw;
    background-image: url("images/diseases/disease_bg_alt4.png"); background-size: 70vw;  display: none;}



.disease_close{position:absolute; right: 0.6vw; top:0.7vw; width: 1.6vw}

.disease_banner{right: 21vw;}
.crimson_banner{right: 5vw;}

.sanitarium_character{position:absolute; top:7vw; left:7vw; height:31.94vw;}
.disease_hover_info{position: absolute;top:1.7vw;left: 36.2vw; width:33vw; font-size: 1.5vw;font-weight: 400; text-align: center;}

.disease_click_info{width:32vw; font-size: 1.2vw; top:1.1vw;}

.disease_column{
    position: absolute; top: 4.5vw;  width: 16.5vw; height: 35vw; /*border: 1px solid red;*/
    font-family: 'Ubuntu', sans-serif; color:#798d45; font-size: 1.5vw;font-weight: 400; line-height: 2.5vw;
}
.disease_1{left: 36.2vw;}  .disease_2{left: 52.7vw;} 
.disease_desc{font-size: 1.1vw;line-height: 1.4vw;text-align: start;}

.dlc_disease_column{
    left: 38.2vw;top:3vw; width:28vw; color:rgb(162, 42, 23);font-size: 1.35vw;
    text-align: center;  height: fit-content; justify-content: space-between;
}


.disease_num_1{top:6.9vw;}    .disease_num_2{top:9.4vw;}
.disease_num_3{top:11.9vw;}   .disease_num_4{top:14.4vw;}
.disease_num_5{top:16.9vw;}   .disease_num_6{top:19.4vw;}
.disease_num_7{top:21.9vw;}   .disease_num_8{top:24.4vw;}
.disease_num_9{top:26.9vw;}   .disease_num_10{top:29.4vw;}
.disease_num_11{top:31.9vw;}  .disease_num_12{top:34.4vw;}
.disease_num_13{top:36.9vw;}


.disease_content_toggle_nav{
    position: absolute;left:21vw; top: 0.75vw; padding:0;
    display: flex; flex-direction: column; align-items: start; 
}
.disease_content_btn{height:2vw;margin: 0.1vw 0;}
.disease_subtitle{font-size: 1.6vw; padding-bottom: 0.8vw;}
.disease_descbox_header{font-size: 1.9vw; padding-bottom: 0.8vw;}

.crimson_subtitle{font-size: 1.6vw; padding: 0.6vw 0;}
.crimson_textwall_box{position: absolute;left: 36.2vw;top: 6vw; width:32vw;  text-align: center;}


/*Provision Box Styling*/

.provision_container{position: absolute; left: 8.8vw; top: 5.6vw; width: 73vw; height: 39vw;
    background-image: url("images/Provisions/provision_empty_bg_wider.png"); background-size: 73vw;  display: none;}

.provisioner_character{position:absolute; top:7.6vw; left:1.6vw; height:31.34vw;}
.provisioner_inventory{position:absolute; top:19.8vw; left:33.8vw; height:18.5vw; }

.provisions_itembox{display: flex; position: absolute; left: 39.7vw; top: 1.75vw; width: max-content; 
                    flex-wrap: wrap;}
.provisions_itembox2{top: 10.3vw;}

.provision_currency_icon{position:absolute; top:8.8vw;left: 40.5vw;width:1.5vw}
.currency_value{position:absolute; top:8.6vw;left: 41.8vw;font-size: 1.2vw; font-weight:400; }

.supply_item{width: 3.5vw; height: 7vw; margin: 0 0.24vw;padding:0; display: flex;}
.supply_item:hover{filter: brightness(150%);}

.provision_desc_align {
    height: fit-content;
    width: 70vw;
    position: absolute;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
}


.provision_row1{top:9.1vw} .provision_row2{top:17.7vw}

.provision_num1{left:6.67vw} .provision_num2{left:10.625vw}
.provision_num3{left:14.58vw} .provision_num4{left:18.535vw}
.provision_num5{left:22.49vw} .provision_num6{left:26.445vw}
.provision_num7{left:30.4vw} .provision_num8{left:34.355vw}


.provision_desc{
    align-self: center; 
    margin-bottom: auto; 
    height: fit-content;
    width: max-content;
    border: 0.15vw rgb(54, 54, 55) solid;
    background-color: rgba(0, 0, 0, 0.9);
    font-family: 'Ubuntu', sans-serif;
    color: rgba(174, 172, 162, 255);
    font-size: 1.0vw;
    line-height: 1.4vw;
    text-align: center;
    padding:0.1vw 0.6vw 0.3vw 0.6vw;
}


.provision_areabox{position: absolute; top: 18.5vw;width: 34vw; height: 19.7vw;left: 38.5vw;}

.provision_navigation{position: absolute; top: 17.8vw; left: 35vw}
.provision_navbtn{width: 3.2vw;}
.provision_navbtn:hover{filter: brightness(150%);}

.ruins_provision{background-image: url("images/Provisions/ruins_background_darkened.png"); background-size: 34vw 19.7vw;}
.weald_provision{background-image: url("images/Provisions/weald_background_darkened.png"); background-size: 34vw 19.7vw;}
.warrens_provision{background-image: url("images/Provisions/warrens_background_darkened.png"); background-size: 34vw 19.7vw;}
.cove_provision{background-image: url("images/Provisions/cove_background_darkened.png"); background-size: 34vw 19.7vw;}
.courtyard_provision{background-image: url("images/Provisions/courtyard_background_darkened2.png"); background-size: 34vw 19.7vw;}
.farmstead_provision{background-image: url("images/Provisions/farmstead_background_darkened2.png"); background-size: 34vw 19.7vw;}

.provision_title{font-size: 2vw;  position: absolute; display: flex;justify-content: center; width: 34vw; height: fit-content;top:0.2vw}
.dungeon_category{min-width: 11.3vw; max-width: 37vw; height: 17.6vw; margin-top: 2.5vw; }
.provision_list{text-align: center;font-size: 1.15vw; line-height: 1.7vw; }
.dungeon_header{ font-size: 1.7vw; line-height: 2.2vw;}
.general_provision_list{text-align: start; font-size: 1.1vw; line-height: 1.6vw;padding-left: 0.4vw; }

.trap_content_toggle{top:0vw;right:-10.9vw}
.area_trap_desc{
    text-align: center;font-size: 1.05vw; line-height: 1.35vw;  margin-top: 2vw;
    width: 34vw; height: 19.7vw;
}

#ruins_area{display: flex;} #weald_area{display:none} #warrens_area{display:none} #cove_area{display: none;}
#courtyard_area{display: none;} #farmstead_area{display: none;}

/*Loot Box Styling*/

.loot_container{position: absolute; left: 8.8vw; top:13vw; width: 36vw; height: 25.8vw; 
               background-image: url('images/loot/inventory_panel.png'); background-size: 36vw; display: none;}


#lootclose{width: 1.5vw; position: absolute; right: 0.45vw; top: 0.45vw;}


.loot_itembox{width: 33.5vw; height: 16.7vw;  margin: 0.3vw 0 0 0.3vw; }
.loot_item{position: absolute; width: 3.4vw; height: 7vw; }
.loot_item:hover{filter: brightness(150%);}


.loot_item_row1{top: 0.9vw;} .loot_item_row2{top: 9.35vw;} .loot_item_row3{top: 17.8vw;}

.loot_item_num1{left: 0.8vw} .loot_item_num2{left:4.85vw;} .loot_item_num3{left: 8.9vw}
.loot_item_num4{left: 12.95vw} .loot_item_num5{left: 17vw} .loot_item_num6{left: 21.05vw}
.loot_item_num7{left: 25.1vw} .loot_item_num8{left: 29.15vw}

.loot_desc_row1{top: 0.95vw;} .loot_desc_row2{top: 9.4vw;} .loot_desc_row3{top: 17.85vw;}

.loot_desc_num1{left: 4.5vw} .loot_desc_num2{left:8.55vw;} .loot_desc_num3{left: 12.6vw}
.loot_desc_num4{left: 16.65vw} .loot_desc_num5{left: 20.7vw} .loot_desc_num6{left: 24.75vw}
.loot_desc_num7{left: 28.8vw} .loot_desc_num8{left: 32.85vw}


.loot_desc{ font-size: 1vw; line-height: 1.5vw; font-weight: 400;}


#heirloom_trade{width: 2.1vw; position: absolute; left: 30.1vw; top: 18.1vw;}
.heirloom_trade_desc{top: 17.9vw; left:32.5vw;}
.heirloom_label{position:absolute; top:20.4vw; left: 29.3vw; font-size: 1.2vw;}
#heirloom_trade:hover{filter: brightness(150%);}

#gem_info{width: 2.1vw; position: absolute; left: 30vw; top: 22vw;}
#gem_info:hover{filter: brightness(150%);}
.gem_info_desc{top: 21.8vw; left:32.5vw;}
.gem_label{position:absolute; top:24.2vw; left: 29.8vw; font-size: 1.3vw;}

/*Trinketbox Styling*/

.trinketbox_container{position: absolute; right: 13vw; margin-top: 0vw; width: 45vw; height: 45vw; background-image: url("images/Trinket_Box/trinketbox_alt.png"); background-size: 45vw;display:none }
.trinketbox_backdrop{position:absolute; width: 99vw; height: 45vw; left:-45vw; top:0vw;}
.trinketbox_close_btn{position:absolute; right: 1.3vw; top:1.3vw; width: 1.6vw}
.trinketbox_close_btn:hover{filter: brightness(150%);}

.trinketbox_hero_portrait_container{position: absolute; width: 40vw; left: 3vw; bottom:1vw; height: 8vw; display: flex; justify-content: center; flex-wrap: wrap;}
.hero_port{width: 3.6vw; display: flex; margin: 0 0.7vw  0.4vw 0vw;}
.hero_port:hover{filter: brightness(150%);}

.trinket_banner_container{position: absolute;top:9vw; left: -14.15vw; width:15vw; height: 35vw; text-align: end;}
.trinket_banner{height:2.3vw;margin-bottom:0.75vw;}
.trinket_banner:hover{filter: brightness(150%);}

.trinket_description{max-width: 23vw; line-height: 1.5vw;}


.trinketbox_trinket{position: absolute; height: 8vw;}
.trinketbox_trinket:hover{filter: brightness(150%);}

.trinket_row1{top:9vw;}
.trinket_row2{top:18.2vw;}
.trinket_row3{top:27.4vw;}

.trinket_num1{left: 2.3vw;}
.trinket_num2{left: 6.85vw;}
.trinket_num3{left: 11.4vw;}
.trinket_num4{left: 15.95vw;}
.trinket_num5{left: 20.5vw;}
.trinket_num6{left: 25.05vw;}
.trinket_num7{left: 29.6vw;}
.trinket_num8{left: 34.15vw;}
.trinket_num9{left: 38.7vw;}


.trinket_desc_row1{top: 9vw;}
.trinket_desc_row2{top:18.2vw;}
.trinket_desc_row3{top: 27.4vw;}
.trinket_desc_num1{left: 6.5vw;}
.trinket_desc_num2{left: 11.05vw;}
.trinket_desc_num3{left: 15.6vw;}
.trinket_desc_num4{left: 20.15vw;}
.trinket_desc_num5{left: 24.7vw;}
.trinket_desc_num6{left: 29.25vw;}
.trinket_desc_num7{left: 33.8vw;}
.trinket_desc_num8{left: 38.35vw;}
.trinket_desc_num9{left: 42.9vw;}



/*Tooltip Colorcoding*/

/*Trinket Icons*/

.trinket_overview{position: absolute; width: 3vw; top: 2.7vw; left: 19.9vw;}
.trinket_overview_label{position: absolute; top: 5.7vw; left: 19vw; font-size: 1.5vw; }
.trinket_overview_info{position: absolute; top: 6vw;left: 0.5vw; max-width: 55vw; font-size: 1.2vw; line-height: 1.6vw;}

.trinket_general_info{position: absolute; top: 6vw;left: 18vw; max-width: 40vw; font-size: 1.2vw; line-height: 1.4vw;}

.crimson_court_trinket_overview{position: absolute; width: 3vw; top: 2.7vw; left: 25.5vw;}
.crimson_court_trinket_overview_label{position: absolute; top: 5.7vw; left: 24vw; font-size: 1.5vw; text-align: center;max-width: 6vw;}

.color_of_madness_trinket_overview{position: absolute; width: 3vw; top: 2.7vw; left: 31.2vw;}
.color_of_madness_trinket_overview_label{position: absolute; top: 5.7vw; left: 30.2vw; font-size: 1.5vw;}

.shieldbreaker_trinket_overview{position: absolute; width: 3vw; top: 2.7vw; left: 38vw;}
.shieldbreaker_trinket_overview_label{position: absolute; top: 5.7vw; left: 36.5vw; font-size: 1.5vw;}


/*Districts*/

.district_container{ position: absolute; display: none;width:37.5vw; height: 39vw;left: 8.8vw; top: 5.6vw;
    background-image: url('images/Districts/district_background.png');background-size: 37.5vw 39vw}
.district_port{display: flex; height: 5vw; margin: 0.3vw}
.district_port:hover{filter: brightness(150%);}
.district_sidenav{position: absolute; left: 37vw; top:0vw; width: 23vw;height:22.7vw; 
display: flex; flex-direction: row; flex-wrap: wrap; background-color: black; justify-content: center;}
.district_subcontainer{display: none;}

.district_dlc_title_container{position: absolute; top: 33.95vw; left: 1.4vw; width: 19vw; text-align: center; font-size: 2vw;}

.district_sprite{max-width: 16vw; max-height: 16.2vw; display: flex;}

.district_sprite_container{position: absolute; top: 7.15vw; left: 1.35vw; width: 19vw; height: 16.2vw; display: flex; justify-content: center; }


.district_title_container{position: absolute; top: 23.75vw; left: 1.4vw; width: 19vw; text-align: center; font-size: 1.9vw; }

.district_price_container{
    position: absolute; top: 26.3vw; left: 1.85vw; width: 18.2vw; height:17vw; font-size: 1.5vw; font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167);
    display: flex; justify-content: space-evenly;font-weight: 500;
}
.currency_container{ text-align:center;padding:0.5vw; height: 8vw;min-width: 6vw;}
.currency_icon{width: 2vw; height:2vw;}

.district_information_container{
    position: absolute; top: 23vw; left: 21vw;height:16vw; width: 16vw; text-align: center; padding: 0.3vw;
    font-size: 1.1vw; font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167); line-height: 1.5vw;
}
.district_notes_container{
    position: absolute; top: 10vw; left: 21vw;height:9.5vw; width: 16vw; text-align: center; padding: 0.3vw; 
    font-size: 1.1vw; font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167); line-height: 1.5vw;
}
.district_radiant_info{top: 7.1vw; left: 1.5vw; width:2.2vw;}
.district_radiant_info_desc{position: absolute;top: 7.1vw; left: 4vw;max-width: 50vw; font-size: 1.1vw; line-height: 1.4vw;}


.radiant_cost_box{width:25vw; height:15vw; position: absolute; top: 22.5vw; left: 36.2vw;
    background-image: url(images/tooltip_background_alt.png); background-size: 25vw 15vw;}
.radiant_cost_descbox{
    position: absolute; top:2vw; left:2.9vw; width:19vw; height: 11.2vw; 
    font-size: 1.1vw; line-height: 1.6vw; text-align: center;
}


/*Virtues and Afflictions*/
.resolve_container{position: absolute; left: 8.8vw; top: 5.6vw; width: 70vw; height: 39vw;
    background-image: url("images/Virtue_Affliction/resolve_check_bg.png"); background-size: 70vw; display: none; }
.resolve_category_title{text-align: center; font-family: dd_logo; font-size: 2vw; padding-bottom: 0.1vw;}

.resolve_column{
    width: max-content; height: 29.5vw;
    position: absolute; top: 6.5vw;  padding: 0.3vw; 
    font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167); font-size: 1.4vw;font-weight: 600; line-height: 2.2vw;}

.resolve1{left: 2vw; color: rgb(199, 179, 107); }
.resolve2{left: 19.5vw; color: rgb(160, 43, 32);} 
.resolve_name:hover{filter: brightness(150%); cursor:pointer;}

.resolve_desc{left: 36.2vw;top:0.9vw; position: absolute; width:32.5vw; text-align: center; padding: 0.3vw 0.6vw 0.6vw 0.6vw;}


.resolve_title{font-size: 1.5vw;}
.resolve_desc_margin{line-height: 2.2vw;}
.resolve_textwall{top:7.7vw;}



.resolve_ui_icon {width:2vw;}
.resolve_ui_label {font-size: 1.5vw;padding-left: 0.3vw;}


.resolve_overview_ui {position: absolute; top:0.7vw; left:20.9vw} 
.affliction_overview_ui {position: absolute; top:2.8vw; left:27.1vw}

.virtue_overview_ui {position: absolute; top:2.8vw; left:20.9vw}

.actout_attack_ui {position: absolute; top:4.9vw; left:20.9vw}





.town_event_column_alt{
    width: 20.5vw; height: 39vw; position: absolute; top: 0vw; left: 70.5vw; 
    font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167); font-size: 1.4vw;font-weight: 600; line-height: 2.2vw; 
    background-image: url(images/Town_Events/town_event_sidebar.png); background-size: 20.5vw 39vw; padding-top: 1vw;
 }




/*Torch*/

.torchlight_container{position: absolute; left: 8.8vw; top: 5.6vw; width: 70vw; height: 39vw;
    background-image: url("images/Torch/torch_bg.png"); background-size: 70vw; display: none; }

.torchlight_column{
    width: max-content; height: 29.5vw; position: absolute; top: 9.5vw;  padding: 0.3vw;
    font-family: 'Ubuntu', sans-serif;  font-size: 1.5vw;font-weight: 400; line-height: 2.5vw; }


.torchlight1{left: 2.4vw; color: rgb(199, 179, 107); }
.torchlight2{left: 18.4vw;} 
.torchlight_name:hover{filter: brightness(150%);}

.torchlight_click_info{position: absolute;top:7.3vw;left: 1.5vw; width:33vw; font-size: 1.5vw;font-weight: 400; text-align: center;  }



.torch_padding{padding-left: 6.5vw;}

.torch_subtitle{font-size: 1.5vw;}
.torch_subtitle2{font-size: 1.3vw; font-weight: 500;}
.torch_dlc_title{font-size: 1.6vw;}

.torchlight_desc{left: 35vw;top:0.9vw; position: absolute; width:34vw; text-align: center; padding: 0.3vw 0.6vw 0.6vw 0.6vw; }


.torchlight_title{font-size: 2vw;line-height: 3vw;}
.torchlight_desc_margin{line-height: 2.5vw;}

.torch_info{top: 1.3vw; left: 21vw; width:2.2vw;}
.torch_info_label{position: absolute;top: 1.5vw; left: 23.5vw;font-size: 1.6vw; }
.torch_info_desc{position: absolute;top: 3.8vw; left: 21vw;max-width: 50vw; }


.reflection_info {top: 3.9vw; left: 21vw; width:2.2vw;}
.reflection_info_label{position: absolute;top: 4.1vw; left: 23.5vw;font-size: 1.6vw; }
.reflection_info_desc{position: absolute;top: 6.4vw; left: 21vw;max-width: 40vw;}





/*Town Events*/



.town_event_container{position: absolute;left: 8.8vw; top: 5.6vw; width: 70vw; height: 39vw;
    background-image: url("images/Town_Events/town_event_background.png"); background-size: 70vw;  display: none;}
    
.town_event_overlay{position: absolute; width:29.5vw; left: 37vw; top:6vw}




 .town_event_column{
    width: 20.5vw; height: 39vw; position: absolute; top: 0vw; left: 70.5vw; 
    font-family: 'Ubuntu', sans-serif; color: rgb(173, 172, 167); font-size: 1.4vw;font-weight: 600; line-height: 2.2vw; 
    background-image: url(images/Town_Events/town_event_sidebar.png); background-size: 20.5vw 39vw; padding-top: 1vw;
 }

.event_nav{position: absolute; left:-7vw; top:9vw; 
    width:13.5vw; height: 21vw; display: flex; align-items: center; flex-direction: column;
    background-image: url(images/tooltip_background_alt2.png);background-size: 13.5vw 21vw; margin: 0;padding:0.7vw 0; 
}

.event_nav_header{position: absolute; font-size: 1.9vw;top:0.8vw}

.event_btn{height:2.5vw; position: absolute;}
.event_btn1{top:3.8vw;}
.event_btn2{top:7.1vw;}
.event_btn3{top:10.4vw;}
.event_btn4{top:13.7vw;}
.event_btn5{top:17vw;}

.event_btn:hover{filter: brightness(150%);}


.event_category_title{text-align: center; font-family: dd_logo; font-size: 2vw; padding-bottom: 0.4vw; font-weight: 400;}
.event_name{padding-left: 1.5vw;}
.event_name:hover{filter: brightness(150%);}


.event_img_library{position:absolute; top: 10.8vw; left:39.2vw; width: fit-content}
.event_header_library{position:absolute; top: 8vw; left:38.8vw; width: 26vw;}



.event_info_library{
    position:absolute; top: 24.8vw; left:38.8vw; width: 26vw;height:11.5vw; 
    text-align: center; line-height: 1.5vw; font-size: 1.15vw;
    display: flex; justify-content: center; align-items: center;
}
.event_effect_library{
    position:absolute; top: 24vw; left:38.8vw; width: 26vw;
    text-align: center; font-size: 1.0vw;line-height: 1.2vw;
}

.event_img_new{position:absolute;width:25.23vw; height:12.23vw}
.event_header_container{position:absolute;  width: 26vw;  font-size: 1.5vw; text-align: center; transform: scaleY(1.2); line-height: 1.4vw;}
.event_dlc_origin{font-size: 1.8vw;}
/*Forced Styling*/

.force_align_center{text-align: center;}
.force_visible{display: block;}
.force_nondisplay{display: none;}
.force_flex{display: flex;}

.force_spacing_below{padding-bottom: 0.5vw;}