/*font
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
*/

body {
  background-color: #2f2f2e;
    opacity: 100%;
  text-align: center;
}

/*script nav control*/
#scriptNav{
       float: right;
    position: sticky;
    	width:110px;
        font-size: 1.2em;
    	background-color:#ff0707;
        margin-bottom: 0%;
    text-align:center;
	}

header{
  background-color: #fff200;
  padding: 0.7px;
    margin-top: 3%;
  text-align: center;
    background:url('memories-on-35mm-B-CKuoYQod0-unsplash.jpg') no-repeat center center fixed;
    background-size:cover;
}

/*text body controls*/
h4{
  max-width: 770px;
    text-align: center;
    margin:50px;
    padding-left:20px; 
}

h4{
  max-width: 770px;
    text-align: center;
    margin:50px;
    padding-left:20px; }

/*main titles controls*/
h1{
  max-width: 774px;
    text-align: center;
    margin:90px;
    padding-left: 15px;
}

/* image controls*/
img{
  position: sticky;
        max-width:1000px;
    margin:1px;
}
   
/* styling controls for nav bars*/
#main-nav
    {list-style-type: none;
  margin: 0;
  padding: 10;
  overflow: hidden;
  background-color: #000000;
}
    
a{
  float: left;
   margin-left: 10;
}

 a{
float: center;
  display:block;
  color: #fff200;
  text-align:center;
  padding: 14px 16px;
  text-decoration: none;
}

a:hover:not(.active) {
  background-color: #c24848;
}

.active {
  background-color: #ff0707;
} 

/*background image for scripts*/
blockquote{
    background:url('script.jpg') no-repeat center center fixed;
    background-size:cover;
}

/*social media inserts*/
aside{max-width: 770px;
 margin:90px;
scroll-padding-bottom: auto;
    float:center;
}

/*bottom nav/footer*/
.footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 20px 0;
            position: relative;
            bottom: 0;
            width: 100%;
        }
        .footer-links {
            list-style: none;
            padding: 0;
        }
        .footer-links li {
            display: inline;
            margin: 0 15px;
        }
        .footer-links a {
            color: white;
            text-decoration: none;
        }
        .footer-links a:hover {
            text-decoration: underline;
        }
        .footer p {
            margin: 10px 0 0;
        }