/*Riley Hochevar Final Project*/

#introtext
{
    width: 100%;
    margin: 50px 0 50px 0;
    padding: 10px 0 10px 0;
}

#introimg
{
    display: none;
}

.items
{
    margin: 100px 0 100px 0;
}

.items > h1
{
    margin: 0 auto 10px auto;
    width: fit-content;
    text-decoration-line: underline;
    text-decoration-color: rgb(130, 51, 146);
}

.items > h2
{
    margin: 20px auto 0 auto;
    width: fit-content;
}

.items > h3
{
    margin: 25px auto 25px auto;
    width: fit-content;
}

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

a:hover
{
    color: rgb(73, 207, 189);
}

/*Styles for mobile viewport*/
@media only screen and (min-width: 320px) and (max-width: 768px)
{
    h3
    {
        font-size: 1.5em;
        text-align: center;
    }
}