body {
    background-image: url("tbeeBGanim.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    display: grid;
    place-content: center;
}


.main {
    background-color: transparent;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 0fr 0fr;
}


.main .TV {
    grid-area: 1/2;

}
.main .grid-container {
    grid-area: 1/2;

}
.main .mallow {
    grid-area: 1/2;

}

#splash-screen {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 95%;
    width: 95%;
    transform: translate(-50%,-50%);
    background-image: url("TBenterx10.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    z-index: 5;
    padding: 100px;
}

a#enter {
    background-color: transparent;
    color: transparent;
    font-size: 8000px;
    padding: 10px;
    text-shadow: none;
    cursor: pointer;
}

a#enter > text{
    
}

div.transbox {
    place-self: center;
    max-width: 30%;
    margin: 30px;
    background-color: #191a1f;
    border: 5px solid white;
}

    div.transbox p {
        text-align: center;
        margin: 5%;
        font-weight: bold;
        font-size: 24px;
        color: ghostwhite;
    }

.grid-container {
    background-color: transparent;
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 25% 10% 10% 10% 10%;
    grid-column-gap: 0%;
    grid-row-gap: 4%;
}

    .grid-container .img {
        max-width: 100%;
    }

    .grid-container > div {
        background-color: transparent;
        padding: 0%;
    }

        .grid-container > div:nth-child(1) {
            grid-column-start: 2;
            grid-row-start: 2;
            max-width: 62%;
        }

        .grid-container > div:nth-child(2) {
            grid-column-start: 4;
            grid-row-start: 2;
            max-width: 52%;
        }
                .grid-container > div:nth-child(2) .img {
                    margin-top: -25%;
                    margin-left: 35%;
                }

        .grid-container > div:nth-child(3) {
            grid-column-start: 2;
            grid-row-start: 3;
            max-width: 62%;
            
        }
                .grid-container > div:nth-child(3) .img{
                    margin-top: 20%;
                    margin-left: 20%;
                }

        .grid-container > div:nth-child(4) {
            grid-column-start: 4;
            grid-row-start: 3;
            max-width: 62%;
        }
        .grid-container > div:nth-child(5) {
            grid-column-start: 3;
            grid-row-start: 3;
        }


            .mallow {
                background-color: transparent;
                display: grid;
                grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
                grid-template-rows: 1fr 1fr 1fr 2fr 1fr;
            }
            .mallow > div {
                background-color: transparent;
                z-index: -3;
            }
            .mallow > div:nth-child(1) {
                grid-area: 4/3;

            }

            .mallow .img {
                width: 120%;
                margin-top: -27%;
            }


    .TV {
        background-color: transparent;
        background-attachment: fixed;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

        .TV > div {
            background-color: transparent;
            z-index: -2;
        }

        .TV > div:nth-child(1) {
            grid-column-start: 2;
            grid-row-start: 1;
        }


        .TV .img {
            place-items: center;
            max-width: 1000px;
        }