body {
  color:white;
background-attachment:fixed;
background-image: url("refuge.jpg")
}
.flex-container {
  display:flex;
  justify-content:space-around;
}
.sidetext {
  border:mediumorchid solid 5px;
  border-radius:17px;
  width:300px;
  height:auto;
      --s: 94px; /* control the size*/
  --c1: #d2246f;
  --c2: #351330;
  --_g: #0000 24%,
    var(--c2) 26% 34%,var(--c1) 36% 44%,
    var(--c2) 46% 54%,var(--c1) 56% 64%,
    var(--c2) 66% 74%,#0000 76%;
  background:
    radial-gradient(100% 100% at 100% 0,var(--_g)),
    radial-gradient(100% 100% at 0 100%,var(--_g)),
    radial-gradient(var(--c2) 14%,var(--c1) 16%) 
     calc(var(--s)/2) calc(var(--s)/2);
  background-size: var(--s) var(--s);
}
#maintext {
    --s: 94px; /* control the size*/
  --c1: #d2246f;
  --c2: #351330;
  --_g: #0000 24%,
    var(--c2) 26% 34%,var(--c1) 36% 44%,
    var(--c2) 46% 54%,var(--c1) 56% 64%,
    var(--c2) 66% 74%,#0000 76%;
  background:
    radial-gradient(100% 100% at 100% 0,var(--_g)),
    radial-gradient(100% 100% at 0 100%,var(--_g)),
    radial-gradient(var(--c2) 14%,var(--c1) 16%) 
     calc(var(--s)/2) calc(var(--s)/2);
  background-size: var(--s) var(--s);
max-width:750px;
height:3000px;
border:mediumorchid solid 5px;
border-radius: 17px;
font-family: Courier;
}
#secrettext {
text-align: center;
position:relative;
top:2000px;
}
.fumo {
width:220px;
height:auto;
position: relative;
margin-left:390px;
}