@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&family=Prompt:wght@500&display=swap');

body
    {
    background-color: #aad6a0;
    margin-left: 2%;
    margin-right: 2%;
    font-family: 'Verdana', sans-serif;
    }

h1
    {
    font-family: 'Courier New', monospace;
    }

p
    {
    font-family: 'Verdana', sans-serif;
    }

    /* homepage */

section#homeblock
    {
    background-color: #000000;
    border-style: double;
    border-width: thick;
    border-color: #d2e5d0;
    width: 850px;
    padding: 10px 0px 10px 50px;
    }

h1#indexh1
{
font-family: 'Courier New', monospace;
font-weight: bold;
color: #ffffff;
}

h2#indexh2
{
font-family: 'Courier New', monospace;
font-weight: lighter;
color: #ffffff;
text-align: right;
padding-right: 50px;
}

nav#homelinks
{
text-align: center;
}

footer#homefooter
{
font-family: 'Courier New', monospace;
font-size: .8em;
text-align: center;
}

#homelinks a:link
    {
    color: #6f4e37;
    }

#homelinks a:visited
    {
    color: #936748;
    }

#homelinks a:hover
    {
    color: #b48868;
    }

    #playhomelink a:hover
    {
    color: #ff10f0;
    background: #ffffff;
    }

    /* playground */

h1#pg_top
    {
    border-style: outset;
    }

h2.pg_h2
    {
    font-family: 'Courier New', monospace;
    color: #000000;
    background-color: #ffffff;
    text-align: right;
    padding-right: 5%;
    }

section#playgroundinfo
    {
    background: white;
    border-style: groove;
    border-width: 20px;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 2%;
    }

#tuxdiv
    {
    border-style: solid;
    border-color: #70ff71;
    background-image: url(../images/tux.jpg);
    padding-top: 16%;
    padding-bottom: 10%;
    padding-left: 4%;
    padding-right: 4%;
    }

.greentext
    {
    color: #70ff71;
    font-size: 120%;
    background-color: #000000;
    border-style: solid;
    border-width: thick;
    padding: 10px;
    }

section#quotes
    {
    background: #5a5f72;
    border-style: double;
    border-color: #ffffff;
    border-width: thick;
    margin-top: 5%;
    padding: 0% 4% 3% 4%;
    }

#prepic
    {
    float: right;
    position: relative;
    }

#prequote
    {
    float: left;
    position: relative;
    }

q#prefont1
    {
    font-family: 'Brush Script MT', cursive;
    font-size: 225%;
    color: #ff69b4;
    }

p#prefont2
    {
    color: white;
    font-size: 1.1em;
    }

blockquote#elon
    {
    font-family: 'Times New Roman', serif;
    font-size: 175%;
    color: gray;
    background-color: #e6e6fa;
    border-style: dotted;
    padding: 1em;
    }

#elon_link a:link
    {
    color: #008ad8;
    }

#elon_link a:visited
    {
    color: #3e9c35;
    }

#elon_link a:hover
    {
    color: #ffffff;
    background: #000000;
    }


section#lists
    {
    height: 650px;
    width: 700px;
    position: relative;
    left: 110px;
    z-index: 2;
    background-image: url(../images/TCM-Vegas.png);
    color: white;
    border-style: dashed;
    border-color: white;
    margin-top: 5%;
    padding-left: 3%;
    padding-bottom: 3%;
    padding-right: 4%;
    }

#listfont
    {
    padding-top: 3%;
    font-size: larger;
    }

#emily_float
    {
    float: right;
    }

#tabletest
    {
    background-image: url(../images/duolingo.jpg);
    border-style: solid;
    border-width: thin;
    border-color: yellow;
    margin-top: 5%;
    }

#pg_tablemain
    {
    display: table;
    border-spacing: 10px;
    }

#pg_tablebreak
    {
    display: table-row;
    }

#pg_tablebreak1
    {
    display: table-cell;
    width: 33%;
    text-align: center;
    background-color: green;
    font-size: 400%;
    }

#pg_tablebreak2
    {
    display: table-cell;
    width: 33%;
    text-align: center;
    background-color: white;
    font-size: 400%;
    }
#pg_tablebreak3
    {
    display: table-cell;
    width: 33%;
    text-align: center;
    background-color: red;
    font-size: 400%;
    }

#pg_tabletext
    {
    background-color: white;
    color: blue;
    font-weight: bold;
    }

#snowblock
    {
    background: white;
    border-style: solid;
    border-color: grey;
    border-width: thin;
    padding: 5%;
    margin-top: 5%;
    }

#satellite
    {
    color: white;
    background: black;
    border-style: solid;
    border-color: hotpink;
    border-width: thin;
    padding: 5%;
    margin-top: 5%;
    }

#sat_link a:link
    {
    color: hotpink;
    }

#sat_link a:visited
    {
    color:gray;
    }

#sat_link a:hover
    {
    color: #000000;
    background: #ffffff;
    }

p#pg_googlefont
    {
    font-family: 'Indie Flower', cursive;
    font-size: 1.3em;
    }

p#pg_localfont
    {
    text-decoration: line-through;
    }

#pg_caddy
    {
    position: fixed;
    bottom: 0;
    right: 0;
    }

    /* about */
p#about_note
    {
    background-color: white;
    font-family: 'Dancing Script', cursive;
    font-size: 1.5em;
    line-height: 150%;
    border-style: double;
    border-width: medium;
    border-color: black;
    padding-top: 5%;
    padding-bottom: 25%;
    padding-left: 5%;
    padding-right: 5%;
    }

    /* IG404 */
header#ig_header
    {
    background: black;
    color: white;
    padding-left: 1%;
    }

h3#ig_h3
    {
    background-color: black;
    color: hotpink;
    padding-left: 1%;
    }

    /* PG2 */
section#vice
    {
    background-color: black;
    color: white;
    padding: 1em;
    border: darkgray;
    border-style: solid;
    }