body {margin: 0;}

body{
    margin: 0;
    min-width: 90vw;
    min-height: 100vh;

    background: url(imgs/xpwp.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size: cover;    

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wip{    
    background-color: rgba(240, 248, 255, 0.233) ;
    border-style: dashed;
    border-color: aliceblue;

    font-family: 'Courier New', Courier, monospace;
    color: aliceblue;    
    
    margin: 20px;
    padding: 30px;
}

#container{
    display: flex;
    flex-flow: column nowrap;
    align-items: center;

    max-width: 1300px;
    margin: auto;
    padding: 20px;    
}

#placeholder{
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

#barriere{
    margin-top: 20px;
}

footer{
    display: flex;
    flex-direction: row;
    justify-content: center;

    margin-top: 20px;    
    padding: 8px 5px 5px 5px;
    background-color: rgba(255, 255, 255, 0.29);
}

#blinkies{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: fit-content; 
}

.blinky{
    margin: 3px;
}