:root {
    --anchor: center;
}
body{
    background-color:  #1f1f1f;
}

section{
    width: 100vw;
}
.General-Info{
    background-image: linear-gradient(var(--primary-color), #fff0 );
    display:flex;
    justify-content:center;
    gap: 5%;

}
.Head {
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: var(--bc-image);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: var(--anchor);
}
    .Head > img {
        content: var(--vc-image);
        max-height: 100%;
    }

.Background-image{

}

.Issuer {
    height: 5vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.Issuer > img{
    height: 2em;
    vertical-align: top;
    padding: 1em;
}

.Text{
    width: 80vw;
    margin: 0 auto;
}

.text-Center{
    text-align: center;
}

.Text > h1{
    text-align: center;
}

.Video{
    display: flex;
     align-items: center;
    justify-content: center;
    border-radius: 15px;
    margin: 10vh 0px;
}

.Video > iframe{
    width: 50vw;
    aspect-ratio: 16 / 9;
    border: solid var(--primary-color) 10px;
    border-radius: 15px;
}
content{
    display: inline-block;
    min-height: 45vh;
}

footer {
    margin-top: 50px;
}

code {
    background: #ffffff12;
    border-radius: 5px;
    padding: 3px;
}

.code-preview > pre > code {
    text-align: unset;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    border: var(--primary-color) solid 10px;
    padding: 10px;
    font-size: large;
}

.Single-image {
    border: solid var(--primary-color) 5px;
    border-radius: 20px;
    width: 100%;
    height: fit-content;
    background: var(--primary-color);
    text-align: center;

}
.Single-image > img {
    border-radius: 15px;
    width: 100%;
    height: 100%;
    background: var(--primary-color);
}

.Solo {
    margin: 5vh auto;
}

.split-2{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 5vw;
    margin: 5vh auto;
}

.split-3 {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5vw;
    margin: 5vh auto;
}


.split-4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2vw;
    margin: 2vh auto;
}

.equal-split {
    grid-template-columns: 47.5% 47.5%;
    gap: 5%;
}





.text-dark{
    color: black;
}

@media screen and (max-width: 890px) {
    .unsplit {
        display: unset;
    }
}