body {
  background-color: #62a79e; 
}

.container {
  background-color: #fbf2ff; 
  height: 200px;
  width: 270px;
  position: relative;
  left: 10px;
  top: 70px;
  margin: auto;
  border-radius: 20px;
  border: 10px solid #9885a1;
}

.hr1 {
  height: 0px;
  width: 140px;
  top: 35px;
  border-top: 20px solid #efcaf2;
  border-bottom: none;
  border-radius: 25px;
  position: absolute;
  left: 100px;
  z-index: 0;
}

.hr2 {
  height: 0px;
  width: 110px;
  border-top: 15px solid #bdb0cb;
  border-bottom: none;
  border-radius: 25px;
  position: absolute;
  top: 70px;
  left: 130px;
  z-index: 0;
}

.hr3 {
  height: 0px;
  width: 50px;
  border-top: 18px solid #587d7e;
  border-bottom: none;
  border-radius: 25px;
  position: absolute;
  top: 96px;
  left: 190px;
  z-index: 0;
}

.hr4 {
  height: 0px;
  width: 100px;
  border-top: 20px solid #065440;
  border-bottom: none;
  border-radius: 25px;
  position: absolute;
  top: 125px;
  left: 140px;
  z-index: 0;
}

.file {
  top: 50px;
  left: 20px;
  position: absolute;
  font-size: 100px;
  background:
  -webkit-background: rgb(239,202,242);
background: linear-gradient(0deg, rgba(239,202,242,1) 0%, rgba(88,125,126,1) 72%, rgba(6,84,64,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
z-index: 1;
}