/* style.css */

/* Page background */
body {
  margin: 0;
  padding: 0;
  background-image: url('https://st3.depositphotos.com/12034556/19115/i/450/depositphotos_191159178-stock-photo-scene-stage-light-with-colored.jpg');
  background-size: cover;       /* Make image cover the whole screen */
  background-position: center;  /* Center the image */
  background-repeat: no-repeat; /* Prevent tiling */
 min-height: 100vh;                 /* Full viewport height */
  font-family: Arial, sans-serif;
}

/* Link styles */
a {
  color: blue;
  text-decoration: none;
}

a:hover {
  color: #dddddd;
}

/* Box1 styles */
.box1{
  background-color: ghostwhite;   /* The box color you want */
  width: 80%;
  max-width: 800px;
  padding: 30px;
  margin: 100px auto;             /* Centers the box */
  color: #333;                    /* Dark text for readability */
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0,0,0,0.4); /* Soft shadow for contrast */

/* Generic box styles */
.box {
  background-color: rgba(106, 90, 205, 0.85);
  padding: 20px;
  color: white;
  border-radius: 5px;}

.article-text p {
  text-indent: 2em;        /* First-line indent */
  margin-bottom: 1.2em;    /* Space between paragraphs */
  line-height: 1.6;        /* Comfortable reading line spacing */
  color: #333;             /* Dark text for readability */
}




.home-btn{
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);

    display: inline-block;
    padding: 10px 20px;

    background-color: white;
    color: #007BFF;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
    border: 2px solid #007BFF;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.home-btn:hover {
    background-color: #007BFF;
    color: white;
}