::selection{
    background-color: red;
    color: black;
}

.container{
    display: flex;
    align-items: center;
    justify-content: center;
    >.placeholder-image{
        background-color: blue;
        height: 300px;
        width: 300px;
        display: inline-block;  
    }
    >p{
        padding-left: 20px;
        width: 400px;
    }
}

html{
    background: url("/.old/1.0/img/P5/p5r_background.png");
    font-family: "Persona-Header", monospace;
    text-align: center;
    >body{
        background: inherit;
        color: red;
        >header{
            font-size: xx-large;
        }
        /* All the Headers*/
        header{
            /*text-shadow: 1px 1px 10px grey;*/
        }
        /* All the Unordered List (is just 1) */
        ul{
            list-style-type: none;
            >li{
                margin: 25px;
                >a:hover{
                    color: red;
                    /*animation*/
                    animation: p5_Animation .75s linear .1s infinite;
                }
                /* No Underline */
                >a, a abbr:hover{
                    text-decoration: none;
                }
            }
        }
        >main{
            >section{
                font-size: xx-large;
                font-weight:lighter;

                >header{
                    font-family: inherit;
                    font-size: x-large;
                }
                >article{
                    >header{
                        font-family: inherit;
                        font-size:large;
                    }
                    p{
                        font-family: "Persona-Header", monospace;
                        font-size: x-large;
                        word-wrap: normal;
                    }
                }
            }
        }
    }
}

@keyframes p5_Animation {
    from{
        transform: rotate(100px);
        color: blue;
    }
    to{
        transform: rotate(-100px);
        color: green;
    }
}