﻿.panel-backing {
    border-radius: 25px;
    background: #2f2f2f;
    opacity: .85;
    border: none;
    padding: 20px;
}

.panel-backingText {
    color: white;
    opacity: 1;
    background: transparent;
}

.sm-discord {
    background-image: url('https://pixelhorrorstudios.s3-us-west-2.amazonaws.com/Website/Links/discordLogo.png');
}

.sm-nuget {
    background-image: url('https://pixelhorrorstudios.s3-us-west-2.amazonaws.com/Website/Links/nugetLogo.png');
}

.noTurningBack_screenShot {
    max-width: 30%;
    height: 100px;
}

#twitch-embed iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 250px) {
    #twitch-embed > iframe {
        width: 200px;
    }
}

@media (min-width: 300) {
    #twitch-embed > iframe {
        width: 250px;
    }
}

@media (min-width: 350px) {
    #twitch-embed > iframe {
        width: 300px;
    }
}

@media (min-width: 400px) {
    #twitch-embed > iframe {
        width: 350px;
    }
}

@media (min-width: 550px) {
    #twitch-embed > iframe {
        width: 500px;
    }
}

@media (min-width: 800px) {
    #twitch-embed > iframe {
        width: 650px;
    }
}

@media (min-width: 1000px) {
    #twitch-embed > iframe {
        width: 854px;
    }
}

#discord_container {
    width: 100%;
    max-width: 350px;
    height: 500px;
}

.donate_form {
    text-align: center;
    width: 100%;
    padding: 10px 10px 10px 10px;
}

.donate_form_image {
    width: 100%;
    max-width: 440px;
    padding: 10px 20px 10px 20px;
}
.center-content {
    display: flex;
    justify-content: center;
}

a {
    color: #478180 !important;
}

.tos {
    background-color: black;
    height: 100%;
    width: 100%;
    z-index: -10;
    position: fixed;
    opacity: 1;
    display: flex;
}

.tos-background-image {
    height: 100%;
    width: 100%;
    max-height: 500px;
    max-width: 500px;
    position: fixed;
    bottom: -10%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url('https://pixelhorrorstudios.s3.us-west-2.amazonaws.com/Website/Logo1024%20-%20Minified.png');
    left: 50%;
    transform: translate(-50%, 0%);
}

.tos-container {
    border: 1px ridge white;
    background: rgba(15, 15, 15, .8);
    color: white;
    padding: 15px 15px 15px 15px;
}

.tos-container h1,
.tos-container h2,
.tos-container h3,
.tos-container h4,
.tos-container h5,
pre {
    color: white;
}

.tos-container button {
    margin: 5px 0px 5px 0px;
}

.tos-container a {
    color: #c78fe2 !important;
}

#banner2 {
    margin: 0px 0px 0px 0px !important;
    padding: 100px 0px 35px 0px !important;
}

.hover-me1 {
    color: white !important;
}

#home,
#services,
#services h1,
#services h2,
#services h3,
#services h4,
#services h5,
#services .section-subTitle {
    background-color: rgb(20, 20, 20) !important;
    color: white;
}

.fa-home,
.fa-phone,
.fa-envelope {
    background-color: #8f63a4 !important;
    color: white;
}

.social-icon {
    color: #555 !important;
}
