/* notes: " */

body {
    color: white;
    font-family: Verdana;
    text-align: center;
    
    
    
}

.newcontainer {
  
      background-color: rgb(248, 246, 233);
      opacity: 60%;
      color: rgb(0, 0, 0);
      border-radius: 20px;
      
      margin: auto;
      width: 70%;
      height: 1127px;
      margin-bottom: 10%;
      padding: 10px;
      
      

        font-family: "Patrick Hand", cursive;
        font-weight: 400;
         font-style: normal;
         font-size: large
        




    }


p {
  font-family: "Patrick Hand", cursive;
  font-weight: 400;
  font-style: normal;
}

.floatingtitle {
  animation: float 3s ease-out infinite; 
  display: block;
  margin: auto;
  max-width: 100%
}

@keyframes float {
  0%{
    transform: translateY(0px);
  }
  50%{
    transform: translateY(-10px);
  }
  100%{
    transform:translateY(0px);
  }
}

.redirect2home {
  opacity: 50%;
  width: auto;
  margin: auto;
}


.redirect2home:hover {
    opacity: 90%;
}

.lettersforsun {
      background-image: url(papertexture.png);
      background-position: center;
      margin: auto;
      width: 50%;
      height: 1127px;
      margin-bottom: 10%;
      background-repeat: no-repeat;
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 10px;
      padding-bottom: 15px;
      overflow-y: scroll;
    overflow-x: scroll;
    
    


    
        font-family: "Patrick Hand", cursive;
        font-weight: 400;
         font-style: normal;
         font-size: 25px;
         

    }

.lettersbody {
    background-image: url("Background.png");
    color: rgb(0, 0, 0);
    font-family: Verdana;
    text-align: center;
    background-repeat: repeat;


}

img {
  display: block;
  max-inline-size: 100%;
}