@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cormorant+Garamond:wght@400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap');

h1 {color: whitesmoke; 
    font-family: monospace;
    font-size: 4em;}


h2 {
    color: #98BF64;
    font-family: "Iconsolata" , monospace;
    font-weight: 1000;
    font-size: 2em;
}
.inconsolata-<uniquifier> {
  font-family: "Inconsolata", monospace;
  font-optical-sizing: auto;
  font-weight:bold;
  font-style: normal;
  font-variation-settings:
    "wdth" 125;
}


/*you can put multiple headings and bodies of text in the same line to change the color, font, style etc.*/
p {font-family:"Iconsolata", monospace;
line-height: 1.5em;

}

.container {margin-left: 20%;
margin-right: 20%}

.pullQuote {width: 30%;
            border-left-style: double; 
            font-size: 3em;
            font-family: inherit;
            float: right;
            padding-left: 10px;
            margin-left: 30px;}
nav{
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 0; /* Set to the top of the viewport */
    z-index: 1000; /* Ensure the navbar is above other content */
    
    background-color: beige;
    color: black;
    font-size: 0.75em;
    font-family: serif;
    padding-left: 20%
    }

footer{background-color: beige;
    color: black;
    font-size: 0.75em;
    font-family: serif;
    padding-bottom: 8px}

/* unvisited link */
nav a:link {
  color: red;
}

/* visited link */
nav a:visited {
  color: green;
}

/* mouse over link */
nav a:hover {
  color: hotpink;
}

/* selected link */
nav a:active {
  color: blue;
}

.banner_big { background-color: hotpink;
    min-height: 75vh;
    text-align: center;
    align-items: center;
    justify-content: center;
    display:flex;
    
    background-image: url(images/deathvalleypic2.jpeg);
    background-size: cover;
    background-position: center;
    
}
.banner_big h1 {
    color: white; 
    font-size: 3em;
}

.banner_small { background-color: hotpink;
    min-height: 30vh;
    text-align: center;
    align-items: center;
    justify-content: center;
    display:flex;
    
    background-image: url(images/bannerrain.jpg);
    background-size: cover;
    background-position: center;}

.banner_big h1 {
    color: white; 
    font-size: 3em;}