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

body{
    background: #222;
    height: 100vh;
    min-height: 930px;
    position: relative;
}

.card{
    min-width: 850px;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 50px 80px 120px 80px;
    box-shadow: 
    0 0 10vw 0vw #7476ff,
    0 0 2vw 0.4vw #0408fb,
    
    inset 0 0 .5vw 0.2vw #7476ff,
    inset 0 0 0.2vw 0.2vw #3134ff,
    inset 0 0 .25vw 0.2vw #0408fb;
    border-radius: 20px;
}


.card h1{
    font-family: Mali, sans-serif;
    font-size: 70px;
    font-weight: 300;
    color: #f1f1e3;
    text-shadow:  
    .1vw 0vw .25vw #7476ff, 
    .15vw 0vw .25vw #7476ff, 


    .1vw 0vw  .1vw #3134ff, 
    .15vw 0vw  .1vw #3134ff, 
    .4vw 0vw  .1vw #3134ff,

    .1vw 0vw   2vw #3134ff, 
    .15vw 0vw   2vw #3134ff, 
    .4vw 0vw   2vw #3134ff, 

    .1vw 0vw   1vw #0408fb, 
    .15vw 0vw   1vw #0408fb, 
    .4vw 0vw   5vw #0408fb, 

    .1vw 0vw   5vw #0408fb, 
    .15vw 0vw  20vw #0408fb, 
    .4vw 0vw  10vw #0408fb,
    
    .1vw 0vw  10vw #0408fb, 
    .15vw 0vw  30vw #0408fb, 
    .4vw 0vw  10vw #0408fb;

    animation: blink 2s infinite alternate;
}

.card span{
    font-family: Raleway, sans-serif;
    padding-left: 50px;
    font-size: 85px;
    letter-spacing: 5px;
    color: #f1f1cb;
    text-shadow: 
    .1vw 0vw .25vw #ff7474, 
    .125vw 0vw .25vw #ff7474, 

    .1vw 0vw  .1vw #ff3131, 
    .125vw 0vw  .1vw #ff3131, 
    .15vw 0vw  .1vw #ff3131,

    .1vw 0vw   2vw #ff3131, 
    .125vw 0vw   2vw #ff3131, 
    .15vw 0vw   2vw #ff3131, 

    .1vw 0vw   1vw #fb0404, 
    .125vw 0vw   1vw #fb0404, 
    .15vw 0vw   5vw #fb0404, 

    .1vw 0vw   5vw #fb0404, 
    .125vw 0vw  20vw #fb0404, 
    .15vw 0vw  10vw #fb0404;
}

.card img{
    position: absolute;
    width: 250px;
    filter: 
    drop-shadow(0 0.15vw 0.30vw #fffb0e)
    drop-shadow(0 0.15vw 0.30vw #8a8942);
    animation: saxo-blink 2s infinite alternate;  
}



@keyframes blink {
    
    0%, 18%, 22%, 25%, 53%, 57%, 100% {
  
        text-shadow:
        0 0   0.5vw #7476ff,
        0.1vw 0 0.5vw #7476ff,
        0.3vw 0 0.5vw #7476ff,
    
        0 0 1.2vw #3134ff,
        0.1vw 0 1.2vw #3134ff,
        0.3vw 0 1.2vw #3134ff,
    
    
        0 0 3vw #0408fb,
        0.1vw 0 3vw #0408fb,
        0.3vw 0 3vw #0408fb;
    
    }
    
    20%, 24%, 55% {        
        text-shadow: none;
    }    
  }
  
  @keyframes saxo-blink {
    0%, 9%, 15%, 79%, 83%, 100%{
  
        filter: 
        drop-shadow(0 0.15vw 0.30vw #fffb0e)
        drop-shadow(0 0.15vw 0.30vw #8a8942);
    
    }
    
    10%, 14%, 80%, 82% {        
        
        filter: none;
    }  
  }