/* home.css - page content only */

html, body { height: 100%; margin:0; }

body {
    font-family: "Abel", sans-serif;
    line-height: 1.6;
    color: #033142;
    background: url("/images/painting1.jpg") no-repeat center center fixed;
    background-size: cover;
  }

.main-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 20;
}

/* Artist section */
.aboutartist { text-align:center; z-index:20; }
.artistStatement { font-size:3.5vh; color:#FFF666; margin-bottom:15px; }
.largeName { font-size:18vh; color:#FFF999; text-shadow:5px 5px 6px #000; margin:20px 0; }
.animatedText { font-family:'Shadows Into Light', cursive; font-size:5vh; color:#FFF666; margin-top:15px; }

/* Animate artist statement faster */
.artistStatement, .largeName, .animatedText {
    animation-duration: 3s !important; /* shorter duration */
  }
  
  /* Optional: adjust delays to start sooner */
  .artistStatement { animation-delay: 0.5s !important; }
  .largeName { animation-delay: 0.20s !important; }
  .animatedText { animation-delay: 1.7s !important; }

/* Floating Logo */
.floating-logo {
  position: fixed;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  opacity:0.3;
  z-index:10;
  transition: transform 0.6s cubic-bezier(0.77,0,0.175,1);
}

/* Footer */
.footer {
  position: fixed;
  bottom:0;
  width:100%;
  height:2vh;
  font-size:1.5vh;
  color:#fff;
  background:#000;
  text-align:right;
  opacity:0.6;
  padding-right:10px;
}

/* Responsive */
@media screen and (max-width:768px) {
  .largeName { font-size:10vh; }
  .animatedText { font-size:3.5vh; }
  .artistStatement { font-size:3vh; }
}