/*Riley Hochevar Final Project*/

#contentTitle
{
    width: 100%;
    text-align: center;
    font-size: 2em;
    margin: 50px 0 50px 0;
}

main
{
    font-size: 22;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-color: #272727;
}

p
{
    text-indent: 50px;
}

aside /*Rounded Corners pg(254)*/
{
    margin: 50px auto 50px auto;
    border: 1px solid black;
    border-width: 2px;
    border-radius: 30px;
    background-color: rgb(9, 22, 8);;
    color: white;
    padding: 12px;
    width: 740px;
}

#MW
{
    width: 40%;
    height: 45%;
    margin: auto 30%;
    background-color: rgb(87, 57, 57);
    border-radius: 30px;
}

aside > a
{
    text-decoration: underline;
    color: rgb(116, 39, 82);
}

aside > a:hover
{
    color: rgb(130, 51, 146);
}

/*Styles for mobile viewport*/
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    #introtext
    {
        background-color: transparent;
        margin: 5px 0px 10px 0px;    
    }

    p
    {
        font-size: 1.5em;
        text-align: center;
    }

    #MW
    {
        width: 90%;
        margin: 5%;
    }

    aside
    {
        display: none;
    }
}