File manager

File manager - Edit - /home/infoilmg/malbo.xyz/css/style.css

Back
/************************ Website Designed by CounterMind on Marketing-Rhino.com https://www.marketing-rhino.com/ It is forbidden to re-sell this landing page without Author Permission. ***********************/ /-------------------------------------------------------------- # Basics --------------------------------------------------------------/ body { overflow-x: hidden; } html { overflow-y: scroll; overflow-x: hidden; } ul { list-style: none; } textarea, input, a, button { outline: none; } /-------------------------------------------------------------- # Typography --------------------------------------------------------------/ body { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; color: #fff; } h1, h2, h3, h4, h5, h6 { font-weight: 700; } a { -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } a:hover, a:visited, a:focus, a:active, button:hover, button:visited, button:active, button:focus; { text-decoration: none !important; outline: none !important; } { -webkit-touch-callout: none; /* iOS Safari / -webkit-user-select: none; / Safari / -khtml-user-select: none; / Konqueror HTML / -moz-user-select: none; / Old versions of Firefox / -ms-user-select: none; / Internet Explorer/Edge / user-select: none; / Non-prefixed version, currently supported by Chrome, Opera and Firefox / } /-------------------------------------------------------------- # Animations --------------------------------------------------------------/ .animation-delay-100 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .animation-delay-200 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .animation-delay-300 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .animation-delay-400 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .animation-delay-600 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .animation-delay-800 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .animation-delay-1000 { -webkit-animation-delay: 1s; animation-delay: 1s; } .animation-delay-1200 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .animation-delay-1400 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .animation-delay-1600 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .animation-delay-2000 { -webkit-animation-delay: 2s; animation-delay: 2s; } /-------------------------------------------------------------- # Button --------------------------------------------------------------/ .button-wrapper { margin: 30px 0 0 0; position: relative; } .mkt-btn { display: block; position: relative; width: 308px; height: 78px; line-height: 72px; color: #333 !important; text-transform: uppercase; margin: 0 auto; text-align: center; font-size: 2em; font-weight: 900; cursor: pointer; opacity: 1; filter: alpha(opacity=100); } .mkt-btn:before { content: ''; position: absolute; display: block; height: 100%; left: 0; top: 0; width: 100%; background: url(../img/btn.png); background-size: 100% 100%; background-repeat: no-repeat; } .mkt-btn span { position: relative; z-index: 2; } .mkt-btn:hover, .mkt-btn:visited { color: #fff; } .mkt-btn:active { transform: scale(0.95); } /-------------------------------------------------------------- # Header --------------------------------------------------------------/ header { text-align: center; padding: 90px 0 80px 0; position: relative; z-index: 5; position: relative; width: 100%; } .logo-img { margin: 0 auto 15px auto; display: table; max-width: 700px; } /-------------------------------------------------------------- # Status --------------------------------------------------------------/ .generator-status { position: absolute; width: 100%; left: 0; bottom: -25px; z-index: 50; } .generator-status-content { margin: 0 auto; position: relative; display: table; } .status-item-wrapper:before { background-color: #fff; border: 2px solid #ccc; -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2); content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transform: skew(-20deg); z-index: -1; } .status-item-wrapper { display: inline-block; text-align: center; max-width: 150px; padding: 10px 15px; margin: 0 5px; position: relative; z-index: 5; } .status-label { font-size: 0.75em; font-weight: 300; text-transform: uppercase; display: block; line-height: 1; color: #aaa; margin: 0 0 8px 0; font-weight: 700; } .status-dynamic { font-size: 0.9em; font-weight: 700; display: block; line-height: 0.5; font-weight: 700; color: #333; text-transform: uppercase; } /-------------------------------------------------------------- # Main Wrapper --------------------------------------------------------------/ .main-wrapper { position: relative; z-index: 15; } .main-bg { width: 100%; position: relative; display: block; position: fixed; background: url('../img/bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center top; left: 0; top: 0; height: 100%; width: 100%; } .main-content { padding: 0 0 0 0; } .main-content .container { max-width: 850px; } .generator-wrapper { position: relative; } .generator-header-wrapper { top: -70px; position: absolute; left: 0; width: 100%; } .generator-header { text-align: center; position: relative; padding-top: 15px; margin: 0 auto; padding: 15px 30px 30px 30px; z-index: 60; display: table; max-width: 460px; } .generator-header:before { background-color: #e60012; transform: skew(-20deg); content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; border: 5px solid #fff; -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2); } .generator-header h1 { line-height: 1; color: #fff; font-size: 3em; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 3px 0 #8e000b, -2px -2px 0 #8e000b, 2px -2px 0 #8e000b, -2px 2px 0 #8e000b, 2px 2px 0 #8e000b; margin: 0 auto; } .generator-content { position: relative; margin: 40px auto 40px auto; min-height: 500px; color: #fff; padding: 110px 80px 50px 80px; z-index: 50; border-radius: 40px; } .generator-content:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; opacity: 0.9; top: 0; z-index: -1; border-radius: 40px; background: url('../img/pattern-blue.png'); border: 5px solid #fff; -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2); } .label { font-size: 2.4em; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; text-align: center; margin: 0 0 5px 0; color: #e60012; text-shadow: 0 2px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 0 0 7px #000; } .input-wrapper { position: relative; } .input-wrapper:before { content: ''; position: absolute; background: #073a7a; border-radius: 100px; border: 5px solid #fff; width: 100%; height: 100%; left: 0; z-index: -1; top: 0; } .input-icon { position: absolute; left: 20px; top: 35px; max-width: 55px; } .s-input { width: 100%; height: 120px; border-radius: 100px; color: #fff; background: transparent; border: none; box-shadow: none; font-size: 3em; line-height: 1; padding: 0 0 0 90px; font-weight: 700; outline: none !important; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); } .s-input::-webkit-input-placeholder { color: #fff; } .s-input:-moz-placeholder { color: #fff; opacity: 1; } .s-input::-moz-placeholder { color: #fff; opacity: 1; } .s-input:-ms-input-placeholder { color: #fff; } .platform-select-wrapper { margin: 20px auto 0 auto; } .platform-item { text-align: center; font-size: 1.6em; font-weight: 700; margin: 0 0 10px 0; padding: 15px 5px 10px; cursor: pointer; position: relative; border-radius: 100px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); } .platform-item:before { background: #073a7a; border-radius: 100px; border: 5px solid #fff; content: ''; position: absolute; width: 100%; height: 100%; left: 0; z-index: -1; top: 0; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .platform-item i { font-weight: 400; margin-right: 5px; font-size: 2.2em; display: block; color: #e60012; text-shadow: 0 2px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 0 0 7px #000; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .platform-item.active { cursor: default; } .platform-item.active:before { background: #e60012; color: #fff; } .platform-item.active i { color: #fff; text-shadow: 0 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .small-margin { margin: 0 -10px; } .small-padding { padding: 0 3px; } /-------------------------------------------------------------- # Modal Popup --------------------------------------------------------------/ .master-modal { max-width: 900px; margin: 0 auto; position: relative; color: #fff; } .mfp-bg { opacity: 1; background-image: url(../img/pattern-blue.png); } .modal-content { padding: 0 30px; } .modal-content { text-align: center; } .console-msg-wrapper { position: relative; margin: 25px 0 0 0; } .console-msg { font-size: 3.6em; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; text-align: center; color: #fff; text-shadow: 0 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .console-loadbar { width: 90%; max-width: 640px; padding: 10px 15px; display: block; margin: 30px auto 0 auto; background: #073a7a; border-radius: 100px; border: 5px solid #fff; -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2); } .console-loadbar div { font-size: 30px; text-indent: 9999px; overflow: hidden; background: #e60012; border-radius: 100px; -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2); } /-------------------------------------------------------------- # Connected Player Info --------------------------------------------------------------/ .connected-player-content { position: relative; padding: 15px 30px 20px; background-image: url(../img/pattern-yellow.png); border: 3px solid #fff; -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2); border-radius: 35px; color: #fff; } .connected-player-content .label { font-size: 1.4em; line-height: 1.2; margin-bottom: 10px; color: #000; font-weight: 900; } .connected-player-item { text-transform: uppercase; text-align: center; font-size: 1.2em; font-weight: 700; line-height: 1.2; background: url('../img/pattern-blue.png'); border: 5px solid #fff; -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2); border-radius: 15px; padding: 10px 10px; } .connected-label { color: #e60012; text-shadow: 0 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 0 0 7px #000; letter-spacing: 2px; font-size: 0.8em; } .connected-player-value { text-shadow: 0 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; color: #fff; } .connected-player-value i { margin-right: 7px; text-shadow: 0 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; font-weight: 400; line-height: 1; } /-------------------------------------------------------------- # Resource Select --------------------------------------------------------------/ .resource-select-wrapper { margin-top: 10px; } .resource-select-item { text-align: center; font-weight: 700; margin: 0 0 7px 0; padding: 15px 5px 12px; border-radius: 30px; cursor: pointer; -webkit-transition: -webkit-transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895); transition: -webkit-transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895); transition: transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895); transition: transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895), -webkit-transform 300ms cubic-bezier(0.225, 3, 0.485, 0.895); -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: scale(0.95); -webkit-transform: scale(0.95); } .resource-select-item:before { background-image: url(../img/pattern-dark.png); border: 3px solid #fff; -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2); border-radius: 30px; content: ''; position: absolute; width: 100%; height: 100%; left: 0; z-index: -1; top: 0; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .resource-select-icon { max-width: 100px; margin: 0 auto; } .resource-item-value { font-size: 3em; margin: 0 0 5px 0; line-height: 1; } .resource-item-label { text-transform: uppercase; letter-spacing: 2px; font-size: 0.9em; color: #e60012; text-shadow: 0 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 0 0 7px #000; } .resource-select-item:hover { transform: scale(1); -webkit-transform: scale(1); } .resource-select-item:hover::before { border: 3px solid #e60012; } /-------------------------------------------------------------- # Console --------------------------------------------------------------/ .console-wrapper .console-msg { font-size: 3.6em; } .console-generation-item { text-transform: uppercase; border-radius: 7px; text-align: center; padding: 15px 10px; margin: 0 auto; display: none; max-width: 300px; border-radius: 30px; position: relative; } .console-generation-item:before { background-image: url(../img/pattern-dark.png); border: 3px solid #fff; -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2); border-radius: 30px; content: ''; position: absolute; width: 100%; height: 100%; left: 0; z-index: -1; top: 0; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .console-generation-item img { max-width: 100px; margin: 0 auto 0 auto; } .console-generation-item-value { font-size: 3.4em; color: #fff; font-weight: 900; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4); } .console-generation-item .resource-item-label { color: #e60012; text-shadow: 0 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 0 0 7px #000; letter-spacing: 1px; font-weight: 700; font-size: 1.2em; } .console-generation-item.item-completed:before { background-image: url(../img/pattern-yellow.png); } .console-generation-item.item-completed .console-generation-item-value, .console-generation-item.item-completed .resource-item-label { color: #000; text-shadow: 0 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 0 0 7px #000; } .console-msg-resource { color: #e60012; } .console-msg-completed { color: #f7b01d; } .console-msg-failed { color: #e60012; } .loader-wrapper { text-align: center; } .loader-wrapper span.lnr { color: #e60012; text-shadow: 0 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; display: block; font-size: 8em; text-align: center; } .loader-wrapper span.lnr.console-msg-failed { color: #e60012; text-shadow: 0 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .console-wrapper .console-loadbar { margin-top: 50px; } /-------------------------------------------------------------- # Human Verification --------------------------------------------------------------/ .human-verification-wrapper { position: relative; text-align: center; padding: 40px 50px; max-width: 620px; margin: 0 auto; border-radius: 30px; } .human-verification-wrapper:before { background: #fff; border: 5px solid #ccc; -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2); border-radius: 30px; content: ''; position: absolute; width: 100%; height: 100%; left: 0; z-index: -1; top: 0; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .human-verification-wrapper h3 { font-size: 3.4em; text-transform: uppercase; margin-bottom: 30px; color: #151515; line-height: 1; } .human-verification-wrapper p { color: #aaa; font-size: 1.3em; max-width: 500px; margin: 0 auto 25px auto; display: table; } .verification-player-panel { position: relative; } .verification-user-info .connected-player-item { margin-bottom: 0; } .verification-user-info .connected-player-item-2 { margin-top: 15px; } .verification-user-info .connected-label { letter-spacing: 0; } .verification-user-info .connected-player-value { color: #fff; font-size: 15px; } .verification-user-info .console-generation-item { display: block; padding: 8px 10px 10px 10px; margin-top: 19px; } .verification-user-info .console-generation-item img { max-width: 50px; } .verification-user-info .console-generation-item .resource-item-label { letter-spacing: 0; font-size: 0.7em; margin-top: 4px; } .verification-user-info .console-generation-item .console-generation-item-value { line-height: 0.8; font-size: 1.6em; } .human-verification-wrapper i.fa-spinner { font-size: 2.6em; display: block; text-align: center; margin: 35px auto 20px auto; color: #e60012; } .h-v-time-left-wrapper { color: #aaa; font-size: 1.2em; margin-bottom: 15px; } #human_verification_timer_time { color: #151515; display: block; font-weight: 700; line-height: 1; } a#verification-button{ color: #333 !important; } a#verification-button:hover { color: #333 !important; } /-------------------------------------------------------------- # loader --------------------------------------------------------------/ .loader { color: #e60012; font-size: 90px; text-indent: -9999em; overflow: hidden; width: 1em; height: 1em; border-radius: 50%; margin: 72px auto; position: relative; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease; animation: load6 1.7s infinite ease, round 1.7s infinite ease; } @-webkit-keyframes load6 { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @keyframes load6 { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @-webkit-keyframes round { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes round { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /-------------------------------------------------------------- # Responsive Design --------------------------------------------------------------/ @media screen and (max-width: 1920px) { header { padding: 60px 0 60px 0; } } @media screen and (max-width: 1280px) { header { padding: 40px 0 20px 0; } .logo-img { max-width: 500px; } .generator-header h1 { font-size: 2.4em; } .generator-header-wrapper { top: -48px; } .generator-content { padding-top: 80px; } .label { font-size: 2.4em; } .s-input { height: 90px; font-size: 2.4em; } .input-icon { top: 18px; } .platform-item i { font-size: 1.8em; } } @media screen and (max-width: 993px) { .connected-player-content { padding: 25px 10px; } .connected-player-content .label { font-size: 1.2em; } } @media screen and (max-width: 767px) { .main-content { padding: 0; } .container { padding: 0; } .logo-img { max-width: 400px; } header { padding: 25px 0 25px 0; } .generator-content { margin: 40px auto 40px auto; padding-top: 80px; border-radius: 0; } .generator-content:before { border-right: none; border-left: none; border-radius: 0; } .generator-header-wrapper { top: -50px; } .generator-header h1 span.h-top { display: none; } .generator-header h1 span.h-bottom { font-size: 0.8em; } .generator-header, .generator-content { padding-right: 20px; padding-left: 20px; } .generator-header, .generator-content { border-radius: 0; } .small-margin { margin: 0 -5px; } .small-padding { padding: 0 5px; } .label { font-size: 2.2em; } .resource-item-value { font-size: 2.6em; } .connected-player-content .label { margin-bottom: 10px; } } @media screen and (max-width: 575px) { .platform-item { font-size: 1em; } .console-msg { font-size: 2em; } .loader { font-size: 90px; margin: 70px auto; } } @media screen and (max-width: 475px) { .label { font-size: 1.8em; } } @media screen and (max-width: 440px) { .logo-img { max-width: 300px; } .status-item-wrapper-2 { display: none; } .label { font-size: 1.6em; } .s-input { font-size: 2.2em; height: 90px; } .platform-item { font-size: 1em; padding: 10px 5px 10px; } .generator-header h1 span.h-bottom { font-size: 0.7em; } .generator-content { padding-bottom: 60px; } .resource-item-value { font-size: 2em; } .resource-select-icon { max-width: 70px; } .console-wrapper .console-msg { font-size: 2em; } .human-verification-wrapper { padding: 30px 30px; } .human-verification-wrapper:before { transform: skew(0deg); -webkit-transform: skew(0deg); } .human-verification-wrapper:after { transform: skew(0deg); -webkit-transform: skew(0deg); } .human-verification-wrapper h3 { font-size: 2.8em; } .connected-player-content { padding: 10px 10px; } .connected-player-content .label { display: none; } } @media screen and (max-width: 370px) { .s-input { font-size: 2em; } } @media screen and (max-width: 370px) { .generator-header h1 span.h-bottom { font-size: 0.6em; } .generator-header, .generator-content { padding-right: 15px; padding-left: 15px; } .platform-item { font-size: 1.1em; } .human-verification-wrapper h3 { font-size: 2.8em; margin-bottom: 15px; } } @media screen and (max-width: 360px) { .label { font-size: 1.4em; } .s-input { font-size: 1.8em; } } @media screen and (max-width: 340px) { .status-item-wrapper { padding: 10px 11px; } .verification-user-info .connected-player-value { font-size: 13px; } .mkt-btn { width: 100%; } } @media screen and (max-width: 320px) { .logo-img { max-width: 250px; } header { padding: 20px 0 15px 0; } .generator-header { padding-top: 0; padding-bottom: 23; } .generator-status { bottom: -14px; } .status-item-wrapper { padding: 5px 11px; } .generator-content { padding-top: 45px; min-height: auto; padding-bottom: 40px; } .label { font-size: 1.2em; margin: 0 0 2px 0; } .platform-select-wrapper { margin-top: 10px; } .button-wrapper { margin-top: 12px; } .connected-player-item { font-size: 0.8em; } .resource-select-icon { max-width: 50px; } .resource-item-value { font-size: 1.6em; } .resource-item-label { font-size: 0.8em; } .resource-select-item { padding-top: 5px; } .console-wrapper .console-msg { font-size: 1.6em; } .loader { font-size: 60px; margin: 40px auto; } .human-verification-wrapper { padding: 15px 25px; } .human-verification-wrapper h3 { font-size: 2.2em; } .human-verification-wrapper p { font-size: 1.1em; } .verification-user-info .console-generation-item .resource-item-label { font-size: 0.6em; } .human-verification-wrapper i.fa-spinner { font-size: 2em; margin: 18px auto 10px auto; } } /*********************** Website Designed by CounterMind on Marketing-Rhino.com https://www.marketing-rhino.com/ It is forbidden to re-sell this landing page without Author Permission. ************************/

| ver. 1.4 | Github | . | PHP 8.0.30 | Generation time: 6.5 | proxy | phpinfo | Settings