Untitled
unknown
plain_text
3 years ago
16 kB
5
Indexable
@media only screen and (max-width: 1560px) {
.header {
padding:0;
display: flex;
justify-content: center;
margin-top: 30px;
transition: 200ms;
}
.header-logo h1{
display: none;
transition: 200ms;
}
.header-logo img {
display:none;
transition: 200ms;
}
.header-logo .online {
margin-right: 25px;
transition: 200ms;
}
.header-logo .online h1 {
display: flex;
transition: 200ms;
}
}
@media only screen and (max-width: 1000px) {
.header-logo {
display: none;
}
.nav h2 {
font-size: 18px;
margin-right: 5px;
margin-left: 5px;
}
.nav button{
margin-left: 5px;
padding: 15px 10px;
font-size: 18px;
}
}
@media only screen and (max-width: 600px) {
.nav {
display: flex;
flex-direction: column;
}
.nav h2{
margin:0;
}
.nav button {
margin-top: 5px;
}
}
@media only screen and (max-width: 1395px) {
.main {
display: flex;
align-items: center;
justify-content: center;
width: unset;
}
.main .render {
display: none;
}
.main .main-welcome {
width: unset;
}
}
@media only screen and (max-width: 1060px) {
.main .render {
display: none;
}
.main .main-welcome {
width: unset;
}
.main .main-welcome img {
display: none;
}
.main .main-welcome .text h1 {
font-size: 20px;
}
.main .main-welcome .text h2 {
font-size: 16px;
}
.main .main-welcome .text button {
padding: 15px 10px;
font-size: 16px;
}
.main .main-welcome {
width: unset;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
align-self: center;
}
.main .main-welcome .text {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
}
@media only screen and (max-width: 470px) {
.main .main-welcome .text h1 {
font-size: 16px;;
}
}
/* search */
@media only screen and (max-width: 1200px) {
.search-header {
padding: 0;
display: flex;
justify-content: center;
}
.search-header h1{
color: white;
font-size: 40px;
font-weight: 300;
display: flex;
align-items: center ;
text-align: center;
}
.stats {
display: flex;
align-items: center ;
justify-content: center;
flex-direction: column;
padding:0;
min-width: unset;
}
.stats .stats-header {
display: flex;
justify-content: center;
padding:0;
align-content: center;
margin:0;
}
.stats-header h1 {
color: var(--light);
font-weight: 300;
font-size: 40px;
letter-spacing: 10px;
display: flex;
align-items: center;
width: unset;
}
}
@media only screen and (max-width: 480px) {
.search-header h1{
color: white;
font-size: 20px;
font-weight: 300;
display: flex;
align-items: center ;
text-align: center;
letter-spacing: 5px;
}
.search-header h1 span{
color: white;
font-size: 20px;
}
.search-content form {
display: flex;
flex-direction: row;
width: 40%;
justify-content: center;
}
.search-content form input {
width: 40%;
padding: 15px;
margin: 0;
background-color: rgba(0, 0, 0, 0.516);
border: 0;
border-start-start-radius: 10px;
border-end-start-radius: 10px;
font-size: 15px;
font-family: poppins;
color: white;
outline: none;
}
.search-content form button h1 {
font-size: 0px;
}
.search-content form button h1 span{
display: flex !important;
}
.stats-header h1 {
color: var(--light);
font-weight: 300;
font-size: 20px;
letter-spacing: 5px;
display: flex;
align-items: center;
width: unset;
}
.stats-header h1 span{
font-size: 20px;
}
}
/* */
@media only screen and (max-width: 1150px) {
.stats-top-3 {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-top: 5px;
}
.stats-top-3 .top:nth-child(1) {
margin-top: 10px;
}
.stats-top-3 .top:nth-child(3) {
margin-top: 10px;
}
}
@media only screen and (max-width: 1000px) {
.table{
transform: scale(0.7);
margin-top: -20px;
}
.table:hover{
transform: scale(0.71);
}
.stats-buttons button {
transform: scale(0.7);
margin-right: -20px;
margin-left:-20px;
}
.stats-buttons button:hover{
transform: scale(0.71);
}
.btn-cn button {
transform: scale(0.7);
}
.btn-cn button:hover {
transform: scale(0.71);
}
}
@media only screen and (max-width: 500px) {
.table{
transform: scale(0.6);
margin-top: -30px;
}
.table:hover{
transform: scale(0.61);
}
.stats-buttons button {
transform: scale(0.6);
margin-right: -20px;
margin-left:-20px;
}
.stats-buttons button:hover{
transform: scale(0.61);
}
.btn-cn button {
transform: scale(0.6);
}
.btn-cn button:hover {
transform: scale(0.61);
}
}
@media only screen and (max-width: 435px) {
.table{
transform: scale(0.5);
margin-top: -45px;
}
.table:hover{
transform: scale(0.51);
}
.stats-buttons button {
transform: scale(0.55);
margin-right: -35px;
margin-left: -35px;
}
.stats-buttons button:hover{
transform: scale(0.56);
}
.btn-cn button {
transform: scale(0.55);
margin-top: -25px;
}
.btn-cn button:hover {
transform: scale(0.56);
}
}
/* */
@media only screen and (max-width: 1200px) {
.gui {
display: flex;
flex-direction: column;
margin-top: 100px;
min-height: 80vh;
}
.gui-header {
padding: 0px;
display: flex;
justify-content: center;
align-items: center;
}
.gui-header h1 {
color: white;
font-weight: 300;
font-size: 30px;
letter-spacing: 10px;
display: flex;
align-items: center;
}
}
@media only screen and (max-width: 1560px) {
.guis {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.gui-box{
transform: scale(0.7);
}
.gui-text{
margin:0;
}
.gui-text h1 {
color: var(--main);
font-weight: 500;
letter-spacing: 5px;
margin: 0;
text-align: center;
font-size: 16px;
}
.gui-text h2 {
color: white;
font-weight: 500;
letter-spacing: 3px;
font-size: 18px;
text-align: center;
font-size: 12px;
}
}
@media only screen and (max-width: 620px) {
.guis {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.gui-box{
transform: scale(0.50);
margin-top: -50px;
}
.gui-text{
margin:0;
}
.gui-text h1 {
color: var(--main);
font-weight: 500;
letter-spacing: 5px;
margin: 0;
text-align: center;
font-size: 16px;
}
.gui-text h2 {
color: white;
font-weight: 500;
letter-spacing: 3px;
text-align: center;
font-size: 10px;
}
.gui {
display: flex;
flex-direction: column;
margin-top: 100px;
min-height: 80vh;
}
.gui-header {
padding: 0px;
display: flex;
justify-content: center;
align-items: center;
}
.gui-header h1 {
color: white;
font-weight: 300;
font-size: 16px;
letter-spacing: 5px;
display: flex;
align-items: center;
}
.gui-header h1 span {
margin-right: 10px;
font-size: 16px;
}
}
@media only screen and (max-width: 450px) {
.guis {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.gui-box{
transform: scale(0.42);
margin-top: -50px;
}
.gui-text{
margin:0;
}
.gui-text h1 {
color: var(--main);
font-weight: 500;
letter-spacing: 5px;
margin: 0;
text-align: center;
font-size: 12px;
}
.gui-text h2 {
color: white;
font-weight: 500;
letter-spacing: 3px;
text-align: center;
font-size: 8px;
}
.gui {
display: flex;
flex-direction: column;
margin-top: 100px;
min-height: 80vh;
}
.gui-header {
padding: 0px;
display: flex;
justify-content: center;
align-items: center;
}
.gui-header h1 {
color: white;
font-weight: 300;
font-size: 16px;
letter-spacing: 5px;
display: flex;
align-items: center;
}
.gui-header h1 span {
margin-right: 10px;
font-size: 16px;
}
}
/* trailer */
@media only screen and (max-width: 1100px) {
.trailer {
padding: 0;
min-height: 80vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.trailer h1 {
color: white;
font-size: 40px;
font-weight: 300;
letter-spacing: 5px;
display: flex;
align-items: center;
text-align: center;
}
.trailer h1 span{
font-size: 60px;
font-weight: 300;
text-align: center;
}
.trailer-content {
display: flex;
justify-content: center;
flex-direction: column;
margin-top: 50px;
}
.trailer-justify {
display: flex;
flex-direction: column;
}
.trailer-text{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin:0;
}
.trailer-text h2 {
color: var(--main);
font-size: 20px;
font-weight: 500;
letter-spacing: 5px;
margin: 0;
text-align: center;
}
.trailer-text h3 {
color: white;
font-weight: 500;
font-size: 16px;
letter-spacing: 2px;
text-align: center;
}
.youtube-embed iframe{
height: 393px;
width: 700px;
border-radius: 20px;
z-index: 7;
transform: scale(0.8);
}
}
@media only screen and (max-width: 620px) {
.trailer {
padding: 0;
min-height: 80vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.trailer h1 {
color: white;
font-size: 20px;
font-weight: 300;
letter-spacing: 5px;
display: flex;
align-items: center;
text-align: center;
}
.trailer h1 span{
font-size: 20px;
font-weight: 300;
text-align: center;
}
.trailer-content {
display: flex;
justify-content: center;
flex-direction: column;
margin-top: 50px;
}
.trailer-justify {
display: flex;
flex-direction: column;
}
.trailer-text{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin:0;
}
.trailer-text h2 {
color: var(--main);
font-size: 16px;
font-weight: 500;
letter-spacing: 5px;
margin: 0;
text-align: center;
}
.trailer-text h3 {
color: white;
font-weight: 500;
font-size: 12px;
letter-spacing: 2px;
text-align: center;
}
.youtube-embed iframe{
height: 393px;
width: 700px;
border-radius: 20px;
z-index: 7;
transform: scale(0.7);
}
}
@media only screen and (max-width: 510px) {
.trailer {
padding: 0;
min-height: 80vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.trailer h1 {
color: white;
font-size: 20px;
font-weight: 300;
letter-spacing: 5px;
display: flex;
align-items: center;
text-align: center;
}
.trailer h1 span{
font-size: 20px;
font-weight: 300;
text-align: center;
}
.trailer-content {
display: flex;
justify-content: center;
flex-direction: column;
margin-top: 50px;
}
.trailer-justify {
display: flex;
flex-direction: column;
}
.trailer-text{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin:0;
}
.trailer-text h2 {
color: var(--main);
font-size: 14px;
font-weight: 500;
letter-spacing: 5px;
margin: 0;
text-align: center;
}
.trailer-text h3 {
color: white;
font-weight: 500;
font-size: 10px;
letter-spacing: 2px;
text-align: center;
}
.youtube-embed iframe{
height: 393px;
width: 700px;
border-radius: 20px;
z-index: 7;
transform: scale(0.48);
margin-top: -80px;
}
}
@media only screen and (max-width: 1384px) {
.footer-content .footer-lore {
display: none;
}
.footer {
display: flex;
justify-content: center;
align-items: center;
margin-top: 100px;
}
.footer-content .logo img{
width: 250px;
margin-right: 0;
margin-top: 20px;
}
.footer-info {
background-color: rgba(0, 0, 0, 0.425);
height: 80px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
}
.footer-info h1 {
margin: 0;
color: rgb(148, 148, 148);
font-weight: 300;
font-size: 16px;
line-height: 22px;
}
}
@media only screen and (max-width: 430px) {
.footer-info h1 {
margin: 0;
color: rgb(148, 148, 148);
font-weight: 300;
font-size: 12px;
line-height: 15px;
}
}
/* MAIN */Editor is loading...