body {

    background-size: cover;
    background-image: url("images/dark-blue-texture.png");

}

header {

    position: fixed;
    z-index: 1;
    width: 100%;
    height: 20%;
    background-image: url("images/logo.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    top: 0px;
    left: 0px;
    border: 3px black solid;

}

header h1 {

    margin-top: 1em;
    color: rgba(80, 80, 200, 1);
    text-shadow: 2px 2px black;

    opacity: 1;
    text-align: center;

}

nav {

    width: 15%;
    height: 70%;    
    background-color: rgba(175, 175, 255, 0.75);
    position: fixed;    
    z-index: 1;
    top: 23.5%;
    left: 1%;
    border: 3px solid black;

}

nav h1 {

    margin-left: 1em;
    margin-bottom: 0;

}

nav h4 {

    margin-left: 3em;
    margin-bottom: 0;
    margin-top: 0;

}

nav h6 {

    margin-left: 6em;
    margin-top: 0;
    margin-bottom: 0;

}


main {

    position: relative;
    background-color: rgba(100, 100, 150, 0.75);
    border: 3px solid black;
    z-index: 0;

    margin-top: 12%;
    margin-left: 20%;
    margin-right: 5%;
    padding-top: 1em;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 2em;
    overflow: auto;

}

main h1 {

    text-align: center;

}

main .imgl {
    display: block;
    float: left;
    width: 30%;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;

}

main .imgr {

    display: block;
    float: right;
    max-width: 30%;
    max-height: 200px;
    margin-left: 1em;
    margin-top: 1em;
    margin-bottom: 1em;

}

main .imgc {

    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 50%;
    max-height: 400px;

}

p {

    text-justify: auto;
    text-align: left;

}

a {

    color: rgba(255, 0, 0, 0.9);
    

}

a:visited {

    color: rgba(150 , 0, 0, 0.9);

}

a:hover {

    color: blue;

}

a:active {

    color: rgba(0, 0, 0, 0);

}