<style>
@font-face{
src: url('https://file.garden/Ze_zdVVdmFtXO7cR/cityburn.ttf');
font-family: 'title';
}
.tab-container {
background-color: rgba(26, 29, 120, 18) !important;
font-size: 15px;
border:2px solid white;
color: white;
box-shadow: -1px -1px 9px 4px rgba(255,255,255,0.75) inset;
}
a{
color: white;
text-decoration: underline;
--outline: #364244;
filter: drop-shadow(1px 0px 0px var(--outline)) drop-shadow(0px 1px 0px var(--outline)) drop-shadow(-1px 0px 0px var(--outline)) drop-shadow(0px -1px 0px var(--outline));
}
#innertext b {
font-weight: normal;
color: white;
text-shadow: 0px 0px 1px white, 0px 0px 2px white, 0px 0px 3px white;
}
strong{
color: #b9b1d2;
}
em{
color: #a78cf0;
}
.highlight{
background: #7d55e8 !important;
border: 2px solid #2f1f58 !important;
box-shadow: inset 0 -0.09rem 3px 0.05rem #4621a9 !important;
border-radius: 5px;
margin-top: 10px !important;
}
.container {
display: grid;
grid-template-rows: 100px 100px 100px 100px ;
grid-template-columns: 100px 90px 100px 100px 100px 100px;
position: relative;
width: 400px;
height: 500px;
margin: 50px auto;
}
.title{
z-index: 100;
position: absolute;
font-size: 32px;
right: 100;
top: 340px;
font-family: title;
color: white;
--outline: darkblue;
filter: drop-shadow(1px 0px 0px var(--outline)) drop-shadow(0px 1px 0px var(--outline)) drop-shadow(-1px 0px 0px var(--outline)) drop-shadow(0px -1px 0px var(--outline));