*{
    margin: 0px;
    padding: 0px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.container{
    height: 100vh;
    width: 100vw;
}

.repeat {
    background-image: 
        repeating-linear-gradient(
            45deg,
            black,
            black 2px,
            rgb(40, 40, 40) 2px,
            rgb(40, 40, 40) 4px /* determines size */
        );
}

header{
    background-color: rgb(72, 72, 72);
    padding: 10px;
    box-shadow: 2px 2px 2px 2px black;
}

header img{
    height: 100px;
}

.skew{
    background-image: 
    repeating-linear-gradient(
        -45deg,
        black,
        black 2px,
        rgb(40, 40, 40) 2px,
        rgb(40, 40, 40) 4px 
    );
    transform: skewX(-20deg);
    
    border: 6px solid black;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 1px red;
    height: 300px;
    width: 50vw;
    margin: 25vh auto;
    /* padding: 20px; */
}

.login{
    margin: 20px;
    transform: skewX(20deg);
    display: flex;
    justify-content: center;

}

.login img{
    min-height: 200px;
    min-width: 200px;
    margin-top: 4vh;
    animation: rotation 5s infinite linear;
    transform-style: preserve-3d;
    background-image: url("../static/images/LogoGlow.png");
    background-size: cover;
}

@keyframes rotation {
    from {
        transform: rotateY(0deg);
        
    }
    to {
        transform: rotateY(359deg);
    }
    
}