/* reset rule */
*{margin: 0; padding: 0; box-sizing: border-box;}

body {
    background-color: rgb(72, 5, 84);
    color: #EEE;
    font-family: verdana;
    background-image: url(/images/flowergarden.jpg);
    min-height: 1500px;
    background-size: cover;
    }

#container {
        border: 8px solid #FFCC00;
        min-height: 50vh;
        background-color: rgba(0,0,0,.8);
        }

    
header {
      min-height: 300px;
      font-family: "Send Flowers";
    }

h1 {
    color: rgb(8, 170, 224);
    text-align: center;
    padding: 50px;
    font-size: 75px;
    }

p {
    margin: 20px 10px;
    padding: 0 20px;
    text-align: center;
}    

nav {
    margin-top: 40px; /* Adjust as needed */
    position: static; /* Remove 'relative' positioning */
    text-align: center;
    }

 /* styling the hyperlinks within the nav menu */
 nav a {
    color: rgb(61, 117, 6);
    text-decoration: none; /* get rid of underlines */
    font-size: 16pt;
    display: inside;
    padding: 2px 5px;
   }

footer{
    background: #cf7d7d;
    padding: 10px;
    text-align: center;
    color:rgb(55, 6, 124);
    position: fixed;
    bottom: 0;
    width: 100%;
}