body {
    font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;
    margin: 5px;
    padding: 5px;
}

/* Header; Applicable to all pages*/

header {
    text-align: center;
    padding: 16px;
    margin: 0;
    border-radius: 16px;
    background-image: url(./nav/images/banner-image.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

h1 {
    color: rgb(255, 255, 255);
    font-size: 50px;
    font-family: "Julius Sans One", sans-serif;
    font-weight: 400;
    padding-top: 15px;
    margin: 0 auto;
}

h2 {
    color: rgb(255, 255, 255);
    font-size: 25px;
    font-family: "Matangi", sans-serif;
    font-weight: 400;
    text-align: center;
    margin: 0 auto;
}

/* Nav & Footer links menu (visible on every page) */
nav {
    text-align: center;
    background-color: rgb(24, 151, 179);
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding: auto;
}

a {
    padding-left: 50px;
    padding-right: 50px;
    color: rgb(1, 16, 38);
    font-size: 20px;
}

/* ---- Index Main ----- */
h3 {
    /* Standard Section Header on each page */
    text-align: center;
    font-family: "Matangi", sans-serif;
    font-weight: 400;
    color: rgb(1, 46, 59);
    font-size: 25px;
    border-radius: 10px;
    /* Intentional white space */
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
}

/* Centered Logo */
.logo-container {
    width: 1000px;
    margin: 0 auto;
}

.logo {
    width: 85%;
    display: block;
    margin: 0 auto;
}

.background-1,
.background-2 {
    max-width: 1352px;
    background-image: url(./nav/images/banner-image.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

/* ---- About Me Section ----- */
h4 {
    font-family: "Matangi", sans-serif;
    font-weight: 400;
    color: rgb(1, 46, 59);
    font-size: 25px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 15px;
}

.blue-box {
    background-color: rgb(24, 151, 179);
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 25px;
    margin-left: 27px;
    margin-top: 13px;
    margin-bottom: 12px;
}

/* bio container */
.bio {
    display: flex;
}

.blurb {
    width: 80%;
}

.bio-image {
    max-width: 300px;
    display: block;
    background-color: rgb(24, 151, 179);
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

/* About me blurb + heading */
.intro {
    color: rgb(255, 255, 255);
    font-weight: lighter;
    font-size: 25px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}

p {
    color: rgb(255, 255, 255);
    font-size: 22px;
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px;
}

/* ----- Beading Page -----*/
.beadwork-heading {
    text-align: center;
    color: rgb(1, 46, 59);
    font-family: "Matangi", sans-serif;
    font-weight: 400;
    font-size: 23px;
}

.subheading {
    color: rgb(1, 46, 59);
    font-size: 18px;
    margin-top: -11px;
    padding-left: 9px;
    margin-bottom: 20px;
}

.beading-gallery {
    max-width: 1352px;
    margin-top: 0;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(./nav/images/kami-kehoe.png);
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-radius: 10px;
}

/* Photo Row 1 */
.row-1,
.row-2,
.row-3,
.row-4 {
    display: flex;
}

.aliens,
.pokemon,
.moccasin {
    display: block;
    max-height: 565px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0 auto
}

/* Row 2 */
.flower,
.hearts-1 {
    max-height: 525px;
    display: block;
    margin: 0 auto;
}

/* Row 3 */
.hearts-2 {
    max-height: 550px;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
}

/* Row 4 */
.container-1 {
    display: flex;
    padding-bottom: 15px;
    margin: 0 auto;
}

.llamas,
.alpacas {
    display: block;
    max-height: 515px;
}

.logo-v2 {
    display: block;
    max-height: 375px;
    padding-top: 110px;
}

/* ----- Portfolio/Digital Art Page ----- */
.indigitech,
.commissions {
    text-align: center;
    font-family: "Matangi", sans-serif;
    font-weight: 400;
    color: rgb(1, 46, 59);
    font-size: 25px;
    padding-bottom: 10px;
    padding-top: 10px;
}

/* Section 1: Indigitech Portfolio */

.portfolio-1 {
    background-color: rgb(24, 151, 179);
    width: 1130px;
    border-radius: 10px;
    padding: 15px;
    margin: 0 auto;
}

.white-horse {
    max-width: 1130px;
    margin-top: 7px;
    margin: 0 auto;
}

/* Digital art/UX demo */
.portfolio-2 {
    max-width: 1250px;
    margin-top: 20px;
    background-color: rgb(24, 151, 179);
    border-radius: 10px;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

/* text above and below the pictures in this box */
.description {
    max-width: 98%;
    color: rgb(255, 255, 255);
    font-size: 20px;
    margin: 0 auto;
    padding-left: 25px;
    padding-top: 5px;
}

.prezi {
    color: white;
    padding: 0;
}

.container-2 {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
}

.red-hand {
    display: block;
    max-width: 585px;
    margin: 0 auto;
    padding-right: 17px;
}

.container-3 {
    display: flex;
    padding-top: 15px;
}

.chimnissing-logo {
    display: block;
    max-height: 450px;
    margin: 0 auto;
}

.business-card {
    display: block;
    max-height: 400px;
    padding-top: 20px;
    margin: 0 auto;
}

/* Section 2: Water First Commission */
.water-first {
    max-width: 1352px;
    background-color: rgb(24, 151, 179);
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0 auto;
}

.water-first-text {
    max-width: 98%;
    color: rgb(255, 255, 255);
    font-size: 20px;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 20px;
    padding-left: 25px;
}

/* Div to get the images parallel and equi-distant */
.water-container {
    display: flex;
}

.sea-bunnies {
    display: block;
    max-height: 275px;
    margin: 0 auto;
    padding-left: 12px;
}

.sea-cucumber {
    display: block;
    max-height: 275px;
    margin: 0 auto;
}

.angel {
    display: block;
    max-height: 275px;
    margin: 0 auto;
    padding-right: 12px;
}

/* Section 3:  Tribal Lands Commission */
.tribal-lands {
    max-width: 1352px;
    background-color: rgb(24, 151, 179);
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
}

.tribal-lands-text {
    max-width: 98%;
    color: rgb(255, 255, 255);
    font-size: 20px;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 20px;
    padding-left: 25px;
}

/* Div to keep the images parallel */
.tribal-container {
    display: flex;
}

.clan {
    display: block;
    max-height: 400px;
    margin: 0 auto;
    padding-left: 10px;
}

.thunderbird {
    display: block;
    max-height: 400px;
    margin: 0 auto;
    padding-right: 10px;
}

/* Section 4: Digital Portraits/Fan-art */
.personal {
    /* Heading*/
    padding-top: 5px;
}

/* overall container */
.my-style {
    max-width: 1250px;
    background-color: rgb(24, 151, 179);
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 24px;
    margin: 0 auto;
}

.container-4 {
    display: flex;
}

/* blur about my style of digital art */
.my-style-text {
    max-width: 98%;
    color: black;
    font-size: 20px;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 20px;
    padding-left: 25px;
}

.mom {
    display: block;
    max-height: 825px;
    margin: 0 auto;
    padding-left: 10px;
}

.cherry-blossoms {
    display: block;
    max-height: 825px;
    margin: 0 auto;
    padding-right: 10px;
}




/* Footer; Applicable to all pages */

footer {
    background-color: rgb(124, 146, 255);
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.follow-me {
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

.social-media {
    color: rgb(1, 16, 38);
    text-align: center;
    font-size: 25px;
}