/* Place your CSS below */
@media (max-width:480px) {
    .desktopIndexPage {
        display:none;
    }
    .mobileIndexPage {
        display: block;
    }
   }

@media (min-width:481px) {
    .desktopIndexPage {
        display:block;
    }
    .mobileIndexPage {
        display: none;
    }
   }  

 .frame {  
    border: 1px solid rgb(128, 128, 128);
    box-shadow:
  0.5px 1.1px 0.6px rgba(0, 0, 0, 0.11),
  1.1px 2.4px 1.4px rgba(0, 0, 0, 0.087),
  1.9px 4.1px 2.4px rgba(0, 0, 0, 0.076),
  2.9px 6.2px 3.6px rgba(0, 0, 0, 0.068),
  4.1px 8.9px 5.1px rgba(0, 0, 0, 0.061),
  5.8px 12.6px 7.3px rgba(0, 0, 0, 0.055),
  8.3px 17.8px 10.3px rgba(0, 0, 0, 0.049),
  12px 25.9px 15px rgba(0, 0, 0, 0.042),
  18.6px 39.9px 23.1px rgba(0, 0, 0, 0.034),
  33px 71px 41px rgba(0, 0, 0, 0.023)
;
  }

.verse {
    padding-left: 0.5em;
  }

.h1poetry {
    font-size:4rem;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.page-skin-dark-textimage {
    background: radial-gradient(circle at 60% 50%, rgb(83, 83, 83) 20%, rgb(0, 0, 0) 100%);
    color:#f5f5f5
}
.page-skin-light-textimage {
    background:radial-gradient(circle at 60% 50%, rgba(255, 255, 255, 1) 10%, rgba(200, 200, 200, 1) 100%);
}