.launchpad-wrapper{position:relative;display:inline-block;z-index:1}.launchpad,.satellite,.tierahs,.tierahs-link{background-color:transparent;border:none;border-radius:50%;aspect-ratio:1/1;text-align:center;padding:0;margin:0;transition:all 300ms ease-out;display:inline-grid;justify-content:center;align-content:center;cursor:pointer}.launchpad:hover,.satellite:hover,.tierahs:hover,.tierahs-link:hover{background-color:transparent}.launchpad:active,.launchpad.launched:active,.satellite:active,.satellite.launched:active,.tierahs:active,.tierahs.launched:active,.tierahs-link:active,.tierahs-link.launched:active{scale:0.95}.launchpad svg,.satellite svg,.tierahs svg,.tierahs-link svg{width:100%;height:auto}button.satellite,button.tierahs{appearance:none}.satellite{position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:-1;scale:0.5}.satellite.launched{scale:1} :root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(51, 51, 51, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);--primary-dark:rgba(0, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(51, 51, 51, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(51, 51, 51, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1.25rem;--medium-gutter:2rem;--large-gutter:2rem;--site-width:calc(1200rem/16);}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(255, 255, 255, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:var(--site-width)}.radius{border-radius:var(--radius)}body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(18rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} @font-face{font-style:normal;font-family:'Lexend';font-display:swap;font-stretch:normal;font-weight:400;src:local('Lexend'),url('https://dev1.arpent.co.uk/resources/Lexend-Regular.woff2') format('woff2')}@font-face{font-style:normal;font-family:'Lexend';font-display:swap;font-stretch:normal;font-weight:700;src:local('Lexend Bold'),url('https://dev1.arpent.co.uk/resources/Lexend-Bold.woff2') format('woff2')}html,body, p,.p, h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6, blockquote, .menu li, li, form, .button,body{font-family:"Lexend",sans-serif } .pad1{padding-top:2.5rem ;padding-right:1.25rem ;padding-bottom:1.25rem ;padding-left:1.25rem ;} .back1{height:100vh ;} .back2{height:100vh ;} .backm{background-color:rgba(0, 0, 0, 0.50) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.backm{background-attachment:scroll!important}} .back1{background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.back1{background-attachment:scroll!important}} .backteam{background-repeat:no-repeat ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment: fixed ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size: cover ; }@media (hover:none) and (pointer:coarse){.backteam{background-attachment:scroll!important}} .back3{background-color:rgba(119, 26, 232, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.back3{background-attachment:scroll!important}} .past{display:flex;align-items:center;aspect-ratio:1/1;} .backw{background-color:rgba(255, 255, 255, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.backw{background-attachment:scroll!important}} .rond{border-radius:10px ;} .colon{columns:calc(200rem/16) 2;column-gap:calc(24rem/16);column-rule:1px dotted rgba(153, 153, 153, 1.00)} .stacks_in_13_4 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} /* -- EACH CSS Template -- */ /* Edit */ #stacks_in_13_83 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } #stacks_in_13_83 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_13_83_default31_hype_container { } #stacks_in_13_83 .button-stats { } #stacks_in_13_83 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* Link */ #stacks_in_13_83 .wrapper_link { display: none !important; position: absolute; padding: 0; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 2; border-radius: 100px; -webkit-border-radius: 100px; min-height: 100px !important; max-height: 200px !important; width: auto; max-width: 75vw; } #stacks_in_13_83 .back_wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 35vh; min-height: 200px !important; padding: 10px 0 0; } /* padding: 10px FIX auto start above */ /* fixed height setting */ @media (max-width: 800px) { #stacks_in_13_83 .back_wrapper_31 { } } @media (max-width: 600px) { #stacks_in_13_83 .back_wrapper_31 { } } #stacks_in_13_83 .wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 35vh; min-height: 200px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_13_83 .wrapper_31 { } } @media (max-width: 600px) { #stacks_in_13_83 .wrapper_31 { } } /* Hype rot */ #stacks_in_13_83 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; } /* --- 4 Static titles */ .hype-title-static { } .hype-title-scale{ } @keyframes hype-title-scale { 0% {transform: scale(0.8); opacity: 0;} 40% {transform: scale(0.8);} 45% {opacity: 0;} 100% {transform: scale(1); opacity: 1;} } @-webkit-keyframes hype-title-scale { 0% {-webkit-transform: scale(0.8); opacity: 0;} 40% {-webkit-transform: scale(0.8);} 45% {opacity: 0;} 100% {-webkit-transform: scale(1); opacity: 1;} } .hype-title-fade { } @keyframes hype-title-fade { 0% {opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes hype-title-fade { 0% { opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } /* A B */ #stacks_in_13_83 .hype_title_31 { color: #FFFFFF !important; } #stacks_in_13_83 .hype_title_31_b { color: #E6E6E6 !important; } #stacks_in_13_83 .hype_slogan_31 { color: #FFFF0A !important; font-size: 54px !important; font-family: 'Lato', sans-serif !important; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; margin-top: 198px !important; margin-left: 0px !important; display: block !important; letter-spacing: 0px !important; line-height: 70px !important; } /* Titles */ #stacks_in_13_83 .hype_title_31, #stacks_in_13_83 .hype_title_31_b { font-size: 130px !important; text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 125px !important; font-family: 'Raleway', sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; } #stacks_in_13_83 .hype_title_31, #stacks_in_13_83 .hype_title_31_b { } #stacks_in_13_83 .hype_title_31, #stacks_in_13_83 .hype_title_31_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_13_83 .back_wrapper_31 { background-color: transparent !important; } #stacks_in_13_83 .back_wrapper_31::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../files/dots0.png) center center repeat !important; } #stacks_in_13_83 .back_wrapper_31bg::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; } @media (max-width: 768px) { #stacks_in_13_83 .back_wrapper_31::after, #stacks_in_13_83 .back_wrapper_31bg::before { display: none !important; width: 0%; height: 0%; } } #stacks_in_13_83 .back_wrapper_31bg { text-align: center; display: block; position: relative; max-width: 1300vh; height: 35vh; min-height: 200px !important; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_13_83 .back_wrapper_31bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_13_83 .back_wrapper_31bg { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_13_83 .back_wrapper_31bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_13_83 .back_wrapper_31bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_13_83 .back_wrapper_31bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_13_83 .back_wrapper_31bg { } } @media (max-width: 600px) { #stacks_in_13_83 .back_wrapper_31bg { } } #stacks_in_13_83 .hype_title_31, #stacks_in_13_83 .hype_title_31_b { } #stacks_in_13_83 .hype_line_31 { background-color: #CB0001 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_13_83 .hype-glow-31 { display: none !important; } #stacks_in_13_83 .hype-flash-color-31 { background-color: rgba(0, 0, 0, 0.35) !important; width: 50px; height: 50px; margin-bottom: 13px; margin-right: auto; margin-left: auto; text-align: center; backface-visibility: hidden !important; } /* @group Built-in Webfonts */ @font-face { font-family: 'Cordial Regular'; src: url('../files/webfonts31/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_regular_39-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Semi Bold'; src: url('../files/webfonts31/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_semibold_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Medium'; src: url('../files/webfonts31/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'),url('../files/webfonts31/cordial_web/cordial_medium_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Light'; src: url('../files/webfonts31/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_light_59-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Bold'; src: url('../files/webfonts31/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_bold_69-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Inline Bdrounded'; src: url('../files/webfonts31/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Cherry Bdrounded'; src: url('../files/webfonts31/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Light'; src: url('../files/webfonts31/raleway/Raleway_Light.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('../files/webfonts31/raleway/Raleway_Regular.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Bold'; src: url('../files/webfonts31/raleway/Raleway_Bold.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat Light'; src: url('../files/webfonts31/montserrat/Montserrat-Light.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Light.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../files/webfonts31/montserrat/Montserrat-Medium.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Medium.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Montserrat Bold'; src: url('../files/webfonts31/montserrat/Montserrat-Bold.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Bold.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Lato Light'; src: url('../files/webfonts31/lato/Lato-Light.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato'; src: url('../files/webfonts31/lato/Lato-Regular.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Bold'; src: url('../files/webfonts31/lato/Lato-Bold.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Light'; src: url('../files/webfonts31/opensans/OpenSans-Light.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../files/webfonts31/opensans/OpenSans-Medium.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans Bold'; src: url('../files/webfonts31/opensans/OpenSans-Bold.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Signika Light'; src: url('../files/webfonts31/signika/Signika-Light.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Signika'; src: url('../files/webfonts31/signika/Signika-Regular.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Signika Bold'; src: url('../files/webfonts31/signika/Signika-Bold.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Advent Pro Light'; src: url('../files/webfonts31/advent_pro/AdventPro-Light.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Advent Pro'; src: url('../files/webfonts31/advent_pro/AdventPro-Regular.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Advent Pro Bold'; src: url('../files/webfonts31/advent_pro/AdventPro-Bold.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Light'; src: url('../files/webfonts31/roboto/Roboto-Light.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../files/webfonts31/roboto/Roboto-Regular.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Bold'; src: url('../files/webfonts31/roboto/Roboto-Bold.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-Regular.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Playfair Display Bold'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-Bold.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Playfair Display ExtraBold'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-ExtraBold.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rubik Mono One'; src: url('../files/webfonts31/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Abel'; src: url('../files/webfonts31/abel/abel-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/abel/abel-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Condensede'; src: url('../files/webfonts31/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../files/webfonts31/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bree Serif'; src: url('../files/webfonts31/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/breeserif/breeserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Pacifico'; src: url('../files/webfonts31/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/pacifico/pacifico-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rochester'; src: url('../files/webfonts31/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/rochester/rochester-regular-webfont.woff') format('woff') font-weight: normal; font-style: normal; } @font-face { font-family: 'Fjalla One'; src: url('../files/webfonts31/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/fjallaone/fjallaone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Viga'; src: url('../files/webfonts31/viga/viga-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/viga/viga-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ubuntu'; src: url('../files/webfonts31/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../files/webfonts31/ubuntu/ubuntu-r-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Archivo Black'; src: url('../files/webfonts31/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/archivoblack/archivoblack-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Borel'; src: url('../files/webfonts31/borel/Borel-Regular.woff2') format('woff2'), url('../files/webfonts31/borel/Borel-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } /* @end */ #stacks_in_13_83 .trigger-31 { margin-top: 80px !important; opacity: 0 !important;} /* -- End EACH CSS Template -- */#stacks_in_13_83 .scrollButton-hypetitles { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 8%; border-radius: 56px; -webkit-border-radius: 56px; -moz-border-radius: 56px; padding: 0; width: 92px; display: block; -webkit-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;-moz-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 2; animation-delay: 0.15s; } @keyframes hypetitles-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px); } 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } } @-webkit-keyframes hypetitles-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_13_83 .scrollButton-hypetitles a { font-size: 50px !important; line-height: 1em; transition: 0.05s linear; -webkit-transition: 0.04s linear; -moz-transition: 0.04s linear; -webkit-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.3s; color: #D5D5D5 !important; } #stacks_in_13_83 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_13_83 .scrollButton-hypetitles #stacks_in_13_83 [class*="fa fa-"] { color: #D5D5D5 !important; } @keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_13_83 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_13_83 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_13_83 .scrollButton-hypetitles [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } #target-hypetitles { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_13_83 .scrollButton-hypetitles { display: none !important; } #stacks_in_13_83 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } }/* -- EACH CSS Template -- */ /* Edit */ #stacks_in_13_86 .HYPE_document { text-align: center; display: block; width: 100%; height: 100%; margin: auto; padding: 0; min-width: 100%; } #stacks_in_13_86 * { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } #stacks_in_13_86_default31_hype_container { } #stacks_in_13_86 .button-stats { } #stacks_in_13_86 .button-stats:hover, .button-stats:hover { color: #dcdcdc !important; background-color: #262626 !important; } /* Link */ #stacks_in_13_86 .wrapper_link { display: none !important; position: absolute; padding: 0; top: 0; right: 0; left: 0; bottom: 0; margin: auto; z-index: 2; border-radius: 100px; -webkit-border-radius: 100px; min-height: 100px !important; max-height: 200px !important; width: auto; max-width: 75vw; } #stacks_in_13_86 .back_wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300vh; height: 45vh; min-height: 200px !important; padding: 10px 0 0; } /* padding: 10px FIX auto start above */ /* fixed height setting */ @media (max-width: 800px) { #stacks_in_13_86 .back_wrapper_31 { } } @media (max-width: 600px) { #stacks_in_13_86 .back_wrapper_31 { } } #stacks_in_13_86 .wrapper_31 { text-align: center; margin-right: auto; margin-left: auto; display: block; position: relative; max-width: 1300px; height: 45vh; min-height: 200px !important; } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_13_86 .wrapper_31 { } } @media (max-width: 600px) { #stacks_in_13_86 .wrapper_31 { } } /* Hype rot */ #stacks_in_13_86 .flex_elements{ transform: rotate( 0deg ) !important; -webkit-transform: rotate(0deg ) !important; } /* --- 4 Static titles */ .hype-title-static { } .hype-title-scale{ } @keyframes hype-title-scale { 0% {transform: scale(0.8); opacity: 0;} 40% {transform: scale(0.8);} 45% {opacity: 0;} 100% {transform: scale(1); opacity: 1;} } @-webkit-keyframes hype-title-scale { 0% {-webkit-transform: scale(0.8); opacity: 0;} 40% {-webkit-transform: scale(0.8);} 45% {opacity: 0;} 100% {-webkit-transform: scale(1); opacity: 1;} } .hype-title-fade { } @keyframes hype-title-fade { 0% {opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes hype-title-fade { 0% { opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;} } /* A B */ #stacks_in_13_86 .hype_title_31 { color: #FFFFFF !important; } #stacks_in_13_86 .hype_title_31_b { color: #E6E6E6 !important; } #stacks_in_13_86 .hype_slogan_31 { color: #FFFF0A !important; font-size: 54px !important; font-family: 'Lato', sans-serif !important; text-decoration: none; transform: rotate( 0deg ) !important; -webkit-transform: rotate( 0deg ) !important; margin-top: 120px !important; margin-left: 0px !important; display: block !important; letter-spacing: 0px !important; line-height: 70px !important; } /* Titles */ #stacks_in_13_86 .hype_title_31, #stacks_in_13_86 .hype_title_31_b { font-size: 130px !important; text-decoration: None; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 0px !important; line-height: 125px !important; font-family: 'Raleway', sans-serif !important; -webkit-transform: translate3d(0,0,0) !important; } #stacks_in_13_86 .hype_title_31, #stacks_in_13_86 .hype_title_31_b { } #stacks_in_13_86 .hype_title_31, #stacks_in_13_86 .hype_title_31_b { } /* back_wrapper- fix consolidation. stay under text */ #stacks_in_13_86 .back_wrapper_31 { background-color: transparent !important; } #stacks_in_13_86 .back_wrapper_31::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../files/dots0.png) center center repeat !important; } #stacks_in_13_86 .back_wrapper_31bg::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; } @media (max-width: 768px) { #stacks_in_13_86 .back_wrapper_31::after, #stacks_in_13_86 .back_wrapper_31bg::before { display: none !important; width: 0%; height: 0%; } } #stacks_in_13_86 .back_wrapper_31bg { text-align: center; display: block; position: relative; max-width: 1300vh; height: 45vh; min-height: 200px !important; padding: 0; margin: 0; } /* fixed position in desktop only */ @media (max-width: 480px) { #stacks_in_13_86 .back_wrapper_31bg { background-attachment: scroll !important; } } @media (min-width: 481px) and (max-width: 1024px) { #stacks_in_13_86 .back_wrapper_31bg { background-attachment: scroll !important; } } @media (min-width: 1025px) { } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #stacks_in_13_86 .back_wrapper_31bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_13_86 .back_wrapper_31bg { background-attachment: scroll !important; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { #stacks_in_13_86 .back_wrapper_31bg { background-attachment: scroll !important; } } /* fixed height setting */ @media (max-width: 800px) { #stacks_in_13_86 .back_wrapper_31bg { } } @media (max-width: 600px) { #stacks_in_13_86 .back_wrapper_31bg { } } #stacks_in_13_86 .hype_title_31, #stacks_in_13_86 .hype_title_31_b { } #stacks_in_13_86 .hype_line_31 { background-color: #CB0001 !important; display: block !important; margin-top: 0px !important; margin-left: 0px !important; } #stacks_in_13_86 .hype-glow-31 { display: none !important; } #stacks_in_13_86 .hype-flash-color-31 { background-color: rgba(0, 0, 0, 0.35) !important; width: 50px; height: 50px; margin-bottom: 13px; margin-right: auto; margin-left: auto; text-align: center; backface-visibility: hidden !important; } /* @group Built-in Webfonts */ @font-face { font-family: 'Cordial Regular'; src: url('../files/webfonts31/cordial_web/cordial_regular_39-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_regular_39-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Semi Bold'; src: url('../files/webfonts31/cordial_web/cordial_semibold_38-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_semibold_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Medium'; src: url('../files/webfonts31/cordial_web/cordial_medium_38-webfont.woff2') format('woff2'),url('../files/webfonts31/cordial_web/cordial_medium_38-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Light'; src: url('../files/webfonts31/cordial_web/cordial_light_59-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_light_59-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Bold'; src: url('../files/webfonts31/cordial_web/cordial_bold_69-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_bold_69-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Inline Bdrounded'; src: url('../files/webfonts31/cordial_web/cordial_inline_rou_17-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_inline_rou_17-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cordial Cherry Bdrounded'; src: url('../files/webfonts31/cordial_web/cordial_cherry_rou_22-webfont.woff2') format('woff2'), url('../files/webfonts31/cordial_web/cordial_cherry_rou_22-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Light'; src: url('../files/webfonts31/raleway/Raleway_Light.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('../files/webfonts31/raleway/Raleway_Regular.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway Bold'; src: url('../files/webfonts31/raleway/Raleway_Bold.woff2') format('woff2'), url('../files/webfonts31/raleway/Raleway_Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat Light'; src: url('../files/webfonts31/montserrat/Montserrat-Light.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Light.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../files/webfonts31/montserrat/Montserrat-Medium.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Medium.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Montserrat Bold'; src: url('../files/webfonts31/montserrat/Montserrat-Bold.woff2') format('woff2'), url('../files/webfonts31/montserrat/Montserrat-Bold.woff') format('woff'); font-weight: normal !important; font-style: normal; } @font-face { font-family: 'Lato Light'; src: url('../files/webfonts31/lato/Lato-Light.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato'; src: url('../files/webfonts31/lato/Lato-Regular.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato Bold'; src: url('../files/webfonts31/lato/Lato-Bold.woff2') format('woff2'), url('../files/webfonts31/lato/Lato-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Light'; src: url('../files/webfonts31/opensans/OpenSans-Light.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../files/webfonts31/opensans/OpenSans-Medium.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Medium.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans Bold'; src: url('../files/webfonts31/opensans/OpenSans-Bold.woff2') format('woff2'), url('../files/webfonts31/opensans/OpenSans-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Signika Light'; src: url('../files/webfonts31/signika/Signika-Light.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Light.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Signika'; src: url('../files/webfonts31/signika/Signika-Regular.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Signika Bold'; src: url('../files/webfonts31/signika/Signika-Bold.woff2') format('woff2'), url('../files/webfonts31/signika/Signika-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Advent Pro Light'; src: url('../files/webfonts31/advent_pro/AdventPro-Light.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Advent Pro'; src: url('../files/webfonts31/advent_pro/AdventPro-Regular.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Advent Pro Bold'; src: url('../files/webfonts31/advent_pro/AdventPro-Bold.woff2') format('woff2'), url('../files/webfonts31/advent_pro/AdventPro-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Light'; src: url('../files/webfonts31/roboto/Roboto-Light.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Light.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('../files/webfonts31/roboto/Roboto-Regular.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Bold'; src: url('../files/webfonts31/roboto/Roboto-Bold.woff2') format('woff2'), url('../files/webfonts31/roboto/Roboto-Bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Playfair Display'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-Regular.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Playfair Display Bold'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-Bold.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Playfair Display ExtraBold'; src: url('../files/webfonts31/playfairsc/PlayfairDisplay-ExtraBold.woff2') format('woff2'), url('../files/webfonts31/playfairsc/PlayfairDisplay-ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rubik Mono One'; src: url('../files/webfonts31/rubikmonoone/rubikmonoone-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/rubikmonoone/rubikmonoone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Abel'; src: url('../files/webfonts31/abel/abel-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/abel/abel-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Condensede'; src: url('../files/webfonts31/open-sans-condensed/opensans-condlight-webfont.woff2') format('woff2'), url('../files/webfonts31/open-sans-condensed/opensans-condlight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Bree Serif'; src: url('../files/webfonts31/breeserif/breeserif-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/breeserif/breeserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Pacifico'; src: url('../files/webfonts31/pacifico/pacifico-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/pacifico/pacifico-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Rochester'; src: url('../files/webfonts31/rochester/rochester-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/rochester/rochester-regular-webfont.woff') format('woff') font-weight: normal; font-style: normal; } @font-face { font-family: 'Fjalla One'; src: url('../files/webfonts31/fjallaone/fjallaone-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/fjallaone/fjallaone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Viga'; src: url('../files/webfonts31/viga/viga-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/viga/viga-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Ubuntu'; src: url('../files/webfonts31/ubuntu/ubuntu-r-webfont.woff2') format('woff2'), url('../files/webfonts31/ubuntu/ubuntu-r-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Archivo Black'; src: url('../files/webfonts31/archivoblack/archivoblack-regular-webfont.woff2') format('woff2'), url('../files/webfonts31/archivoblack/archivoblack-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Borel'; src: url('../files/webfonts31/borel/Borel-Regular.woff2') format('woff2'), url('../files/webfonts31/borel/Borel-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } /* @end */ #stacks_in_13_86 .trigger-31 { margin-top: 80px !important; opacity: 0 !important;} /* -- End EACH CSS Template -- */#stacks_in_13_86 .scrollButton-hypetitles { display: none !important; position: absolute; left: 0; z-index: 6; margin-right: auto; margin-left: auto; right: 0; bottom: 8%; border-radius: 56px; -webkit-border-radius: 56px; -moz-border-radius: 56px; padding: 0; width: 92px; display: block; -webkit-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;-moz-animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 2; animation-delay: 0.15s; } @keyframes hypetitles-button_pulse { 0%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 30%{ opacity: 0.8; transform: scale(0.9) translate(0px, 4px); -moz-transform: scale(0.9) translate(0px, 4px); -webkit-transform: scale(0.9) translate(0px, 4px); } 75%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } 100%{ opacity: 1; transform: scale(1.0) translate(0px, 0px); -moz-transform: scale(1.0) translate(0px, 0px); -webkit-transform: scale(1.0) translate(0px, 0px); } } @-webkit-keyframes hypetitles-button_pulse { 0%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 30%{-webkit-transform: scale(0.9) translate(0px, 4px); opacity: 0.8;} 75%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} 100%{ -webkit-transform: scale(1.0) translate(0px, 0px); opacity: 1;} } #stacks_in_13_86 .scrollButton-hypetitles a { font-size: 50px !important; line-height: 1em; transition: 0.05s linear; -webkit-transition: 0.04s linear; -moz-transition: 0.04s linear; -webkit-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: hypetitles-button_pulse_initial 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation-iteration-count: 1; animation-delay: 0.3s; color: #D5D5D5 !important; } #stacks_in_13_86 .scrollButton-hypetitles [class^="fa fa-"], #stacks_in_13_86 .scrollButton-hypetitles #stacks_in_13_86 [class*="fa fa-"] { color: #D5D5D5 !important; } @keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0; } 100%{ opacity: 1;} } @-webkit-keyframes hypetitles-button_pulse_initial { 0%{ opacity: 0;} 100%{ opacity: 1;} } #stacks_in_13_86 .scrollButton-hypetitles a:hover { text-shadow: 0 0 7px rgba(0, 0, 0, 0.25); } #stacks_in_13_86 .scrollButton-hypetitles [class^="fa fa-"] { transition: all 0.17s linear; -moz-transition: all 0.17s linear; -webkit-transition: all 0.17s linear; } #stacks_in_13_86 .scrollButton-hypetitles [class^="fa fa-"]:active {transform: scale(0.75) !important; -webkit-transform: scale(0.75) !important; -moz-transform: scale(0.75) !important; } #target-hypetitles { position: absolute; height: 0px; width: 100%; bottom: 0px; } @media only screen and (max-height: 601px) { #stacks_in_13_86 .scrollButton-hypetitles { display: none !important; } #stacks_in_13_86 .scrollButton-hypetitles a { font-size: 0 !important; display: none !important; } }.stacks_in_13_87{} .stacks_in_31_15 .launchpad{font-size:calc(48px / 2);background-color:rgba(254, 254, 254, 1.00);border:2px solid rgba(51, 51, 51, 0.00);box-shadow:0 0 0 rgba(51, 51, 51, 0.30);width:48px;color:rgba(51, 51, 51, 1.00)}.stacks_in_31_15 .launchpad:hover{box-shadow:0 0 20px rgba(51, 51, 51, 0.30)}.stacks_in_31_15 .launchpad svg{max-width:calc(48px / 2)}.stacks_in_31_15 .launchpad svg *{fill:rgba(51, 51, 51, 1.00)}.stacks_in_31_15 .satellite{font-size:calc(32px / 2);background-color:rgba(254, 254, 254, 1.00);border:1px solid rgba(51, 51, 51, 0.00);box-shadow:0 0 0 rgba(51, 51, 51, 0.30);width:32px;transition:all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);color:rgba(51, 51, 51, 1.00);}.stacks_in_31_15 .satellite:hover{box-shadow:0 0 20px rgba(51, 51, 51, 0.30)}.stacks_in_31_15 .satellite svg{max-width:calc(32px / 2);max-height:calc(32px / 2)}.stacks_in_31_15 .satellite svg *{fill:rgba(51, 51, 51, 1.00);} #stacks_in_31_31 .button_icon,#stacks_in_31_31 .button_icon i { margin:0; padding:0; display:inline-block; font-weight:normal; height:32px; line-height:32px; font-size:19px; } #stacks_in_31_31 .button_label { font: 500 16px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; height:2em; line-height:2em; display: inline-block; } #stacks_in_31_31 .button_icon { border-right: 1px solid rgba(0,0,0,0.2); float:left; padding-right:14px; } #stacks_in_31_31 .button_label { border-left: 1px solid rgba(255,255,255, 0.2); float:left; padding: 0px 7px 0px 14px; } #stacks_in_31_31 .sweet_button_wrapper { text-align:center; height:32px; } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_31_31 .sweet_button_wrapper { height:28px; } #stacks_in_31_31 .button_icon,#stacks_in_31_31 .button_icon i { height:28px; line-height:2em; font-size:17px; } #stacks_in_31_31 .button_label { font: 500 14px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; line-height:2em; } } #stacks_in_31_31 .sweet_button { cursor: crosshair; display:inline-block; margin:0; padding:0px 14px; text-decoration:none; text-align:center; color:rgba(255, 255, 255, 1.00); border-style:solid; border-width:0px; border-color:rgba(251, 2, 128, 1.00); border-radius:5px; background:rgba(251, 2, 7, 1.00); } #stacks_in_31_31 .sweet_button:visited { color:rgba(255, 255, 255, 1.00); } #stacks_in_31_31 .sweet_button:hover { border-color:rgba(252, 102, 102, 1.00); } #stacks_in_31_31 .sweet_button:hover { color:rgba(255, 255, 255, 1.00); background: rgba(255, 22, 27, 1.00); } #stacks_in_31_31 .sweet_button:active{ background: rgba(231, 0, 0, 1.00); } #stacks_in_31_31 .sweet_button.clicked { background: rgba(0, 0, 128, 1.00); border-color:rgba(251, 2, 7, 1.00); } #stacks_in_31_31 .sweet_button.clicked:hover { background: rgba(20, 20, 148, 1.00); border-color:rgba(153, 153, 153, 1.00); } #stacks_in_31_31 .sweet_button.clicked:active{ background: rgba(0, 0, 108, 1.00); } #stacks_in_31_31 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }