/*
*
*
*
*/

/****  Global & Fonts ***/

body {
    background-color:beige;
    font-family: Arial, Helvetica, sans-serif;
    padding:0;
    margin:0;
}

header {
    position: sticky;
    top: 0;
    z-index: 10;
    width: 100%;
    text-align: center;
    background-color:#000;
    color: #fff;
    padding: 10px 0;
    position: sticky;
}

main {
    width: 60%;
    margin: 0 auto;
}

footer, footer p{
    width:100%;
    text-align: center;
    background-color: #000;
    color: #fff;
    padding: 1px 0;
}

footer a {
    color: #fff;
    text-decoration: underline;
}

#disclaimer {
    font-style: italic;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}

h1 {
    letter-spacing: 15%;
    margin: 0;
}

header h1 span{
    font-family:'Times New Roman', Times, serif;
    font-size: 120%;
}

p {
    line-height: 1.4;

}


#welcome span {
    font-weight: bold;
   
}

/*********     **********/

.bob {
    font-style: italic;
}

/***********   Flexbox / nav *****************/

nav ul {
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap:6%;
    padding-right:5%;
    margin:0;
}

nav li {
    list-style: none;
    padding:0;
}

nav li a {
    color:#fff;
    padding: 5px 10px;
}


nav li a:link{
    text-decoration: none;
    color:rgb(255, 255, 255)
}
nav li a:visited {
    color:rgb(255, 255, 255)
}


nav li a:hover{
    background-color: rgba(101, 101, 101, 0.6);
}

nav li a:focus {
    text-decoration:dotted;     
}


/*** raster graphics ***/

#main {
    background-image: url("/media/sunset.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#main p {
    padding:0 10px;
}