/* Copyright Praxus (Praxus Group) 2017-2018 */ /** * Body CSS * @desc Praxus body CSS definitions. * * @package PraxusHome * @author YayPaul (Paul West) * @copyright 2017 Praxus (Praxus Group). * @license MIT */ #definition{position:relative;width:100%;overflow:hidden}#definition__headline{padding:3vw 5vw;color:rgb( 255,255,255 );background-color:rgb( 238,46,41 )}#definition__headlineText{padding:2vw 5vw 8vw 5vw;color:rgb( 255,255,255 );background-color:rgb( 238,46,41 )}#definition__sub{padding:3vw 5vw 1vw 5vw;text-transform:uppercase;font-weight:700;color:rgb( 0,0,0 );background-color:rgb( 255,255,255 )}#definition__subText{padding:0.5vw 5vw 6vw 5vw;color:rgb( 0,0,0 );background-color:rgb( 255,255,255 )}#games{width:100%;background-color:rgb( 255,255,255 );overflow:hidden}#games__heading{color:rgb( 33,33,33 );background-color:rgb( 199,200,202 )}.games__list{padding-top:3vw;padding-bottom:3vw;text-align:center;background-color:rgb( 255,255,255 )}.games__listGame{display:inline-block;max-width:30%;padding:5%;vertical-align:middle}.games__listGame--wide{max-width:70%}.games__listGame--ffxiv{margin-top:-0.75vw;margin-bottom:-1vw}.games__play{width:70%;margin-top:30%;margin-bottom:15%}.games__divider{display:inline-block;width:90%;height:0.3vw;margin-bottom:20%;background-color:rgb( 199,200,202 )}.games__text{font-size:1.5vw;line-height:2vw;color:rgb( 147,149,152)}.games__text--number{font-size:5vw;font-weight:bold}.games__text--upper{display:block;text-transform:uppercase;margin-top:4%}.games__text--middle{vertical-align:top}#demographics{width:100%}#demographics__heading{color:rgb( 33,33,33 );background-color:rgb( 199,200,202 )}.demographics__item{padding-top:3vw;padding-bottom:2vw;text-align:center;background-color:rgb( 255,255,255 )}.demographics__icon{height:14vw;margin-top:2vw;margin-bottom:4vw}.demographics__number{display:block;margin-bottom:0.7vw;font-size:5vw;font-weight:700;color:rgb( 33,33,33 )}.demographics__text{font-size:2.2vw;line-height:2.6vw;color:rgb( 33,33,33 )}.demographics__divider{display:inline-block;width:94%;height:0.3vw;background-color:rgb( 199,200,202 )}#demographics__map{position:relative;display:inline-block;width:62%;margin-left:5%;overflow:hidden}#demographics__mapIcon{width:90%;margin:5%;z-index:1}.demographics__mapPin{position:absolute;width:3.6%;z-index:2}.demographics__mapPin--tall1{top:22.5%;left:20.5%}.demographics__mapPin--medium1{top:20%;left:51%}.demographics__mapPin--medium2{top:64%;left:88%}.demographics__mapPin--short1{top:34%;left:13%}.demographics__mapPin--short2{top:27%;left:27.5%}.demographics__mapPin--short3{top:33%;left:45.5%}.demographics__mapPin--short4{top:45%;left:77.5%}.demographics__mapPin--mini1{top:55.5%;left:82.5%}#demographics__mapText{position:relative;display:inline-block;vertical-align:top;width:12vw;margin:8% 10% 0 5%;font-size:2vw;line-height:3vw;color:rgb( 99,100,102 )}#organize{width:100%;padding-bottom:3vw;background-color:rgb( 237,33,42 );overflow:hidden}#organize__heading{color:rgb( 255,255,255 );background-color:rgb( 200,33,42 )}.organize__item{padding-top:1vw;padding-bottom:3vw;text-align:center}.organize__icon{height:9vw;margin-top:4vw;margin-bottom:2vw}.organize__icon--forum{height:7vw;margin-top:5vw;margin-bottom:2.8vw}.organize__text{display:block;font-size:2.2vw;line-height:4vw;color:rgb( 255,255,255 )}.organize__textSub{display:inline-block;width:80%;font-size:1.9vw;line-height:2vw;color:rgb( 255,255,255 )}#foryou{width:100%;background-color:rgb( 33,33,33 );overflow:hidden}#foryou__heading{color:rgb( 255,255,255 );background-color:rgb( 0,0,0 )}#foryou__headline{padding:4vw 5vw 0.2vw;color:rgb( 255,255,255 )}#foryou__headlineText{padding:2vw 5vw 2vw 5vw;color:rgb( 255,255,255 )}.foryou__divider{display:block;width:94%;height:0.3vw;margin:2vw auto;background-color:rgb( 255,255,255 )}.foryou__item{padding-top:2vw;padding-bottom:5vw;text-align:center}.foryou__dividerVertical{position:absolute;display:block;top:0;right:0;width:0.3vw;height:90%;background-color:rgb( 255,255,255 )}.foryou__icon{height:9vw;margin-top:0vw;margin-bottom:2vw}.foryou__text{font-size:1.9vw;line-height:2.2vw;color:rgb( 255,255,255 )}#signup{position:relative;width:100%;height:75vw;background-color:rgb( 0,0,0 );background-image:url('../images/bg__starcitizen.jpg');-webkit-background-size:cover;background-size:cover;background-position:center;overflow:hidden}#signup__head{padding:5vw 5vw 3vw 5vw;text-transform:uppercase;font-weight:700;color:rgb( 255,255,255 )}#signup__list{list-style:outside;list-style-type:decimal}.signup__text{width:46%;margin:0.5vw 5vw 3vw 7vw;color:rgb( 255,255,255 )}.signup__textLink{text-decoration:none;color:rgb( 237,33,42 )}.signup__textLink:hover{text-decoration:underline;color:rgb( 255,255,255 )}.signup__link{display:block;width:30%;padding:3vw 5vw 12vw 5vw;text-transform:uppercase;text-decoration:none;color:rgb( 255,255,255 )}.signup__link:hover{text-decoration:underline}#signup__logo{position:absolute;top:10%;right:15%;width:20vw}.copy__text{text-transform:uppercase;text-align:center;font-size:0.8vw;line-height:1vw}.menu__animateIn{animation: .25s menu__in;animation-fill-mode:forwards}.menu__animateOut{animation: .5s menu__out;animation-fill-mode:forwards}@keyframes menu__in{0%{transform:translateX( -330px )}100%{transform:translateX( -3px )}}@keyframes menu__out{0%{transform:translateX( -3px )}100%{transform:translateX( -330px )}}