:root{
    --envelope-color: rgb(219, 217, 213);
    --envelopeBorder: black;
}

.envelopeContainer{
    position:relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    padding: 0 10%;
}

.envelopeBody{
    position:relative;
    width: 100%;
    aspect-ratio: 3 / 1.7;
    background-color: var(--envelope-color);
    border-radius: 10px;
    overflow:hidden;
    border: 5px solid var(--envelopeBorder);
    border-top: none;
    z-index: 1;
    
}

.envelopeMarks{
    position:absolute;
    width: 69.2%;
    height: 50%;
    background-color: var(--envelope-color);
    bottom:0;
    transform: translate(0, 50.3%);
    z-index:1;
}

.envelopeMarks:first-of-type{
    rotate: -30deg;
    left:-30%;
    border-top: 5px solid var(--envelopeBorder);
}

.envelopeMarks:last-of-type{
    rotate: 30deg;
    right:-30%;
    border-top: 5px solid var(--envelopeBorder);
}

.envelopeMarks1{
    position:absolute;
    width: 31%;
    height: 55.2%;
    background-color: var(--envelope-color);
    bottom:0;
    left:50%;
    transform: translate(-50%, 0);
    z-index:2;
    border-top: 5px solid var(--envelopeBorder);
}

.envelopeMarks2{
    position:absolute;
    width: 66%;
    height: 120%;
    background-color: var(--envelope-color);
    bottom:0;
    z-index:0;
    border-left: 5px solid var(--envelopeBorder);
}

.envelopeMarks2:nth-of-type(3){
    transform: translate(0%, 25%);
    rotate: -60deg;
    left:-39.5%;
    border-right: 5px solid var(--envelopeBorder);
}

.envelopeMarks2:nth-of-type(4){
    transform: translate(0%, 25%);
    rotate: 60deg;
    right:-39.5%;
}

.envelopeFlap{
    position:relative;
    width: 100%;
    min-height: 40%;
    top:0;

    overflow: hidden;
    z-index: 2;
}
.envelopeFlap div:nth-child(3){
    bottom:0;
    position:absolute;
    width: 100%;
    height: 30%;
    background-color: var(--envelope-color);
    border-radius: 10px;
    z-index:5;
    border-left: 5px solid var(--envelopeBorder);
    border-right: 5px solid var(--envelopeBorder);
}
.envelopeFlap div:nth-child(1){
    position:absolute;
    width: 77.7%;
    height: 100%;
    background-color: var(--envelope-color);
    transform: translate(0, 44.5%);
    z-index:4;

    rotate: -30deg;
    left:-10%;
    border-top: 5px solid var(--envelopeBorder);
}
.envelopeFlap div:nth-child(2){
    position:absolute;
    width: 77.7%;
    height: 100%;
    background-color: var(--envelope-color);
    transform: translate(0, 44.5%);
    z-index:4;

    rotate: 30deg;
    right:-10%;
    border-top: 5px solid var(--envelopeBorder);
}