body {
    font-family: "Ubuntu Condensed", sans-serif;
}

.paper {
    background-image: url(../img/30510-101.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.paper2 {
    /*background-image: url(../img/30510-101.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;*/
    background-color: #FFF5EE;
    background-size: cover;
}

.wave-container {  
    height: 20vh;
    background-color: rgba(255, 255, 255, 0);
    position: relative;
  }
  
  .wave-container::before {   
    content: "";
    width: 100%;
    height: 26px;
    position: absolute;
    bottom: -0.3%;
    left: 0;
    background-size: auto;
    background-repeat: repeat no-repeat;
    background-position: 10vw bottom;
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  107' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 78L50 73C100 69 200 59 300 40C400 21 500 -8 600 1C700 11 800 59 900 78C1000 97 1100 88 1150 83L1200 78V107H1150C1100 107 1000 107 900 107C800 107 700 107 600 107C500 107 400 107 300 107C200 107 100 107 50 107H0V78Z' fill='%23fff5ee'/></svg>");
  }
  
  @media(max-width:850px) {
    .wave-container::before {    
      height: 13px
    }  
  }

  .profilepic {
    /*border: 2px solid #ccc;*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  @media (prefers-color-scheme: dark) {
    .paper {
        background:rgba(0, 0, 0, 0.2);
    }

    .paper2 {
        background-color: #000a11;
    }

    .wave-container {  
        background-color: rgba(0, 0, 0, 0);
    }   

    .wave-container::before {   
        background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  107' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 78L50 73C100 69 200 59 300 40C400 21 500 -8 600 1C700 11 800 59 900 78C1000 97 1100 88 1150 83L1200 78V107H1150C1100 107 1000 107 900 107C800 107 700 107 600 107C500 107 400 107 300 107C200 107 100 107 50 107H0V78Z' fill='%23000a11'/></svg>");
    }

    .shade {
        border-radius: 50%;
        box-shadow: 0 0 20px #ccc;
        background-color: white;
    }

    .imgshade {
        filter: invert(1);
    }
  }