body,
        html {
            height: 100%;
        }

        body {
            font-family: "router", sans-serif;
font-weight: 400;
font-style: normal;
            font-size: 1em;
            
            background-image: url(../images/wallbackground.png);
            margin: 0;
            background-attachment:fixed;
            background-position:cover;
            color:#3AAFb9;
        }

        .container {
            display: grid;
            width: 100vw;
            height: 100vh;
            grid-template-areas:
                
                "left       main    right"
                "footer     footer  footer";
            grid-template-columns: 50px 4fr 50px;
            grid-template-rows: auto 1fr;
        }

       

        .header {
            grid-area: header;
            display: flex;
            position:fixed;
   top: 0;
   width:100vw;
            
        
        }

       
        #logo {
            display: flex;
            padding-left: 3em;
            /* justify-content: center; */
            flex-grow: 1;

        }

        #social {
            display: flex; 
            justify-content: center;
            align-items: center;
            flex-grow: 1;

        }

        #main {
            grid-area: main;
            /* display: grid; */
            justify-content: center;
            align-items: center;
            margin-top:500px;
        }

        .left {
            grid-area: left;
        }

        .right {
            grid-area: right;

        }

        .footer {
            grid-area: footer;
            background-color: #093A3E;
            font-size: 12px;
            height:20px;
            padding:5px;
            
        }

        /* //////////////// NAV LINKS //////////////// */

       nav {
            display: flex;
            color: white;
            align-items: center;
            justify-content: center;
            flex-grow: 1;
        }

       nav a {
            letter-spacing: 2px;
            font-size: .8em;
            font-weight: 600;
            padding: 4px 7px;
            margin: 0 10px;
            text-transform: uppercase;
            text-decoration: none;

            border-radius: 3px;
        }

        /* unvisited link */
       nav a:link,
       nav a:visited {
            color: #ffffff;
            background-color: #001011;
        }

        /* mouse over link */
       nav a:hover,
        n.navbar v a:active {
            color: #4f9cd6;
            background-color: rgb(176, 206, 243)
        }

        h1 {
            font-family: "router", sans-serif;
font-weight: 700;
font-style: normal;
            color: #3AAFB9;
            font-size:3em;
        }

        h1,h3, h5{
            text-align: center;
        
        
        }

        .about-text {
            float:right;
            width: 1156px;
            height: 329px;
            margin-left: -12px;
            margin-top: 15px;
            padding: 50px;
            background-color:rgb(9, 58, 62, .5)

        }

        p{float:right;
            margin-left: 255px;
            margin-right: 125px;
            margin-top: -92px;
        color:#64E9EE}

       

.fixed-footer {
   position: fixed;
   display: flex;
   padding-left: 40px;
   left: 0;
   bottom: 0;
   width:100vw;
   box-shadow: 10px 10px 100px black;
   color: #64E9EE;
   text-align: left;
}

.welcome {margin-top:-200px;
    margin-bottom:300px;

height:300px;
width:1000px;}

.video {margin:25px;}

.shadow {
    box-shadow: 0px 0px 15px #001011;
}