#purchase {
    background-color: var(--section-purchase-background);
    border: 4px solid var(--section-purchase-borders);

    h1 {
        text-align: center;
        color: white;
        font-family: 'Open Sans';
        font-size: 38px;
        padding: 75px 0 50px 0;
    }

    p  {
        text-align: center;
        padding: 0px;
        color: rgb(255,255,255,.85);
        font-size: 18px;
        font-family: 'Open Sans';
    }

    #platforms-container {
        display: flex;
        justify-content: center;
        align-items: center;

        #platforms {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            margin: 50px 0;
            width: 400px;
            article {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                margin: 10px;
                padding: 25px 50px;

                flex-grow: 1;
                flex-basis: 200px;
                cursor: pointer;

                background-color: var(--card-background);
                border: 4px solid var(--card-borders);
                span {
                    display: flex;
                    justify-content: center;
                    align-items: center;

                    height: 125px;
                    width: 125px;
                    opacity: .85;
                }
                p {
                    font-size: 22px;
                    padding: 25px;
                    opacity: .85;
                }
            } article:hover {
                span, p {opacity: 1;}
                background-color: var(--card-background-hover);
                border: 4px solid var(--card-borders-hover);
            }
        }
    }

    #requirements-container {
        display: flex;
        justify-content: center;
        margin-bottom: 100px;
        #system-requirements {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            width: 1100px;
            #minimal, #recommended {
                flex-grow: 1;
                flex-basis: 500px;
                margin: 10px;
                padding: 15px;

                background-color: var(--section-screenshots-background);
                border: 4px solid var(--section-screenshots-borders);
                h2 {
                    color: var(--header-button-hover); 
                    font-family: 'Open Sans';
                    padding: 0 0 25px 0;
                }
                
                p {
                    display: flex;
                    align-items: center;
                    padding: 0 0 10px 0;

                    color: var(--header-button-default); 
                    text-align: left;
                    span {
                        display: flex;
                        justify-content: center;
                        align-items: center;

                        width: 24px;
                        height: 24px;
                        margin-right: 5px;
                    }
                }
            }
        }
    }

}