@font-face {
    font-family: "JIJI";
    src: url("BylinerScript.otf");
}

@font-face {
    font-family: "Miruki";
    src: url("BrownCookies.otf");
}

body {
    background-color: black;
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgb(0, 0, 0)), url("badgrid.gif");
    background-repeat: no-repeat, repeat;
    cursor: url("/cursor.png"), auto;
    
}

p {
    font-family: "Miruki", sans-serif;
    color: white;
}

.headersomeshit {
    align-items: center;
    align-self: center;
    align-content: center;
    text-align: center;
    display: block;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    /*perdon no aprendi a programar diseños asi*/
}

.carta {
    background: linear-gradient(180deg, rgb(255, 177, 177) 20%, rgb(245, 179, 236));
    border: 6px dotted;
    border-color:  rgb(255, 255, 255);
    border-radius: 5px;
    display: block;
    width: 600px;
    height: 850px;
    margin-left: auto;
    margin-right: auto;
    h1 {
        font-family: "JIJI", sans-serif;
        color: rgb(71, 0, 0);
        text-align: center;
        text-shadow: 0px 0px 10px rgb(255, 255, 255);
    }
    hr {
        color: rgb(255, 255, 255);
        border: dotted;
    }
    p {
        text-align: center;
        font-size: larger;
        text-shadow: 0px 0px 5px rgb(255, 255, 255);
        color: blueviolet;
    }
    h5 {
        font-family: "Miruki", sans-serif;
        font-size: large;
        text-shadow: 0px 0px 5px rgb(59, 11, 53);
        color: rgb(0, 0, 0);
    }
}

.cartadentro {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    height: auto;
}
.gifsito {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 25%;
    height: auto;
    /*perdon no aprendi a programar diseños asi*/
}

.cancion {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    height: auto;
}