/* LANDING PAGE */

#landing{
    width:100vw;
    height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;

    position:relative;
    overflow:hidden;
}

/* FULLSCREEN BLURRED BACKGROUND */

#landing::before{
    content:"";

    position:absolute;
    inset:0;

    background-image:url("assets/Images/websitebackgroundclosed.png");
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;

    filter:blur(20px) brightness(.35);

    transform:scale(1.15);

    z-index:0;
}

/* MAIN IMAGE */

#landing::after{
    content:"";

    position:absolute;

    width:100%;
    height:100%;

    background-image:url("assets/Images/websitebackgroundclosed.png");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;

    z-index:1;
}

/* CONTENT */

.landing-content{
    position:relative;
    z-index:10;
    text-align:center;
}

.landing-content h1{
    font-size:5rem;
    color:orange;

    text-shadow:
        0 0 10px red,
        0 0 20px red,
        0 0 40px red;

    margin-bottom:20px;
}

.landing-content p{
    font-size:1.8rem;
    margin-bottom:30px;

    text-shadow:
        0 0 10px black,
        0 0 20px black;
}

#enterButton{

    background:#990000;

    color:white;

    border:2px solid red;

    padding:15px 40px;

    font-size:1.2rem;
    font-weight:bold;

    cursor:pointer;

    transition:.3s;

    box-shadow:
        0 0 15px red,
        0 0 30px darkred;
}

#enterButton:hover{

    background:red;

    transform:scale(1.05);

    box-shadow:
        0 0 25px red,
        0 0 50px red;
}