/* Stylesheet for my website */

body {

    background-color: rgb(252, 208, 150);
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(../sp25site3/fabric-textured.png);
}

ul {
    background-color: #191919;
    text-align: center;
    text-decoration: none;
    list-style-type: none;
    display: block;
}
  
ul li a {
    display: block;
    display: inline-block;
    color: rgb(255, 0, 0);
    padding: 10px 14px;
    margin: 0px auto;
    list-style-type: none;
}

ul li {
    display: inline;
}
  
ul a:hover:not(.active) {
    background-color: #efefef;
}
  
.active {
    background-color: #ffffff;
}

.vanHalenLogoDiv {
    text-align: center;
    margin-top: 10px;
}

.youngEd {
    position: absolute;
    left: 30%;
    top: 30%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 430px;
    height: 420px;
    text-align: center;
    background-color: rgb(255, 186, 186);
}

.oldEd {
    position: absolute;
    left: 52%;
    top: 30%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 320px;
    height: 420px;
    text-align: center;
    background-color: rgb(255, 28, 28);
}

@font-face {
    font-family: NightStory;
    src: url('../sp25site3/Night%5C%20Story.ttf');
    }

@font-face {
    font-family: InteriorFinishing;
    src: url('../sp25site3/Interior%5C%20Finishing.ttf');
}

@font-face {
    font-family: Eruption;
    src: url('../sp25site3/Doctor%5C%20Glitch.ttf');
}

.evhSummary {
    position: absolute;
    left: 25%;
    top: 95%;
    background-color: #a9a9a9;
    padding: 10px;
    border: solid;
    border-color: rgb(0, 0, 0);
    border-width: 5px;
    width: 1200px;
    text-align: center;
    font-family: NightStory;
    font-size:xx-large
}

.evhSummary2 {
    font-family: 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;
    font-size: medium;
}

.vanHalenBand {
    position: absolute;
    left: 25%;
    top: 150%;
    background-color: #fff200;
    padding: 5px;
    border: solid;
    border-color: rgb(0, 0, 0);
    border-width: 5px;
    width: 1200px;
    text-align: center;
}

.michaelAnthony {
    position: absolute;
    left: 17%;
    top: 157%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 375px;
    height: 620px;
    text-align: center;
    background-color: rgb(255, 155, 33);
}

.alexVanHalen {
    position: absolute;
    left: 33%;
    top: 157%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 350px;
    height: 530px;
    text-align: center;
    background-color: rgb(176, 176, 176);
}

.eddieVanHalen {
    position: absolute;
    left: 48%;
    top: 157%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 450px;
    height: 670px;
    text-align: center;
    background-color: rgb(255, 255, 255);
}

.davidLeeRoth {
    position: absolute;
    left: 67%;
    top: 157%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 430px;
    height: 645px;
    text-align: center;
    background-color: rgb(255, 155, 248);
}

.evhHistory {
    position: absolute;
    left: 8%;
    top: 18%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    border-radius: 10%;
    width: 1000px;
    text-align: center;
    background-color: aquamarine;
    font-family: InteriorFinishing;
    font-size: 200%;
}

.evhHistory2 {
    font-family: InteriorFinishing;
    font-size: 100%;
}

.ednAlex {
    position: absolute;
    left: 52%;
    top: 17%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 500px;
    height: 630px;
    text-align: center;
    background-color: rgb(236, 236, 236);
}

.peakEd {
    position: absolute;
    left: 60%;
    top: 67%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 500px;
    height: 545px;
    text-align: center;
    background-color: rgb(255, 251, 0);
}

.lowEd {
    position: absolute;
    left: 72%;
    top: 111%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 500px;
    height: 620px;
    text-align: center;
    background-color: rgb(170, 0, 255);
}

.eruption {
    position: absolute;
    left: 31%;
    top: 20%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 1000px;
    text-align: center;
    background-color: rgb(178, 178, 178);
    font-family: Eruption;
    font-size: 125%;
}
.eruptiontxt {
    font-family: 'Courier New', Courier, monospace;
}

.evhEquip {
    position: absolute;
    left: 3%;
    top: 25%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 600px;
    height: 785px;
    text-align: center;
    background-color: rgb(185, 255, 196);
}

.evhTour {
    position: absolute;
    left: 75%;
    top: 50%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 500px;
    height: 660px;
    text-align: center;
    background-color: rgb(51, 170, 255);
}

.eruptionVid {
    position: absolute;
    left: 40%;
    top: 90%;
}

.edTribute {
    position: absolute;
    left: 36%;
    top: 18%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 700px;
    height: 997px;
    text-align: center;
    background-color: rgb(255, 255, 255);
}

.evhMemorial {
    position: absolute;
    left: 35%;
    top: 100%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 750px;
    height: 250px;
    text-align: left;
    background-color: rgb(155, 62, 62);
}

.evhplaque {
    float: right;
}

.evh78Guitar {
    position: absolute;
    left: 20%;
    top: 10%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 430px;
    height: 830px;
    text-align: center;
    background-color: rgb(255, 255, 255);
}

.evhShark {
    position: absolute;
    left: 44%;
    top: 10%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 340px;
    height: 650px;
    text-align: center;
    background-color: rgb(255, 85, 85);
}

.evhBee {
    position: absolute;
    left: 65%;
    top: 10%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 388px;
    height: 810px;
    text-align: center;
    background-color: rgb(255, 230, 0);
}

.evhUnchained {
    position: absolute;
    left: 20%;
    top: 80%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 450px;
    height: 720px;
    text-align: center;
    background-color: rgb(131, 131, 131);
}

.evh5150 {
    position: absolute;
    left: 42%;
    top: 68%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 400px;
    height: 900px;
    text-align: center;
    background-color: rgb(255, 79, 79);
}

.evhMusicMan {
    position: absolute;
    left: 65%;
    top: 80%;
    border: solid;
    border-color: #191919;
    padding: 5px;
    border-width: 5px;
    width: 407px;
    height: 745px;
    text-align: center;
    background-color: rgb(215, 147, 0);
}

.versionNum {
    position: absolute;
    top: 225%;
    font-size: 100%;
    color: #ffffff;
}

.copyright {
    position: absolute;
    left: 40%;
    top: 225%;
    font-size: 100%;
    color: #ffffff;
}