fieldset {
    border: 1px solid #7D1B7E;
}

input,
textarea {
    border: 1px solid #7D1B7E;
    transition: border 0.3s ease-in-out;
}


legend {
    text-align: center;
}

input[type="submit"]:hover,
input:focus,
textarea:focus {
    outline: none;
    border: 1px solid #BF5AF2;
}

h1 {
    color: #7D1B7E;
}

.bg {
    position: fixed;
    background: url("images/bg.jpg");
    -webkit-animation: 100s scroll infinite linear;
    -moz-animation: 100s scroll infinite linear;
    -o-animation: 100s scroll infinite linear;
    -ms-animation: 100s scroll infinite linear;
    animation: 100s scroll infinite linear;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@-webkit-keyframes scroll {
    100% {
        background-position: -2000px -2000px;
    }
}

@-moz-keyframes scroll {
    100% {
        background-position: -2000px -2000px;
    }
}

@-o-keyframes scroll {
    100% {
        background-position: -2000px -2000px;
    }
}

@-ms-keyframes scroll {
    100% {
        background-position: -2000px -2000px;
    }
}

@keyframes scroll {
    100% {
        background-position: -2000px -2000px;
    }
}

/* Overlay */
.overlay {
    background-attachment: fixed, fixed;
    background-image: url("images/skulls.png");
    background-position: top left, center center;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 100%;
    left: 0;
    opacity: 0.30;
    position: fixed;
    top: 0;
    width: 100%;
}

/* Mobile */
@media screen and (max-width: 736px) {
    .overlay {
        opacity: 0.25;
    }
}

/* Mobile (Portrait) */
@media screen and (max-width: 480px) {
    .overlay {
        opacity: 0.25;
    }
}