.custom-cursor {
    cursor: url('images/cursor.png') 25 25, auto;
}

.bebas-neue-regular {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.libre-barcode-128-text-regular {
    font-family: "Libre Barcode 128 Text", system-ui;
    font-weight: 400;
    font-style: normal;
}

.shadows-into-light-regular {
    font-family: "Shadows Into Light", cursive;
    font-weight: 400;
    font-style: normal;
}

.permanent-marker-regular {
    font-family: "Permanent Marker", cursive;
    font-weight: 400;
    font-style: normal;
}

.bangers-regular {
    font-family: "Bangers", system-ui;
    font-weight: 400;
    font-style: normal;
}

.gloria-hallelujah-regular {
    font-family: "Gloria Hallelujah", cursive;
    font-weight: 400;
    font-style: normal;
}

.poiret-one-regular {
    font-family: "Poiret One", sans-serif;
    font-weight: 400;
    font-style: normal;
}



.text {
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 1.5rem;
    font-family: "Poiret One", sans-serif;
    line-height: 0.9;
}

.title {
    color: rgba(255, 255, 255, 0.678);
    background-color: rgba(126, 21, 14, 0);
    -webkit-text-stroke: 1px rgb(75, 24, 24);
    text-align: center;
    text-decoration: underline;
    border-radius: 10rem;
    border: 4px rgba(0, 0, 0, 0) solid;
    z-index: 1;
    font-family: "Bangers", system-ui;
    font-size: 3rem;
    margin: 10vw 0 3vw;
}

.title2{
    text-align: center;
    font-size: 3rem;
    color: rgba(255, 255, 255, 0.678);
    background-color: rgba(126, 21, 14, 0);
    -webkit-text-stroke: 1px rgb(75, 24, 24);
    font-family: "Bangers", system-ui;
    text-decoration: underline;
    margin: 5vh;
    z-index: 1;
    border: 4px rgba(0, 0, 0, 0) solid;
    border-radius: 10rem;
}


#CA,
#textToCopy {
    font-family: "Bebas Neue", sans-serif;
    font-size: 2rem;
    color: rgb(126, 21, 14);
    text-shadow: 10px 10px 25px rgba(97, 80, 80, 0.5);
}

#letter {
    font-size: 1.4rem;
    margin-bottom: 1vw;
    margin-top: 5vw;
}

#sign {
    text-decoration: underline;
    text-align: right;
    color: rgba(211, 69, 69, 0.762)
}


#num1,
#num2,
#num3,
#num4,
#num5,
#num6 {
    position: absolute;
    padding: 10px;

}

.num1,
.num2,
.num3,
.num4,
.num5,
.num6 {-webkit-animation: text-blur-out 5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: text-blur-out 5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    cursor: url('images/cursor.png')25 25, auto;
    
    position: absolute;


}

.K,
.O,
.B,
.N,
.A,
.B {
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
    color: rgb(250, 3, 3);
    border-radius: 5px;
    white-space: nowrap;
    padding: 10px;
    position: absolute;
    top: 100%;
    transform: translate(-50%);
    font-family: "Shadows Into Light", cursive;

}

.B.visible,
.N.visible,
.O.visible,
.K.visible,
.A.visible,
.B.visible {
    display: block;
}


#num5:hover .O{
    display: block;
}


#num1 {
    right:5vw ;
   

}

#num2 {
    right: 10vw;
}


#num3 {
    right: 5vw;
}


#num4 {
    left: 5vw;
}

#num5 {
    left: 30%;
    bottom: 70vh;
}


#num6 {
    position: relative;
    display: inline-block;
   
}
#posi{position: absolute;
right: 5vw;
bottom: 10vw;}