body {
    background-color:black;
    margin: 5em;
    background-image: url(images/black-screen.png);
    background-size: 100% 100%, cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}
h1 {
    text-align: center;
}
div h2 {
    text-align: center;
    padding: 1em;
}
p {
    text-align: center;
}
h1, div {
    color: gold;
    font-family: monospace;
    text-transform: uppercase;
    animation: pulsate 2.5s ease-in-out infinite alternate;
}
.contact-name, .phone, .email {
    display: inline-block;
}
    
/*text glow animation*/
@keyframes pulsate {
    100% {
text-shadow: 
    0 0 2px rgb(255, 215, 0),
    0 0 7px rgb(255, 215, 0),
    0 0 15px rgb(255, 215, 0),
    0 0 20px rgb(255, 215, 0);
    }
    0% {
    text-shadow: 
    0 0 0px gold,
    0 0 2px gold,
    0 0 4px gold,
    0 0 6px gold;
    }
}

 @keyframes pulsate-orange {
    100% {
text-shadow: 
    0 0 2px #DE942A,
    0 0 7px #DE942A,
    0 0 15px #DE942A,
    0 0 20px #DE942A;
    }
    0% {
    text-shadow: 
    0 0 0px #DE942A,
    0 0 2px #DE942A,
    0 0 4px #DE942A,
    0 0 6px #DE942A;
    }
}

/*link styles*/
a:link { 
    color: gold;
    font-family: monospace;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
}
a:active { 
    color: gold;
    font-family: monospace;
    text-transform: uppercase;
    text-decoration: none;}
a:hover { 
    color: #DE942A;
    font-family: monospace;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 110%;}
a:visited {
     color: #DE942A;
    font-family: monospace;
    text-transform: uppercase;
    text-decoration: none;}
    
a:link , a:hover , a:visited , a:active {
    animation: pulsate-orange 2.5s ease-in-out infinite alternate;
}