@import url('fonts.css');

body {
    background-image: url('../media/pexels-marcel-koehler-10639142.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #303030;
    background-attachment: fixed;
    font-family: Raleway, sans-serif;
}

.single-page-no-scroll {
    overflow: hidden;
}

h1,
.h1 {
    font-family: Fasthand, sans-serif;
    font-size: 72px;
    line-height: 72px;
}

@media screen and (width <=768px) {

    h1,
    .h1 {
        font-size: 50px;
        line-height: 50px;
    }
}

@media screen and (width <=768px) {

    h2,
    .h2 {
        font-size: 1.2rem;
    }
}

h2,
.h2,
h3,
.h3,
h4,
.h4,
p,
a {
    color: #fff !important;
    text-shadow: 0 0 15px #000;
    font-weight: bolder;
}

.neon {
    animation: flicker 1.5s infinite alternate;
    color: #fff;
    text-decoration: none !important;
}

a {
    text-decoration: underline;
    outline: none !important;
}

@media screen and (width >=768px) {
    p {
        font-size: 1.5rem;
    }
}

/* Flickering animation */
@keyframes flicker {

    0%,
    18%,
    22%,
    25%,
    53%,
    57%,
    100% {

        text-shadow:
            0 0 4px #888,
            0 0 11px #888,
            0 0 19px #888,
            0 0 40px #aad,
            0 0 80px #aad,
            0 0 90px #aad,
            0 0 100px #aad,
            0 0 150px #aad;

    }

    20%,
    24%,
    55% {
        text-shadow: none;
    }
}


.section.full-height {
    height: 100vh;
    width: 90vw;
    margin: 0 auto;
}

.custom-align {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}