/* Stylesheet for my website */

@import url('https://fonts.googleapis.com/css2?family=Give+You+Glory&family=Indie+Flower&display=swap');

.give-you-glory-regular {
    font-family: "Give You Glory", cursive;
    font-weight: 400;
    font-style: normal;
  }

  .indie-flower-regular {
    font-family: "Indie Flower", cursive;
    font-weight: 400;
    font-style: normal;
  }
  

body {
    max-width: 100%;
    background-image: url('watercolor.jpg');
    object-fit: contain;
    
}

.menu {
    color: #EB60AA;
    font-size: 150%;
    font-family: "Indie Flower";
    padding: 20px;
    border: #EB60AA;
    border-radius: 20px;
}

/* Unvisited link */
.menu a:link {
    color: black;
    text-decoration: none;
    text-align: center;
    font-family: "Indie Flower";
    font-size: 120%;
}

/* Mouse over link */
.menu a:hover {
    background-color: #EB60AA;
}

h1 {
    background-color: #EB60AA;
    color:#9F12B8;
    padding: 20px;
    border: #D794E3 6px solid;
    border-radius: 20px;
    clear: both;
    font-family: "Indie Flower";
    text-align: center;
    overflow: hidden;
    font-size: 250%;
}

h2 {
    font-family: "Indie Flower";
    text-align: left;
    font-size: 150%;
    color:#9F12B8;
}

h3 {
    font-family: "Indie Flower";
    text-align: center;
    font-size: 120%;
    color: darkmagenta;
    font-style: oblique;
}

#cross {
    display: absolute;
    text-align: center;

}


#definition {
    font-family: "Indie Flower";
    font-size: larger;
    color: white;
    background-color: #9F12B8;
    color: #FEC5BB;
    border: #EB60AA 6px solid;
    border-radius: 15px;
    clear: both;
    z-index: 10px;
    overflow: hidden;
    position: absolute;

    left: 40px;
    top: 280px;
    padding: 20px;
    z-index: 12;
    border-style: solid;
    max-width: 400px;
}

#summary {
    font-family: "Indie Flower";
    font-size: larger;
    color: white;
    background-color: #9F12B8;
    color: #FEC5BB;
    border: #EB60AA 6px solid;
    border-radius: 15px;
    clear: both;
    z-index: 10px;
    overflow: hidden;
    position: absolute;

    right: 40px;
    top: 280px;
    padding: 20px;
    z-index: 12;
    border-style: solid;
    max-width: 400px;
}

#scripture{
    font-family: "Indie Flower";
    font-size: larger;
    color: white;
    background-color: #9F12B8;
    color: #FEC5BB;
    border: #EB60AA 6px solid;
    border-radius: 15px;
    clear: both;
    z-index: 10px;
    overflow: hidden;
    position: absolute;

    right: 475px;
    top: 690px;
    padding: 20px;
    z-index: 12;
    border-style: solid;
    max-width: 250px;
}

/*Heavy Metal*/
#becomingthearchetype {
    position: absolute;
    right: 10px;
    top: 360px;
    border-radius: 5px;
    border: #D794E3 6px solid;
    padding: none;
    background-color: #1F1F1F;
}

#becomingthearchetypebio {
    font-family: "Indie Flower";
    font-size: larger;
    color: white;
    background-color: #9F12B8;
    color: #FEC5BB;
    border: #EB60AA 6px solid;
    border-radius: 15px;
    clear: both;
    z-index: 10px;
    overflow: hidden;
    position: absolute;

    left: 40px;
    top: 280px;
    padding: 20px;
    z-index: 12;
    border-style: solid;
    max-width: 480px;
}

#cleansingofthetemple {
    position: absolute;
    left: 10px;
    top: 715px;
    border-radius: 5px;
    border: #D794E3 6px solid;
    padding: none;
    background-color: #535353;
}

#cleansingofthetemplebio {
    font-family: "Indie Flower";
    font-size: larger;
    color: white;
    background-color: #9F12B8;
    color: #FEC5BB;
    border: #EB60AA 6px solid;
    border-radius: 15px;
    clear: both;
    z-index: 10px;
    overflow: hidden;
    position: absolute;

    right: 40px;
    top: 675px;
    padding: 20px;
    z-index: 12;
    border-style: solid;
    max-width: 480px;
}

#fortoday {
    position: absolute;
    right: 10px;
    top: 1090px;
    border-radius: 5px;
    border: #D794E3 6px solid;
    padding: none;
    background-color: #1F1F1F;
}

#fortodayphoto {
    position: absolute;
    z-index: 20;
    top: 1109px;
    right: 540px;
    border-radius: 5%;
}

#fortodaybio {
    font-family: "Indie Flower";
    font-size: larger;
    color: white;
    background-color: #9F12B8;
    color: #FEC5BB;
    border: #EB60AA 6px solid;
    border-radius: 15px;
    clear: both;
    z-index: 10px;
    overflow: hidden;
    position: absolute;

    left: 40px;
    top: 1000px;
    padding: 20px;
    z-index: 12;
    border-style: solid;
    max-width: 480px;
}

/*Pop*/
#forrestfrank {
    position: absolute;
    left: 10px;
    top: 360px;
    border-radius: 5px;
    border: #D794E3 6px solid;
    padding: none;
    background-color: #1F1F1F;
}

#forrestfrankbio {
    font-family: "Indie Flower";
    font-size: larger;
    color: white;
    background-color: #9F12B8;
    color: #FEC5BB;
    border: #EB60AA 6px solid;
    border-radius: 15px;
    clear: both;
    z-index: 10px;
    overflow: hidden;
    position: absolute;

    right: 40px;
    top: 280px;
    padding: 20px;
    z-index: 12;
    border-style: solid;
    max-width: 480px;
}

#stephenstanley {
    position: absolute;
    right: 10px;
    top: 690px;
    border-radius: 5px;
    border: #D794E3 6px solid;
    padding: none;
    background-color: #535353;
}

#stephenstanleybio {
    font-family: "Indie Flower";
    font-size: larger;
    color: white;
    background-color: #9F12B8;
    color: #FEC5BB;
    border: #EB60AA 6px solid;
    border-radius: 15px;
    clear: both;
    z-index: 10px;
    overflow: hidden;
    position: absolute;

    left: 40px;
    top: 610px;
    padding: 20px;
    z-index: 12;
    border-style: solid;
    max-width: 480px;
}

#allisoneide {
    position: absolute;
    left: 10px;
    top: 1040px;
    border-radius: 5px;
    border: #D794E3 6px solid;
    padding: none;
    background-color: #1F1F1F;
}

#allisoneidebio {
    font-family: "Indie Flower";
    font-size: larger;
    color: white;
    background-color: #9F12B8;
    color: #FEC5BB;
    border: #EB60AA 6px solid;
    border-radius: 15px;
    clear: both;
    z-index: 10px;
    overflow: hidden;
    position: absolute;

    right: 40px;
    top: 950px;
    padding: 20px;
    z-index: 12;
    border-style: solid;
    max-width: 480px;
}

/*Rap*/
#bigbreeze {
    position: absolute;
    right: 10px;
    top: 410px;
    border-radius: 5px;
    border: #D794E3 6px solid;
    padding: none;
    background-color: #1F1F1F;
}

#bigbreezebio {
    font-family: "Indie Flower";
    font-size: larger;
    color: white;
    background-color: #9F12B8;
    color: #FEC5BB;
    border: #EB60AA 6px solid;
    border-radius: 15px;
    clear: both;
    z-index: 10px;
    overflow: hidden;
    position: absolute;

    left: 40px;
    top: 280px;
    padding: 20px;
    z-index: 12;
    border-style: solid;
    max-width: 480px;
}

#pishko {
    position: absolute;
    left: 10px;
    top: 880px;
    border-radius: 5px;
    border: #D794E3 6px solid;
    padding: none;
    background-color: #1F1F1F;
}

#pishkobio {
    font-family: "Indie Flower";
    font-size: larger;
    color: white;
    background-color: #9F12B8;
    color: #FEC5BB;
    border: #EB60AA 6px solid;
    border-radius: 15px;
    clear: both;
    z-index: 10px;
    overflow: hidden;
    position: absolute;

    right: 40px;
    top: 715px;
    padding: 20px;
    z-index: 12;
    border-style: solid;
    max-width: 480px;
}

#isiahrobin {
    position: absolute;
    right: 10px;
    top: 1356px;
    border-radius: 5px;
    border: #D794E3 6px solid;
    padding: none;
    background-color: #1F1F1F;
}

#isiahrobinbio {
    font-family: "Indie Flower";
    font-size: larger;
    color: white;
    background-color: #9F12B8;
    color: #FEC5BB;
    border: #EB60AA 6px solid;
    border-radius: 15px;
    clear: both;
    z-index: 10px;
    overflow: hidden;
    position: absolute;

    left: 40px;
    top: 1230px;
    padding: 20px;
    z-index: 12;
    border-style: solid;
    max-width: 480px;
}

/*Rock*/
#beholdthebeloved {
    position: absolute;
    left: 10px;
    top: 465px;
    border-radius: 5px;
    border: #D794E3 6px solid;
    padding: none;
    background-color: #1F1F1F;
}

#beholdthebelovedbio {
    font-family: "Indie Flower";
    font-size: larger;
    color: white;
    background-color: #9F12B8;
    color: #FEC5BB;
    border: #EB60AA 6px solid;
    border-radius: 15px;
    clear: both;
    z-index: 10px;
    overflow: hidden;
    position: absolute;

    right: 40px;
    top: 280px;
    padding: 20px;
    z-index: 12;
    border-style: solid;
    max-width: 480px;
}

#disciple {
    position: absolute;
    right: 10px;
    top: 928px;
    border-radius: 5px;
    border: #D794E3 6px solid;
    padding: none;
    background-color: #1F1F1F;
}

#disciplebio {
    font-family: "Indie Flower";
    font-size: larger;
    color: white;
    background-color: #9F12B8;
    color: #FEC5BB;
    border: #EB60AA 6px solid;
    border-radius: 15px;
    clear: both;
    z-index: 10px;
    overflow: hidden;
    position: absolute;

    left: 40px;
    top: 810px;
    padding: 20px;
    z-index: 12;
    border-style: solid;
    max-width: 480px;
}

#relent {
    position: absolute;
    left: 10px;
    top: 1360px;
    border-radius: 5px;
    border: #D794E3 6px solid;
    padding: none;
    background-color: #1F1F1F;
}

#relentbio {
    font-family: "Indie Flower";
    font-size: larger;
    color: white;
    background-color: #9F12B8;
    color: #FEC5BB;
    border: #EB60AA 6px solid;
    border-radius: 15px;
    clear: both;
    z-index: 10px;
    overflow: hidden;
    position: absolute;

    right: 40px;
    top: 1250px;
    padding: 20px;
    z-index: 12;
    border-style: solid;
    max-width: 480px;
}

/*Worship*/
#katynichole {
    position: absolute;
    right: 10px;
    top: 420px;
    border-radius: 5px;
    border: #D794E3 6px solid;
    padding: none;
    background-color: #1F1F1F;
}

#katynicholebiobio {
    font-family: "Indie Flower";
    font-size: larger;
    color: white;
    background-color: #9F12B8;
    color: #FEC5BB;
    border: #EB60AA 6px solid;
    border-radius: 15px;
    clear: both;
    z-index: 10px;
    overflow: hidden;
    position: absolute;

    left: 40px;
    top: 280px;
    padding: 20px;
    z-index: 12;
    border-style: solid;
    max-width: 480px;
}

#christomlin {
    position: absolute;
    left: 10px;
    top: 950px;
    border-radius: 5px;
    border: #D794E3 6px solid;
    padding: none;
    background-color: #1F1F1F;
}

#christomlinbio {
    font-family: "Indie Flower";
    font-size: larger;
    color: white;
    background-color: #9F12B8;
    color: #FEC5BB;
    border: #EB60AA 6px solid;
    border-radius: 15px;
    clear: both;
    z-index: 10px;
    overflow: hidden;
    position: absolute;

    right: 40px;
    top: 740px;
    padding: 20px;
    z-index: 12;
    border-style: solid;
    max-width: 480px;
}

#worshipinit {
    position: absolute;
    right: 10px;
    top: 1390px;
    border-radius: 5px;
    border: #D794E3 6px solid;
    padding: none;
    background-color: #1F1F1F;
}

#worshipinitbio {
    font-family: "Indie Flower";
    font-size: larger;
    color: white;
    background-color: #9F12B8;
    color: #FEC5BB;
    border: #EB60AA 6px solid;
    border-radius: 15px;
    clear: both;
    z-index: 10px;
    overflow: hidden;
    position: absolute;

    left: 40px;
    top: 1320px;
    padding: 20px;
    z-index: 12;
    border-style: solid;
    max-width: 480px;
}