/* Starter Stylesheet for our project.
-----------------------------------------------
Please read the comments to understand what
this code does. 

Refer to w3schools.com for help
-----------------------------------------------
*/
/*  This removes the default browser settings */
* {
    margin: 0; 
    padding: 0;
}

/*  
    This sets the outer container for your site.
    To use it, you will need to create division tag
    to hold the content. Give it an id="wrapper".
    I would look like this...
        <div id="wrapper">
    Put this division right after the body tag
    and close it right before the close of the body tag
*/

body { background-image: url(../_images/abstract.jpg);
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: center;
    padding-bottom: 10PX;
    width: 1106px;
    height: 1979px;
}

h1 { font-family: Jomolhari;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: normal; 
color:white; 
}


h2 { font-family: Jomolhari;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal; 
color:white; 
}

p { font-family: Jomolhari;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal; 
color:white; 
}



nav {
    posistion: absolute;
    left: 357px;
    top: 40px;
    font-size: 30px;
}

nav a {
    text-decoration: none;
    color: #FFF;
    background-color:rgb(0, 0, 0);
    display: inline-block;
    margin-right: 30px;
}

nav a:hover {
    color: rgb(189, 28, 6);
}

/* Remove default spacing from browser */
body {
    margin: 0;
    padding: 0;
}

/* Style the header (top section) */
header {
    background: linear-gradient(to right, #6b1f1f, #7a2a2a); /* gradient color */
    text-align: center; /* center everything */
    padding: 100px 20px;
    color: white; /* all text white */
}

/* Main title */
h1 {
    font-size: 60px;
    font-family: Georgia, serif;
    margin-bottom: 10px;

    /* shadow for depth */
    text-shadow: 2px 2px 4px rgb(255, 255, 255);
}

/* Subtitle */
h2 {
    font-size: 50px;
    font-family: Georgia, serif;
    margin-bottom: 40px;

    text-shadow: 2px 2px 4px rgb(255, 255, 255);
}

/* Navigation list */
nav ul {
    list-style: none; /* remove bullets */
    padding: 0;
}

/* Menu items */
nav ul li {
    display: inline-block; /* horizontal layout */
    margin: 0 20px;
}

/* Links */
nav ul li a {
    text-decoration: none;
    color: white;
    font-family: "Comic Sans MS", cursive; /* handwritten style */
    font-size: 28px;
}

/* Hover effect */
nav ul li a:hover {
    text-decoration: underline;
}

	
	 footer { 
		posistion: absolute;
		bottom: 200px;
		width: 100%;
	    color: white;
	    Gabriel LaGrossa
		lagrossa@susqu.edu
        484-949-5821		
		Twitter  Facebook LinkedIn
	}