ul {list-style-type: none;     margin: 30;     padding: 0;     overflow: hidden;     background-color: rgb(190,30,45);}    

li {float: center;}    

li a {display: block;     color: white;     text-align: center;     padding: 20px;     text-decoration:none;}    

li a:hover {background-color: rgb(65,57,61);}          

img {width:100%;background-color: rgb(215,228,194);  } 

body {background-image: url("silky.png"); background-repeat: no-repeat; background-attachment:fixed; background-size:cover; background-position:top; background-color: rgb(190,30,45); }

h1  {color: rgb(190,30,45);text-decoration-color: currentColor;font-family: Majesti Banner Light;background-color: rgb(215,228,194); } 

p   {color: rgb(65,57,61); font-family: Majesti Banner Light; background-color: rgb(215,228,194);} 

h2  {color: rgb(190,30,45);font-family: Majesti Banner Light;background-color: rgb(215,228,194);}   

div {width: 250px; border: 25px solid green;     padding: 25px; display:contents; margin: 20px;     background-color: rgb(215,228,194);  }   

div.relative {
    position:absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 424px;
    width: 600px;
    height: 734px;
   border: 25px solid green;padding: 25px;       margin: 20px; background-color: rgb(215,228,194);
}

.container { display: flex; flex-direction: row; }

nav {
    text-align: : left;
    display:block;
    width: 250px;
    position: relative;
}