/* general */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&family=Tilt+Warp&display=swap');

body { font-family: "Sora"; }
h1, h2, h3, h4, h5, h6 { font-family: "Tilt Warp"; }
h1, h2 {text-transform: uppercase;}

.black-bg { background-color: black; color: white; }
.white-bg { background-color: white; color: black; }
.clear-bg { color: white; }

nav { font-size: 120%; font-family: "Tilt Warp"; text-transform: uppercase; }
nav .active { text-transform: uppercase; }

.lazy { background-image: none; }
.image-fit {object-fit:contain;width:100%;height:100%;}

.maxy-200 {max-height:200px;}
.maxy-100 {max-height:100px;}
.maxy-250 {max-height:250px;}
.square-200 {width:200px;height:200px;}

.spacer {margin-top:10em;}
.big-padding {
    padding-top: 5em;
    padding-bottom: 5em;
}

/* shared */
.socials a { color: white; font-size:200%; padding:0.25em; }

.btn-steam:hover {color:white; border-color: rgba(1,1,1,0); background-color: #1b2d42;}
.btn-nintendo:hover {color:white; border-color: rgba(1,1,1,0); background-color: #e60012;}
.btn-xbox:hover {color:white; border-color: rgba(1,1,1,0); background-color: #107c10;}
.btn-playstation:hover {color:white; border-color: rgba(1,1,1,0); background-color: #0070d1;}

/* main */
.main-statement { text-transform: uppercase; font-size: 250%; font-family: "Tilt Warp";}

.highwaytoheal-vid-bg { background-image: url("videos/highwaytoheal-bg.webp"); background-size:cover; }
.pawarumi-vid-bg { background-image: url("images/pawarumi/super.webp"); background-size:cover; }

.games .logo { filter:drop-shadow(0 0 32px rgba(0,0,0,0.75)); }
.games .btn {margin:1px;}

.content { 
    backdrop-filter: blur(20px);
    padding-top:64px;
    color:white;
 }
.main-bg {
    background-image: url("images/background.png");
    background-size: cover;
    background-attachment: fixed;
    background-position-x: 50%;
    background-position-y: 50%;
}

/* about */

.about-header {
    background-image: url("images/about-header.jpg");
    background-size: cover;
    background-repeat: none;
    background-position-y: 50%;
    min-height: 300px;
    display: block;
}

.team .pic {max-width: 200px; border-radius:15px;}
.support img {
    width:150px;
    height:150px;
    object-fit:contain;
    margin:4px;
}
.support span {display:block;}

/* pawarumi pages */
.pawarumi-top-bg{
    background-image:url("images/pawarumi/top-bg.jpg");
    background-size: cover;
    background-repeat: none;
    background-position-x: 50%;
    color:white;
}
.pawarumi-stars {
    padding-top:5em;
    padding-bottom:5em;
    background-image: url("images/pawarumi/stars.jpg");
    color: white;
}
.pawarumi-desc {
    background-color: #812744;
    border-radius:15px;
}
.pawarumi-quote {
    background-color: #280825;
    color:white;
}
.pawarumi-bg-01 {
    background-image: url("images/pawarumi/ice-bg.jpg");
    background-size: cover;
    background-repeat: none;
    background-position-y: 50%;
    background-position-x: 50%;
    background-attachment: fixed;
    height:20em;
}
.pawarumi-bg-02 {
    background-image: url("images/pawarumi/ice-02.jpg");
    background-size: cover;
    background-repeat: none;
    background-position-y: 50%;
    background-position-x: 50%;
    background-attachment: fixed;
    height:20em;
}
.pawarumi-bg-03 {
    background-image: url("images/pawarumi/space.jpg");
    background-size: cover;
    background-repeat: none;
    background-position-y: 50%;
    background-position-x: 50%;
    background-attachment: fixed;
    height:20em;
}
.weapon {text-transform: uppercase;text-align:center;}
.serpent {color: #00d084;}
.condor {color: #8ed1fc;}
.jaguar {color: #ed3f3f;}

.pawarumi-stars img {border-radius:15px;}
.pawarumi-stars p { margin-top:0; margin-bottom:0;}
.pawarumi-stars .role { color: #e61858; }

/* highway to heal page */
.ambulance-desc {
    background-color: #105458;
    border-radius:15px;
}
.ambulance p {
    margin-top:0; margin-bottom:0;
}
.ambulance img {border-radius:15px;}

/* services page */
.services-header {
    background-image: url("images/services.jpg");
    background-size: cover;
    background-repeat: none;
    background-position-y: 50%;
    min-height: 300px;
    display: block;
}

.types {
    text-transform:uppercase;
    font-weight:600;
}
.types i {
    font-size: 250%;
}

.plague-bg {
    background-image: url("images/services/plague-bg.jpg");
    background-size: cover;
    background-repeat: none;
    background-position-y: 50%;
}

.novabox-bg {
    background-image: url("images/services/novabox-bg.jpg");
    background-size: cover;
    background-repeat: none;
    background-position-y: 50%;
}

.tasty-bg {
    background-image: url("images/services/tasty-bg.jpg");
    background-size: cover;
    background-repeat: none;
    background-position-y: 50%;
}

.flightsim-bg {
    background-image: url("images/services/flightsim-bg.jpg");
    background-size: cover;
    background-repeat: none;
    background-position-y: 50%;
}

.alternadom-bg {
    background-image: url("images/services/alternadom-bg.jpg");
    background-size: cover;
    background-repeat: none;
    background-position-y: 50%;
}