@import url('style.css');
.main-content{
    flex-direction: column;
    justify-content: center;
    align-items: center; /* Centers content horizontally */
    background-image: url(pink-background2.png);
    background-size: cover; /* Cover the entire area */
    background-repeat: no-repeat; /* Prevents tiling */
}
.main-content h1{
    font-size: 160%;
    color:rgb(240, 249, 255);
    display: flex;
    text-shadow: 2px 2px 4px rgb(163, 101, 131);
}

.text-container {
    background-color: rgb(151, 216, 234, 0.6);
    border: 10px solid transparent; /* Needed for border-image to work */
    border-image: url('border-image.png') 30 round;
    border-radius: 5px;
    padding: 20px;
    margin: 0 auto;
    max-width: 800px;
}
p{
    color: aliceblue;
    text-shadow: 2px 2px 4px rgb(163, 101, 131);
}