* {
    box-sizing: border-box;
}

nav{
    position:fixed;
    width: 100%;
    background-color: hsl(204, 17%, 70%);

    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    padding: 1%;

    border: 2rem;
    border-radius: 0 0 5% 5%;

    z-index: 3;
    margin-bottom: -1%;

}

.nav_button_cont{
    margin-right: 5%;
}
.nav_button{
    color: black;
    text-align: center;
    font-family: sans-serif;
    font-size: 120%;
    margin-right: 30px;
    text-decoration: none;
}

.nav_button:hover{
    color: white;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
}



/*making style for letter class*/
.letter {
    position: relative;
    color: black;
    font-family: 'Courier New', Courier, monospace;
    font-size: 1.5rem;
    overflow: hidden;

}
.letter_container{
  background-image: url('Art/Paper\ Background.avif');
  object-fit: cover;
  filter:drop-shadow(0 4px 0 black);
  overflow: hidden;
  margin-bottom: -1%;
  position: relative;
  z-index: 1;

  clip-path: polygon(
  0% 0%, 100% 0%, 100% 98%, 
  95% 99%, 90% 98%, 85% 99%, 80% 98%, 75% 99%, 70% 98%, 
  65% 99%, 60% 98%, 55% 99%, 50% 98%, 45% 99%, 40% 98%, 
  35% 99%, 30% 98%, 25% 99%, 20% 98%, 15% 99%, 10% 98%, 
  5% 99%, 0% 98%
);
}
#letter1{
    margin: 10%;
}


p {
    margin: auto;
}

.textbox{
    background-image: url("Art/Paper\ Background.avif");
    position:relative;
    font-family: 'Times New Roman', Times, serif;
    color: rgb(51, 47, 47);
    font-size: 1.5rem;
    line-height: 1.5;

    width: fit-content;
    max-width: 500px;
    height:auto;
    padding: 3%;
    margin: 5%;
    z-index: 1;

     /*Source - https://stackoverflow.com/a/47085434
Posted by Tymn Urban, modified by community. See post 'Timeline' for change history
Retrieved 2026-10-26, License - CC BY-SA 3.0 */

clip-path: polygon(3% 0, 7% 1%, 11% 0%, 16% 2%, 20% 0, 23% 2%, 28% 2%, 32% 1%, 35% 1%, 39% 3%, 41% 1%, 45% 0%, 47% 2%, 50% 2%, 53% 0, 58% 2%, 60% 2%, 63% 1%, 65% 0%, 67% 2%, 69% 2%, 73% 1%, 76% 1%, 79% 0, 82% 1%, 85% 0, 87% 1%, 89% 0, 92% 1%, 96% 0, 98% 3%, 99% 3%, 99% 6%, 100% 11%, 98% 15%, 100% 21%, 99% 28%, 100% 32%, 99% 35%, 99% 40%, 100% 43%, 99% 48%, 100% 53%, 100% 57%, 99% 60%, 100% 64%, 100% 68%, 99% 72%, 100% 75%, 100% 79%, 99% 83%, 100% 86%, 100% 90%, 99% 94%, 99% 98%, 95% 99%, 92% 99%, 89% 100%, 86% 99%, 83% 100%, 77% 99%, 72% 100%, 66% 98%, 62% 100%, 59% 99%, 54% 99%, 49% 100%, 46% 98%, 43% 100%, 40% 98%, 38% 100%, 35% 99%, 31% 100%, 28% 99%, 25% 99%, 22% 100%, 19% 99%, 16% 100%, 13% 99%, 10% 99%, 7% 100%, 4% 99%, 2% 97%, 1% 97%, 0% 94%, 1% 89%, 0% 84%, 1% 81%, 0 76%, 0 71%, 1% 66%, 0% 64%, 0% 61%, 0% 59%, 1% 54%, 0% 49%, 1% 45%, 0% 40%, 1% 37%, 0% 34%, 1% 29%, 0% 23%, 2% 20%, 1% 17%, 1% 13%, 0 10%, 1% 6%, 1% 3%); 
}