/* 
      — ʚїɞ —
      #55 - The Citadel
      Copyright (C) 2025 CiaranSoul
      Visit for my codes: https://ciaransoul.tumblr.com
      DON'T REMOVE MY CREDITS.

If you need support for any basic changes, contact me.
Like or reblog if using ♥   

Si necesitan soporte para cualquier cambio básico, contáctenme.
Like y reblog si llegan a usarlo  ♥  

*/


:root{
    --Tbb-bg:none;
}

#Choral-chrs-bg000{
  width:600px;
  height:auto;
  background:var(--Tbb-bg);
  margin:0 auto;
  outline:5px solid var(--Tbb-cl1);
  position:relative;
  cursor: crosshair;
  display:flex;
  flex-direction:column;
  align-items:center;

}

#Choral-chrs-bg000 .tbb-chs-ctn{
  width:98%;
  height:auto;
  font-family: "Besley", serif;
  font-size:13px;
  color:var(--Tbb-txc);
  text-align:justify;
  line-height:20px;
  display:flex;
  flex-direction:column;
  place-items:center;
  border:6px solid var(--Tbb-borders);
  
}


#Choral-chrs-bg000 .tbb-chs-ctn .tbb-ctn-001{
  width:84%;
  height:300px;
  margin: 0 auto;
  padding:45px;
  font-size:11px;
  column-count: 2;
  column-gap:50px;
  border:1px solid var(--Tbb-cl1);
  overflow:auto;
}
#Choral-chrs-bg000 .tbb-chs-ctn .tbb-ctn-001 qq{
  padding:0 5px;
 background:var(--Tbb-cl1);
  color:var(--Tbb-borders);
  font-weight:bold;

}

#Choral-chrs-bg000 .tbb-chs-ctn .tbb-ctn-001::-webkit-scrollbar {
  width: 20px;
  background:none;
}

#Choral-chrs-bg000 .tbb-chs-ctn .tbb-ctn-001::-webkit-scrollbar-thumb {
  width: 20px;
  background:var(--Tbb-cl1);
}

#Choral-chrs-bg000 .tbb-chs-ctn .tbb-ctn-002{
  width:80%;
  height:auto;
  margin-top: 35px;
  padding:45px;
  font-size:11px;
  background:var(--Tbb-borders);
  
}

#Choral-chrs-bg000 .tbb-chs-ctn .tbb-ctn-002 b{
  padding:0px 2px;
  background:var(--Tbb-cl1);
  color:var(--Tbb-bg);
  font-weight:bold; 
 }


#Choral-chrs-bg000 header{
  width:600px;
  height:300px;
  border-bottom:40px solid var(--Tbb-cl1);
  
}

#Choral-chrs-bg000 header .chr-hd-01{
  width:600px;
  height:150px;
  display:flex;
  place-items:center;
}

#Choral-chrs-bg000 header .chr-hd-01 iqq{
  width:80px;
  height:80px;
  margin-left:32px;
  position:relative;
  border:8px solid var(--Tbb-borders);

}

#Choral-chrs-bg000 .chr-hd-01 qt{
  width:250px;
  max-height:60px;
  margin-left:65px;
  padding-right:8px;
  text-align: right;
  overflow:auto;
  font-family: "Open Sans", sans-serif;
  font-size:7px;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:3px;
  line-height:10px;
  text-transform:uppercase;
  color:var(--Tbb-txc);

}

#Choral-chrs-bg000 .chr-hd-01 qt qq{
  padding:0 5px;
  background:var(--Tbb-cl1);
  color:var(--Tbb-borders);
  font-weight:bold;
}

#Choral-chrs-bg000 header .chr-hd-01 qt::-webkit-scrollbar{display:none;}

#Choral-chrs-bg000 header .chr-hd-02{
  width:600px;
  height:150px;
  position:relative;

}


#Choral-chrs-bg000 header .chr-hd-02::after, #Choral-chrs-bg000 header .chr-hd-01 iqq::after {
   display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left:0;
  bottom:0;
  background:var(--Tbb-cl1);
  mix-blend-mode: multiply;
}

#Choral-chrs-bg000 header .chr-hd-02 img, #Choral-chrs-bg000 header .chr-hd-01 iqq img{
  width:100%;
  height:100%;
  background: center/cover;
  object-fit:cover;
  filter: grayscale(1);
}

#Choral-chrs-bg000 header .chr-hd-02 flt, #Choral-chrs-bg000 header .chr-hd-01 iqq flt{
  width:100%;
  height:100%;
  position: absolute;
  left:0;
  bottom:0;
  z-index:2;
  background: linear-gradient(180deg, transparent 20%, var(--Tbb-cl2) 100%);
  mix-blend-mode:screen;
  opacity:0.5;
}

#Choral-chrs-bg000 a{
  position:absolute;
  right:-2.5%;
  bottom:-3%;
  z-index:999!important;
  text-decoration: none;
 
}
#Choral-chrs-bg000  a:after {
  display: block;
  content: "「ꕤ」";
  font-family:calibri; 
  font-size: 6px; 
  font-weight:800;
  letter-spacing:4px; 
  color: var(--Tbb-cl1); 
}
#Choral-chrs-bg000  a:hover::after {
  content: "「CIARAN」";
}