* {
    box-sizing: border-box; 
  }
  body {
    display: flex;
    min-height: 100vh;
    flex-direction: row;
    margin: 0;
  }
  .col-1 {
    background: rgb(46,40,77);
    flex: 1;
  }
  .col-2 {
    display: flex;
    flex-direction: column;
    flex: 5;
    min-height: 100%;
  }
  .content {
    display: flex;
    flex-direction: row;
  }
  .content > article {
    flex: 4;
    min-height: 60vh;
  }
  header, footer {
    background: rgb(44,24,50);
    height: 20vh;
    color: rgb(184,78,123);
  }
  header, footer, article, nav {
    padding: 1em;
  }
nav > a {
    text-decoration: none;
    color: rgb(205,111,158);
}
nav > a :hover {
  color: rgb(237,128,166);
}
main > article > p > a {
  text-decoration: none;
  color: rgb(48,106,157);
}
main > article > p > a :hover {
  color: rgb(62,165,233);
}
article {
  background-color: rgb(70,73,117);
  color: rgb(237,128,166);
}