:root {
    --main: rgb(111, 107, 155);
    --secondary: rgb(0, 4, 231);
    --tertiary:rgb(106, 98, 160);
    --det:rgb(56, 69, 255);
    --background: rgb(0, 0, 0);

}

body {
    background-color: var(--background);

    padding: 0px;
    font-family: Texturina;
    margin: auto;
    color: var(--secondary);
    font-size: 20px;
    

    margin: 0px;
    padding: 0px;
    height: inherit;
    width: inherit;

    display: flex;
    flex-direction: column;
    width: 500px;
    height: 500px;
    margin: auto;
}


html {
    margin: 0px;
    padding: 0px;

    scrollbar-width: thin;
    scrollbar-color: var(--main) rgba(0, 0, 0, 0) ;

    height: 100%;
    width: 100%

    
    
}

container {
    width: 550px;
    border: dotted ;
    MARGIN: 10px;
    padding: 20px;
}

.images {
    display: inline;
    columns: 4;
    column-gap: 0px;


}

.images img {
    text-align: center;
    margin: auto;
    max-width: 100%;

}

header {
    background: linear-gradient(
        90deg,
        rgba(255, 0, 0, 1) 0%,
        rgba(255, 154, 0, 1) 10%,
        rgba(208, 222, 33, 1) 20%,
        rgba(79, 220, 74, 1) 30%,
        rgba(63, 218, 216, 1) 40%,
        rgba(47, 201, 226, 1) 50%,
        rgba(28, 127, 238, 1) 60%,
        rgba(95, 21, 242, 1) 70%,
        rgba(186, 12, 248, 1) 80%,
        rgba(251, 7, 217, 1) 90%,
        rgba(255, 0, 0, 1) 100%
    );
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    letter-spacing: 5px;
    font-size: 46px

}

tr, td {
    border: 1px solid;
    padding: 5px;
}

table img {
    float:right
}

h1::before, h1::after{
    content: url("47.gif");
    margin: 5px;
}