* { 
    box-sizing: border-box; 
}

html {
    font-size: calc(15px + 0.390625vw);
    line-height: 120%;
    scroll-behavior: smooth;
}

body { 
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 auto; 
    background-color: rgb(64, 58, 115); 
    
    
}

h1, p { 
    color: #b6cbda;
}

  

  
  .image {
    position: sticky;
    top: 0;
    float: left;
    overflow: visible;
    min-height: 1rem;
    width: 30%;
    margin-right: 50px;
    margin-left: 100px;
  }

  img {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 10px;
  }

  nav {
    position: fixed;

    padding: 1rem 1rem;
    background-color: #9e8282;
    width:100%;
    z-index:1;
    display:flex;
    justify-content:center;
}

a {
    display: flex;
    margin: 0 auto;
    text-decoration: none;
}


    
  
  .text {
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 47.38%;
    margin-left: 50%;
    height: 100vh;
  }

  footer {
    background-color: #9e8282;
   margin-top: 300px;
    
  }