CSSBattle

Daily Targets (260714)

코드
<p><p><p><i>
<style>
  &>* {
    display: flex;
    align-items: flex-end;
    background: #E0D59D
  }

  * {
    margin: 0
  }

  p {
    /* 산 */
    border-left: 75px solid #0000;
    border-right: 75px solid #0000;
    border-bottom: 150px solid #5483A9
  }

  p + p {
    margin-left: -25
  }

  i {
    /* 산 뒤 바다 */
    position: fixed;
    left: 75;
    right: 75;
    bottom: 0;
    z-index: -1;
    height: 80;
    background: #78C3C7
  }
</style>