html, body {
    height: 100%;         /* Ensure html and body take up full height of the viewport */
    margin: 0;            /* Remove default margin */
    padding: 0;           /* Remove any padding */
    font-family: Arial, sans-serif;
    color: #333;
}

body {
    min-height: 100%;      /* Ensure body takes at least the full viewport height */
    background: linear-gradient(340deg, rgba(0, 6, 36, 1) 0%, rgba(50, 9, 121, 1) 35%, rgba(0, 140, 255, 1) 100%);
    background-repeat: no-repeat;    /* Don't let the gradient repeat */
    background-size: 3000px 100%%;          /* Ensure the gradient covers the entire page */
}

p {
    line-height: 1.6;
}

.invisible-box {
    width: 200px;
    height: 1000px;  /* Height of the invisible box */
    opacity: 0;      /* Invisible but still takes up space */
}