*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    overflow:hidden;
    font-family:Arial;
}

/* HORROR MENU */

#menu{

    position:fixed;

    inset:0;

    background:
    radial-gradient(
        circle,
        #300000,
        #000
    );

    display:flex;
    flex-direction:column;

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

    color:red;

}

#menu h1{

    font-size:70px;

    letter-spacing:10px;

    text-shadow:
    0 0 20px red;

}

.warning{

    margin-top:20px;

    animation:
    blink 1s infinite;

}

#startBtn{

    margin-top:40px;

    padding:
    18px 50px;

    background:black;

    border:
    2px solid red;

    color:red;

    cursor:pointer;

    font-size:20px;

    transition:.3s;

}

#startBtn:hover{

    box-shadow:
    0 0 25px red;

}

@keyframes blink{

    50%{
        opacity:.2;
    }

}

/* LOVE */

#loveScreen{

    position:fixed;

    inset:0;

    display:none;

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

    background:
    linear-gradient(
        135deg,
        #ff9acb,
        #ffc8e6
    );

}

.letter{

    width:700px;
    max-width:90%;

    padding:40px;

    background:
    rgba(255,255,255,.7);

    backdrop-filter:
    blur(10px);

    border-radius:20px;

    color:#444;

    text-align:center;

    box-shadow:
    0 0 30px
    rgba(255,255,255,.5);

    opacity:0;

    transform:
    translateY(50px);

}

.showLetter{

    animation:
    showLetter
    2s forwards;

}

@keyframes showLetter{

    to{

        opacity:1;

        transform:
        translateY(0);

    }

}

.letter h1{

    color:#ff4f93;

    margin-bottom:20px;

}

.letter p{

    margin:15px 0;

    line-height:1.8;

}

.letter h3{

    margin-top:25px;

}

.letterWrapper{
    position:relative;
}

.catGif{

    position:absolute;

    width:140px;

    top:-114px;

    left:30px;

    z-index:100;

    pointer-events:none;

}

.catGif2{

    position:absolute;

    width:140px;

    top:-114px;

    right:30px;

    z-index:100;

    pointer-events:none;

}

.catGif3{

    position:absolute;

    width:135px;

    top:-114px;

    left: 275px;

    z-index:100;

    pointer-events:none;

}