:root {
  --gold: #ffb338;
  --light-shadow: #77571d;
  --dark-shadow: #3e2904;
}

.Lonowrapper {
    /* background: radial-gradient(#272727, #1b1b1b); */
    display: grid;
    grid-template-areas: 'overlap';
    /* place-content: center; */
    text-transform: uppercase;
    /* height: 100vh; */
}
.Lonowrapper > div {
    background-clip: text;
    -webkit-background-clip: text;
    color: #212121;
    font-family: 'Poppins', sans-serif;
    font-weight: 900;
    font-size: 32px;
    grid-area: overlap;
    letter-spacing: 1px;
    -webkit-text-stroke: 4px transparent;
    text-align: center;
    line-height: 30px;
}
.Lonobg {
    background-image: repeating-linear-gradient( 105deg, 
    #ffb338 0% , 
    var(--dark-shadow) 5%,
    #ffb338 12%);
    color: transparent;
    filter: drop-shadow(5px 8px 9px #0c0c0c);
    transform: scaleY(1.05);
    transform-origin: top;
    opacity: 0;
}
.Lonofg {
    background-image: repeating-linear-gradient( 5deg,  
    #ffb338 0% , 
    #77571d 23%, 
    #ffb338 31%);
    color: #1e2127;
    transform: scale(1);
    opacity: 0.7;
}