/* Images */
* { margin: 0; padding:0; text-decoration:none;}
img {
    max-width: 95%;
    margin: 5px;
}

/* Body */

body {
    font: 1.05rem;
}

/* Header */

header {
    font: 110px var(--titlefont);
    width: 100%; /* This will be 100% width of the Container */
    height: 150px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-position: left, right; /* Aligns 2 separate header images R or L */
    background-repeat: no-repeat;
}

/* Container */

#container {
    width: 95%;
    max-width: 1200px;
    margin: auto;
    padding: 10px;
}

/* Wrapper for columns */

#columns {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 10px;
}

/* Content */

main {
    width: calc(60% - 30px);
    padding: 15px;
    margin: 0px 10px 0px 10px;
}

main h1 { /* Love Ball */
    font: 1.8em;
    text-indent: 0.5rem;
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
}

main h2 { /* Dream Ball */
    font: 1.6em;
    text-indent: 1rem;
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
}

main h3 { /* Quick Ball */
    font: 1.4em;
    text-indent: 1.5rem;
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
}

main h4 { /* Luxury Ball */
    font: 1.4em;
    text-indent: 2rem;
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
}

main h6 { /*  Sparkle magic header  */
    font-size: 1.5rem;
    margin: 0px;
    padding: 0.1rem;
}

/* Paragraphs and Links */

p {
    margin: 10px 0px 10px 0px;
    line-height: 1.5;
}

/* main a {
    NO RULE
} */

/* main a:hover {
    NO RULE
} */

main details {
    padding: 10px;
    margin: 5px;
}

/* Form Elements */

main input, textarea, select {
    font: 1rem var(--bodyfont);
    border: 1px solid;
    padding: 5px;
}

main button {
    font: 1rem var(--bodyfont);
    padding: 5px;
}

/* Lists */

main ul, ol { 
    width: 90%;
    list-style-position: inside;
    margin: 5px;
    padding: 5px;
    text-indent: 0.5rem;
}


main li {
    margin: 5px;
    line-height: 1;
    padding: 5px;
	text-indent:0.5rem;
}

/*  Content - Left, Right, Center Align ('Me' page, etc.)  */
blurb {
    margin: 0 auto;
}

.left, .right {
    float: left;
    min-height: 50px;
}

.left {
    width: 50%;
}

.right {
    width: 50%;
    margin: auto;
}

.center {
    clear: both;
    margin: 5px;
}

/* Navigation Bars - Left & Right */

.menu {
    font: 1rem;
    padding: 1rem;
    width: 9.5rem;
}

.menu section {
    margin-bottom: 5px;
}


.menu .text p {
    font: 0.8rem;
    margin: 5px 0px 5px 0px;
    line-height: 1.4;

}

/* .menu .text a {
    NO RULE
} */

/* .menu .text a:hover {
    NO RULE
} */


.menu ul {
    margin: 0;
}

.menu li a {
    display: block;
    position: relative;
    margin: 0px 0px 2px 0px;
    text-indent: 0.25rem;
    padding: 2px;
}

/* .menu li a:hover {
    NO RULE
} */

.menu h2 {
    font: 1.3em;
}

/* Footer styling */

footer {
    max-width: calc(60% - 30px);
    margin: auto;
    padding:15px;
    font-size:0.9em;
}

/* footer a {
    NO RULE
} */

/* footer a:hover {
    NO RULE
} */