@import url('https://fonts.googleapis.com/css?family=Kaushan+Script');
@import url('https://fonts.googleapis.com/css?family=ZCOOL+QingKe+HuangYou');
@import url('https://fonts.googleapis.com/css?family=Montserrat');

div.topBar {
    background: indigo;
    height: 100px;
}

div.topBar > h1 {
    color: rgb(39, 38, 39);
    text-align: center;
    font-family: 'Kaushan Script', cursive;
    font-size: 70px;
    text-shadow: 3px 2px pink;
}

div.barImages {
    margin-top: -150px;
}

nav ul li {
    list-style: none;
    margin-top:20px;
    margin-right: 25%;
}

nav ul li {
    font-family: 'Kaushan Script', cursive;
    text-align: center;
    font-size: 40px;
}

/*Navigation Side Bar*/
li a {
    text-decoration: none;
    display: block;
    background-color: rgb(55, 11, 95);
    /*a:link {color:blue; } /* def presence */
}
a:link {color: pink}
a:visited{color:pink; }  
a:hover {background-color:white;} 
a:active{ } /*press link*/


body {
    background-image: url(https://proxy.duckduckgo.com/iu/?u=https%3A%2F%2Fs-media-cache-ak0.pinimg.com%2F736x%2F8e%2F2e%2F6d%2F8e2e6de3164d60d83c326a206dec088d.jpg&f=1);
}

div.wrapper {
    display: grid;
    margin-top: 20px;
    grid-template-columns: 1fr 2fr 1fr;
    grid-column-gap: 1em; 
    grid-auto-rows: minmax(700px, auto);
}

div.wrapper > div {
    background:rgba(149, 17, 175, .7);
    border-style: double;
    border-width: 4px;
    border-color: indigo;
}

div.localWrapper {
    display: grid;
    margin-top: 20px;
    margin-left: 1em;
    grid-template-columns: 9.5em 9.5em 9.5em;
    grid-column-gap: 4em; 
    grid-auto-rows: minmax(200px, auto);
}

p.midBox {
    color: white;
    font-family: 'ZCOOL QingKe HuangYou', cursive;
    font-size: 18px;
    text-shadow: 1px 1px black;
}

div.localWrapper > div {
    border-style: double;
    border-width: 5px;
    border-color: pink;
}

div.localWrapper > div:hover {
    border-color: white;
}

div.localTopBar {
    background: indigo;
    height:40px;
    width: 100%;
}

div.wrapper > div:nth-child(odd) {
    background:rgba(43, 4, 51, 0.5);
}

p.rightBox {
    color: rgb(255, 49, 128);
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    text-shadow: 1px 1px black;
}