Untitled
unknown
plain_text
2 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...