@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

:root {
  --squish-animation-time: 500ms;
  --progress-animation-time: 1000ms; }

html {
  font-size: 62.5%;
  min-width: 26em;
  margin: 0 auto;
  scroll-behavior: smooth; }

body {
  font-family: "Poppins", sans-serif;
  font-family: 'Work Sans', sans-serif;
  min-width: 26em;
  margin: 0 auto;
  scroll-behavior: smooth; }

a {
  text-decoration: none;
  color: #5a5a5a; }

img, i, button {
  cursor: pointer; }

svg {
  cursor: pointer; }

nav {
  padding: 1rem 1.5rem;
  justify-content: space-between;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  background-color: white;
  position: sticky;
  top: 0;
  z-index: 20; }

.flex-div {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .flex-div__nav-right--user-icon {
    width: 3.5rem;
    border-radius: 50%;
    margin-right: 0; }
  .flex-div__nav-right img {
    width: 2.5rem;
    margin-right: 2.5rem; }
  .flex-div__nav-left {
    display: contents; }
    .flex-div__nav-left--menu-icon {
      height: 1.5rem;
      width: auto;
      margin-right: 2.5rem; }
    .flex-div__nav-left--logo {
      width: 11.5rem; }
  .flex-div__nav-middle {
    display: flex;
    align-items: center;
    border: 0.1rem solid white;
    padding: .8rem 1.2rem;
    border-radius: 2.5rem; }
    .flex-div__nav-middle--search-icon {
      width: auto;
      height: 1.5rem;
      margin-left: 1rem;
      margin-right: 1.5rem; }
      .flex-div__nav-middle--search-icon:hover {
        border-bottom: .15rem solid red; }
    .flex-div__nav-middle--mic-icon {
      width: auto;
      height: 1.8rem;
      padding-left: 2rem; }
    .flex-div__nav-middle--search-box {
      border: .1rem solid #ccc;
      padding: .8rem 1.2rem;
      border-radius: 2.5rem; }
    .flex-div__nav-middle input[type="search"] {
      margin-left: 1.5rem;
      outline: none;
      border: 0;
      width: 40rem; }

.sidebar {
  background-color: white;
  width: 14%;
  height: 100vh;
  position: fixed;
  top: 0;
  padding-left: 1rem;
  padding-top: 15rem;
  overflow: scroll;
  font-size: 1.2rem;
  z-index: 10; }
  .sidebar__shortcut-links a {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    width: fit-content;
    flex-wrap: wrap; }
    .sidebar__shortcut-links a:first-child {
      color: red; }
    .sidebar__shortcut-links a:hover {
      color: black; }
    .sidebar__shortcut-links a img {
      width: 2rem;
      margin-right: 2rem; }
  .sidebar hr {
    border: 0;
    height: .1rem;
    background: #ccc;
    width: 85%;
    transition: width ease .8s; }
  .sidebar__subscribed-list h3 {
    font-size: 1.3rem;
    margin: 2rem 0;
    color: #5a5a5a; }
  .sidebar__subscribed-list a {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    width: fit-content;
    flex-wrap: wrap; }
    .sidebar__subscribed-list a img {
      width: 2.5rem;
      border-radius: 50%;
      margin-right: 2rem; }

.small-sidebar {
  width: 5%; }
  .small-sidebar a p {
    display: none; }
  .small-sidebar h3 {
    display: none; }
  .small-sidebar hr {
    width: 50%;
    margin-bottom: 2.5rem;
    transition: width ease .8s; }

@media (max-width: 58.875em) {
  .flex-div__nav-left--menu-icon {
    display: none; }
  .hidden {
    display: none; }
  .sidebar-alterations {
    font-size: .8rem;
    width: 90%; }
    .sidebar-alterations a {
      display: block; }
  .flex-div__nav-right a {
    display: none; }
  .flex-div__nav-right,
  .flex-div__nav-right--user-icon {
    display: block;
    width: 3rem; }
  .flex-div__nav-middle input[type="search"] {
    width: 40rem; }
  .flex-div__nav-middle--mic-icon {
    display: none; }
  .flex-div__nav-left--logo {
    width: 9rem; } }

.top-nav:hover {
  box-shadow: 0 .04rem .08rem red; }

@media (max-width: 41.125em) {
  .flex-div__nav-middle input[type="search"] {
    width: 25rem; } }

@media (max-width: 31.8125em) {
  .flex-div__nav-middle input[type="search"] {
    width: 15rem; } }

@media (max-width: 25.5625em) {
  .flex-div__nav-middle input[type="search"] {
    width: 10rem; } }

@media (max-width: 22.4375em) {
  .flex-div__nav-middle input[type="search"] {
    width: 5rem; } }

@media (max-width: 64em) {
  .sidebar {
    font-size: 1.1rem;
    overflow: scroll; }
    .sidebar:-webkit-scrollbar {
      display: none;
      width: 0; } }

.container {
  background: #f9f9f9;
  padding-right: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 17rem;
  transition: padding-left .2s; }
  .container__banner {
    width: 100%; }
  .container #currentDate-index {
    border: 1px solid black;
    width: 100%;
    margin: 1% 0;
    padding: .5%;
    background-color: #40402c;
    color: white;
    font-size: 1.2rem;
    border-radius: 2px; }

.bg-video__content {
  width: 100%;
  height: 40vh;
  object-fit: cover; }

.large__container {
  transition: padding-left .5s;
  padding-left: 7%; }

.list-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  grid-column-gap: 1.6rem;
  grid-row-gap: 3rem;
  margin-top: 1.5rem;
  padding-left: 15%;
  transition: padding-left .3s; }
  .list-container__vid-list {
    width: 90%; }
    .list-container__vid-list:hover .list-container__vid-list--flex-div--vid-info a {
      color: #0000ff; }
    .list-container__vid-list--thumbnail {
      width: 100%;
      border-radius: .5rem; }
    .list-container__vid-list--flex-div {
      align-items: flex-start;
      margin-top: .7rem; }
      .list-container__vid-list--flex-div img {
        width: 3.5rem;
        margin-right: 1rem;
        border-radius: 50%; }
      .list-container__vid-list--flex-div--vid-info {
        color: #5a5a5a;
        font-size: 1.8rem; }
        .list-container__vid-list--flex-div--vid-info a {
          color: black;
          font-weight: 600;
          display: block;
          margin-bottom: .5rem; }

.large__list-container {
  transition: padding-left .5s;
  padding-left: 7%; }

@media (max-width: 58.875em) {
  .container {
    padding-left: 2rem; }
  .list-container {
    padding: 3%; }
  .list-container__vid-list {
    margin: 8% 0; } }

@media (max-width: 34.125em) {
  .list-container__vid-list {
    width: auto; }
  .list-container__vid-list--flex-div--vid-info {
    font-size: 1.6rem; }
  .list-container__vid-list--flex-div--vid-info {
    font-size: 2rem; } }

@media (max-width: 33.75em) {
  .list-container__vid-list--flex-div {
    margin-left: .5rem; } }

@media (max-width: 29.6875em) {
  .bg-video__content {
    height: 30vh; } }

.play-container__video {
  flex-basis: 69%; }
  .play-container__video video {
    width: 100%; }
  .play-container__video--tags a {
    color: #0000ff;
    font-size: 1.3rem; }
  .play-container__video h3 {
    font-weight: 600;
    font-size: 2.2rem; }
  .play-container__video--info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 1rem;
    font-size: 1.4rem;
    color: #5a5a5a; }
    .play-container__video--info a {
      display: inline-flex;
      align-items: center;
      margin-left: 1.5rem; }
      .play-container__video--info a img {
        width: 2rem;
        margin-right: .8rem; }
  .play-container__video hr {
    border: 0;
    height: .1rem;
    background: #ccc;
    margin: 1rem 0; }

.play-container__publisher {
  display: flex;
  align-items: center;
  margin-top: 2rem; }
  .play-container__publisher div {
    flex-grow: 1;
    line-height: 1.8rem; }
    .play-container__publisher div p {
      color: black;
      font-weight: 600;
      font-size: 1.8rem; }
    .play-container__publisher div span {
      font-size: 1.3rem;
      color: #5a5a5a; }
  .play-container__publisher button {
    background-color: #dd9611;
    color: white;
    padding: .8rem 3rem;
    border: none;
    outline: none;
    border-radius: .4rem;
    cursor: pointer; }
    .play-container__publisher button:hover {
      background-color: red; }
  .play-container__publisher img {
    width: 4rem;
    border-radius: 50%;
    margin-right: 1.5rem; }

.play-container__vid-description {
  padding-left: 5.5rem;
  margin: 1.5rem 0; }
  .play-container__vid-description p {
    font-size: 1.4rem;
    margin-bottom: .5rem;
    color: #5a5a5a; }
  .play-container__vid-description h4 {
    font-size: 1.4rem;
    color: #5a5a5a;
    margin-top: 1.5rem; }

.overflow {
  overflow: hidden; }

.add-comment {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3rem 0;
  padding-left: 1%; }
  .add-comment img {
    width: 3.5rem;
    border-radius: 50%;
    margin-right: 1.5rem; }
  .add-comment input {
    border: none;
    outline: none;
    border-bottom: .1rem solid #ccc;
    width: 50%;
    padding-top: 1rem;
    background: transparent; }

.old-comment {
  display: flex;
  align-items: center;
  margin: 2rem 0; }
  .old-comment img {
    width: 3.5rem;
    border-radius: 50%;
    margin-right: 1.5rem; }
  .old-comment h3 {
    font-size: 1.4rem;
    margin-bottom: .2rem; }
    .old-comment h3 span {
      font-size: 1.2rem;
      color: #5a5a5a;
      font-weight: 500;
      margin-left: .8rem; }
  .old-comment__comment-action {
    display: flex;
    align-items: center;
    margin: .8rem 0;
    font-size: 1.4rem; }
    .old-comment__comment-action img {
      border-radius: 0;
      width: 2rem;
      margin-right: .5rem; }
    .old-comment__comment-action span {
      margin-right: 2rem;
      color: #5a5a5a; }
    .old-comment__comment-action a {
      color: #0000ff; }

.row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.right-sidebar {
  flex-basis: 30%;
  padding-top: 8.5rem; }

.side-video-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: .8rem; }
  .side-video-list:hover .side-video-list__vid-info a {
    color: #0000ff; }
  .side-video-list img {
    width: 100%;
    transition: all .15s; }
    .side-video-list img:hover {
      border-bottom: .1rem solid red;
      transform: scale(0.97);
      box-shadow: 0 .1rem 1rem black; }
  .side-video-list__small-thumbnail {
    flex-basis: 47%; }
  .side-video-list__vid-info {
    flex-basis: 47%; }
    .side-video-list__vid-info a {
      font-size: 1.5rem; }
    .side-video-list__vid-info p {
      font-size: 1.3rem;
      margin-top: .5rem; }

@media (max-width: 56.25em) {
  .play-container {
    padding-left: 5%; }
  .play-container__video {
    flex-basis: 100%; }
  .right-sidebar {
    flex-basis: 100%; }
  .play-container__vid-description {
    padding-left: 0; }
  .play-container__video--info a {
    margin-left: 0;
    margin-right: 1.5rem;
    margin-top: 1.5rem; }
  .side-video-list__vid-info a {
    font-size: 1.8rem; }
  .side-video-list__vid-info p {
    font-size: 1.6rem;
    margin-top: .8rem; } }

@media (max-width: 26.25em) {
  .side-video-list {
    display: block; } }

.explore__thumbnail {
  height: 25rem;
  box-shadow: 0 1rem 2rem #272727;
  transition: all .3s; }
  .explore__thumbnail:hover {
    box-shadow: 0 0.7rem 2rem #524d47; }

.tech-lounge {
  border-radius: 0.3rem;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
  height: 40rem;
  margin-top: 0;
  position: relative;
  background-size: cover;
  transform: scale(1.01);
  transition: all .3s; }
  .tech-lounge .span-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10; }
  .tech-lounge:hover {
    transform: scale(0.98);
    box-shadow: 0 0 20rem 0 black inset; }
  .tech-lounge:hover .tech-lounge__text a {
    color: #ffb700;
    transition: all .4s; }
  .tech-lounge:hover .tech-lounge__text p {
    color: white;
    transition: all .4s; }
  .tech-lounge__img {
    margin-top: 95%; }
  .tech-lounge__text {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.32);
    padding: 5%; }
    .tech-lounge__text a {
      color: white; }
    .tech-lounge__text p {
      color: #ffb700; }
  .tech-lounge--1 {
    background-image: url(img/bg-img-1.jpg); }
  .tech-lounge--2 {
    background-image: url(img/bg-img-2.jpg); }
  .tech-lounge--3 {
    background-image: url(img/bg-img-14.jpg); }
  .tech-lounge--4 {
    background-image: url(img/bg-img-4.jpg); }
  .tech-lounge--5 {
    background-image: url(img/bg-img-5.jpg); }
  .tech-lounge--6 {
    background-image: url(img/bg-img-6.jpg); }
  .tech-lounge--7 {
    background-image: url(img/bg-img-7.jpg); }
  .tech-lounge--8 {
    background-image: url(img/bg-img-13.jpg); }
  .tech-lounge--9 {
    background-image: url(img/bg-img-12.jpg); }

.tech-lounge-info--container {
  width: 100%;
  margin-top: 2%; }
  .tech-lounge-info--container .info-main-nav {
    height: 5vh;
    width: 100%; }
    .tech-lounge-info--container .info-main-nav .info-main-nav--headers {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 4%; }
      .tech-lounge-info--container .info-main-nav .info-main-nav--headers h1 {
        font-size: 2rem;
        background-color: #fcb565;
        color: #fff;
        padding: 0.4rem 1rem;
        border-radius: 0.8rem 0 0.8rem 0; }
      .tech-lounge-info--container .info-main-nav .info-main-nav--headers svg {
        filter: invert(56%) sepia(95%) saturate(927%) hue-rotate(68deg) brightness(110%) contrast(83%); }
  .tech-lounge-info--container .tech-lounge-info--body {
    margin: 3%;
    background-color: white;
    position: relative; }
    .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--1 {
      box-shadow: 1px 1rem 2rem black;
      position: relative; }
      .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--1 img {
        max-height: 25rem;
        width: 100%;
        object-fit: cover; }
      .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--1 .tech-lounge-info-content {
        position: absolute;
        top: 21%;
        padding: 1%;
        background-color: rgba(255, 255, 255, 0.726); }
        .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--1 .tech-lounge-info-content h2 {
          font-size: 4.8rem;
          color: black;
          text-shadow: 1px 1px 0.02px #2b2b2b;
          line-height: 1.2;
          font-weight: 400; }
          .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--1 .tech-lounge-info-content h2 span {
            color: #f3b735;
            font-weight: bold; }
        .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--1 .tech-lounge-info-content p {
          font-size: 1.6rem;
          color: red; }
      .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--1 button {
        border: none;
        background-color: #ffda62;
        padding: 1rem 1.5rem;
        border-radius: 5px;
        position: absolute;
        bottom: 5%;
        right: 5%;
        cursor: pointer;
        transition: all .2s; }
        .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--1 button:hover {
          border: 1px solid #2b2b2b;
          background-color: white; }
    .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
      grid-column-gap: 1.6rem;
      grid-row-gap: 3rem;
      padding: 2%;
      margin: 2.5% 0; }
      .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-content, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-content {
        width: 100%; }
        .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-content h3, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-content h3 {
          font-size: 3.5rem; }
          .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-content h3 span, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-content h3 span {
            color: #ff3c00; }
          .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-content h3 .span-alt, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-content h3 .span-alt {
            color: #fcb565; }
        .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-content p, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-content p {
          padding: 2%;
          font-size: 1.6rem;
          line-height: 2; }
        .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-content .tech-author-details, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-content .tech-author-details {
          display: flex;
          align-items: center;
          padding: 1%; }
          .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-content .tech-author-details img, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-content .tech-author-details img {
            height: 5rem;
            border-radius: 100%; }
          .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-content .tech-author-details p, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-content .tech-author-details p {
            font-weight: bold;
            color: #00a4d6;
            transition: all .5s;
            cursor: pointer; }
            .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-content .tech-author-details p:hover, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-content .tech-author-details p:hover {
              color: #f3b735; }
      .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-visuals-rel, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-visuals-rel {
        position: relative; }
        .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-visuals-rel .tech-article-visuals-abs, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-visuals-rel .tech-article-visuals-abs-2, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-visuals-rel .tech-article-visuals-abs, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-visuals-rel .tech-article-visuals-abs-2 {
          position: relative;
          top: 50%;
          left: 0%;
          transform: translate(0%, -50%); }
          .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-visuals-rel .tech-article-visuals-abs .tech-article-visuals, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-visuals-rel .tech-article-visuals-abs-2 .tech-article-visuals, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-visuals-rel .tech-article-visuals-abs .tech-article-visuals, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-visuals-rel .tech-article-visuals-abs-2 .tech-article-visuals {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 25rem;
            border: 1px solid black;
            border-radius: 3px;
            position: relative; }
            .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-visuals-rel .tech-article-visuals-abs .tech-article-visuals .visual-grad-arrow, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-visuals-rel .tech-article-visuals-abs-2 .tech-article-visuals .visual-grad-arrow, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-visuals-rel .tech-article-visuals-abs .tech-article-visuals .visual-grad-arrow, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-visuals-rel .tech-article-visuals-abs-2 .tech-article-visuals .visual-grad-arrow {
              position: absolute;
              bottom: 0%;
              right: 4%; }
            .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-visuals-rel .tech-article-visuals-abs .tech-article-visuals .tech-article-visuals-inserts, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-visuals-rel .tech-article-visuals-abs-2 .tech-article-visuals .tech-article-visuals-inserts, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-visuals-rel .tech-article-visuals-abs .tech-article-visuals .tech-article-visuals-inserts, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-visuals-rel .tech-article-visuals-abs-2 .tech-article-visuals .tech-article-visuals-inserts {
              display: flex;
              align-items: center;
              justify-content: space-around; }
              .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-visuals-rel .tech-article-visuals-abs .tech-article-visuals .tech-article-visuals-inserts h1, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-visuals-rel .tech-article-visuals-abs-2 .tech-article-visuals .tech-article-visuals-inserts h1, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-visuals-rel .tech-article-visuals-abs .tech-article-visuals .tech-article-visuals-inserts h1, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-visuals-rel .tech-article-visuals-abs-2 .tech-article-visuals .tech-article-visuals-inserts h1 {
                text-align: left;
                font-size: 2.6rem;
                border-bottom: 0.3rem solid aliceblue;
                width: 50%; }
              .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-visuals-rel .tech-article-visuals-abs .tech-article-visuals .tech-article-visuals-inserts .span-link, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-visuals-rel .tech-article-visuals-abs-2 .tech-article-visuals .tech-article-visuals-inserts .span-link, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-visuals-rel .tech-article-visuals-abs .tech-article-visuals .tech-article-visuals-inserts .span-link, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-visuals-rel .tech-article-visuals-abs-2 .tech-article-visuals .tech-article-visuals-inserts .span-link {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                z-index: 10; }
        .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .tech-article-visuals-rel .tech-article-visuals-abs-2, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .tech-article-visuals-rel .tech-article-visuals-abs-2 {
          transform: translate(0); }
      .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .visual-grad, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .visual-grad {
        background-image: linear-gradient(to right, #e42a2a 0%, #ffd050 51%, #ff3c00 100%); }
      .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .visual-grad, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .visual-grad {
        padding: 2%;
        text-align: center;
        transition: 0.5s;
        background-size: 200% auto;
        color: white;
        box-shadow: 0 0 20px #eee;
        filter: blur(0.25px); }
      .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--2 .visual-grad:hover, .tech-lounge-info--container .tech-lounge-info--body .tech-lounge-info--3 .visual-grad:hover {
        background-position: right center;
        /* change the direction of the change here */
        color: #fff;
        text-decoration: none; }
    .tech-lounge-info--container .tech-lounge-info--body .tech-previous {
      padding: 0.5rem 1rem;
      position: absolute;
      bottom: 0%;
      left: 45%;
      border-radius: 5px;
      border: none;
      background-color: #282828;
      color: white;
      cursor: pointer; }
      .tech-lounge-info--container .tech-lounge-info--body .tech-previous:hover {
        background-color: #524d47; }

.tech-lounge-info-div--relative {
  position: relative; }
  .tech-lounge-info-div--relative .article-visit--link {
    position: absolute;
    right: 5%;
    bottom: 25%; }
    .tech-lounge-info-div--relative .article-visit--link p {
      font-size: 1.2rem;
      color: #f3b735;
      transition: all .2s; }
      .tech-lounge-info-div--relative .article-visit--link p:hover {
        color: #00a4d6; }
  .tech-lounge-info-div--relative .article-visit--link_2 {
    position: absolute;
    right: 5%;
    bottom: 10%; }
    .tech-lounge-info-div--relative .article-visit--link_2 p {
      font-size: 1.2rem;
      color: #f3b735;
      transition: all .2s; }
      .tech-lounge-info-div--relative .article-visit--link_2 p:hover {
        color: #00a4d6; }
  .tech-lounge-info-div--relative .article-carousel {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    grid-column-gap: 1.6rem;
    grid-row-gap: 3rem; }
    .tech-lounge-info-div--relative .article-carousel img {
      height: 8rem;
      width: 100%;
      object-fit: cover;
      padding: 0 2%;
      transition: all .2s; }
      .tech-lounge-info-div--relative .article-carousel img:hover {
        transform: scale(0.9); }
    .tech-lounge-info-div--relative .article-carousel p {
      text-align: center;
      font-size: 1.4rem; }

.article-hidden {
  display: none; }

.article-outer-blur {
  filter: blur(0.65px) brightness(0.8);
  pointer-events: none;
  animation: article-blur .5s ease-in-out; }

#red-circle-arrows {
  animation: red-arrow-down 8s ease-in-out infinite; }

#green-circle-arrows {
  animation: green-arrow-up 8s ease-in-out infinite; }

#svg-wave {
  animation: svg-wave 10s ease-in-out infinite; }

#bank-svg {
  animation: bounce 2s ease-in-out infinite; }

#coin {
  transform-origin: center;
  animation: coin-insert 6s ease-in-out infinite; }

#google-icon {
  transform-origin: center;
  animation: google-roll 5s ease-in-out infinite; }

#laptop-icon {
  transform-origin: center;
  animation: laptop-grow 5s ease-in-out infinite; }

@keyframes laptop-grow {
  0% {
    transform: scale(1);
    opacity: 1; }
  85% {
    transform: scale(1);
    opacity: 1; }
  95% {
    transform: scale(1.1);
    opacity: .3; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@keyframes google-roll {
  0% {
    transform: translateX(50rem) rotate(0deg);
    opacity: 0; }
  60% {
    opacity: .3; }
  80% {
    transform: translateX(0px) rotate(360deg);
    opacity: 1; }
  85% {
    transform: scale(1.1); }
  95% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: translateX(10rem) scale(1);
    opacity: 0; } }

@keyframes coin-insert {
  0% {
    transform: scale(1);
    opacity: 1; }
  60% {
    transform: scale(1);
    opacity: 1; }
  70% {
    transform: scale(1.1);
    opacity: 1; }
  100% {
    transform: scale(0.4);
    opacity: 0; } }

@keyframes article-blur {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes red-arrow-down {
  0% {
    transform: translateY(0);
    opacity: 1; }
  25% {
    transform: translateY(0.5rem);
    opacity: 0; }
  50% {
    transform: translateY(0);
    opacity: 1; }
  75% {
    transform: translateY(0.5rem);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

@keyframes green-arrow-up {
  0% {
    transform: translateY(0.5rem);
    opacity: 0; }
  25% {
    transform: translateY(0);
    opacity: 1; }
  50% {
    transform: translateY(0.5rem);
    opacity: 0; }
  75% {
    transform: translateY(0);
    opacity: 1; }
  100% {
    transform: translateY(0.5rem);
    opacity: 0; } }

@keyframes svg-wave {
  0% {
    transform: scale(0.9);
    transform: scaleX(0.99); }
  50% {
    transform: scale(1.2);
    transform: scaleX(1.06); }
  100% {
    transform: scale(0.9);
    transform: scaleX(0.99); } }

.tech-lounge-form {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0; }
  .tech-lounge-form form .tech-form-top {
    position: fixed;
    right: 0%;
    bottom: 2%;
    margin: 4%;
    z-index: 1; }
    .tech-lounge-form form .tech-form-top .tech-form-submit input {
      padding: 0.5rem 1rem;
      border: none;
      border-radius: 10px;
      width: 50%;
      margin: 5%;
      color: white;
      background-image: linear-gradient(to right, #4d4d4d 0%, #ffd23e 51%, #cf2323 100%);
      background-size: 200% auto;
      cursor: pointer;
      transition: all .2s; }
      .tech-lounge-form form .tech-form-top .tech-form-submit input:hover {
        background-position: right center; }
    .tech-lounge-form form .tech-form-top .tech-form-required input {
      border-radius: 25px;
      border: 4px solid #f3b735;
      margin: 3.5% 0;
      outline: none;
      transition: all .2s;
      padding: 2%; }
      .tech-lounge-form form .tech-form-top .tech-form-required input:focus-within {
        border: 4px solid #00a4d6; }
  .tech-lounge-form form .tech-form__message {
    position: fixed;
    right: 0%;
    bottom: 2%; }
    .tech-lounge-form form .tech-form__message button {
      padding: 0.5rem 1rem;
      border: none;
      border-radius: 10px;
      width: 50%;
      margin: 5%;
      color: white;
      background-image: linear-gradient(to right, #4d4d4d 0%, #ffd23e 51%, #cf2323 100%);
      background-size: 200% auto;
      cursor: pointer;
      transition: all .2s; }
      .tech-lounge-form form .tech-form__message button:hover {
        background-position: right center; }
    .tech-lounge-form form .tech-form__message textarea {
      height: 10rem;
      width: 20rem;
      border-radius: 25px 25px 0;
      padding: 2.2%;
      border: 5px solid #f3b735;
      outline: none;
      transition: all .2s; }
      .tech-lounge-form form .tech-form__message textarea:focus-within {
        border: 5px solid #00a4d6; }
    .tech-lounge-form form .tech-form__message ::placeholder {
      text-align: center; }

@media (max-width: 560px) {
  .tech-lounge-info-content h2 {
    font-size: 2.8rem !important; }
  .tech-lounge-info-content p {
    font-size: 1.2rem !important; }
  .tech-lounge-info--1 button {
    padding: .5rem 1rem !important; }
  .tech-lounge-info--1 img {
    max-height: 17rem !important; }
  .tech-author-details p {
    font-size: 1.2rem !important; }
  .tech-article-content .svg-wave {
    height: 180px !important; }
  .tech-article-visuals {
    height: 15rem !important; }
    .tech-article-visuals .tech-article-visuals-inserts h1, .tech-article-visuals .tech-article-visuals-inserts svg {
      height: 7rem !important;
      font-size: 1.4rem !important; }
  .article-visit--link p, .article-visit--link_2 p {
    display: none !important; }
  .article-carousel img {
    height: 6rem !important; }
  .article-carousel p {
    font-size: 1.2rem !important; }
  .tech-form__message textarea {
    height: 8rem !important;
    width: 10rem !important; }
  .tech-form__message button {
    font-size: .7rem !important; }
  .tech-previous {
    font-size: 1rem; } }

@media (max-width: 375px) {
  .tech-lounge-info--body {
    margin-top: 10% !important; }
  .tech-lounge-info--1 button {
    font-size: 1rem !important; }
  .tech-article-visuals {
    height: 12rem !important; }
    .tech-article-visuals .visual-grad-arrow {
      height: 20px !important; }
    .tech-article-visuals .tech-article-visuals-inserts h1, .tech-article-visuals .tech-article-visuals-inserts svg {
      height: 5rem !important;
      font-size: 1.2rem !important; } }

@media (max-width: 320px) {
  .tech-lounge-info-content h2 {
    font-size: 2.3rem !important; }
  .tech-article-visuals .tech-article-visuals-inserts h1 {
    font-size: 1.07rem !important; } }

.ats-tip {
  width: 100%; }

@media (max-width: 34.25em) {
  .hide-text--1, .tech-lounge__img {
    display: none; }
  .hide-text--2 {
    padding: 3%;
    margin-bottom: 12rem;
    font-size: 1.5rem;
    box-shadow: 0 1.5rem 4rem black; }
    .hide-text--2 a {
      color: #ffb700;
      background-color: rgba(200, 182, 182, 0.1);
      border-radius: 5px;
      padding: 1%; }
    .hide-text--2 .lounge-para {
      margin-top: .5rem; } }

@media (min-width: 34.25em) {
  .hide-text--2 {
    display: none; } }

.temp__bg--color div {
  fill: black; }

.gif {
  padding-left: 24%; }

@media (max-width: 56.25em) {
  .gif {
    width: 90vw;
    padding-left: 10%; } }

.btn:link, .btn:visited {
  width: 20rem;
  display: block;
  text-transform: uppercase;
  background-color: white;
  color: white;
  text-decoration: none;
  padding: 1.6rem;
  font-weight: 500;
  background-size: 200%;
  background-image: linear-gradient(120deg, transparent 0%, transparent 50%, white 50%);
  transition: all .4s; }

.btn:active, .btn:hover {
  background-position: 100%;
  color: aliceblue;
  transform: translateX(1rem); }

.contact {
  display: flex;
  padding-left: 11rem;
  padding-right: none; }
  .contact__column {
    background-color: rgba(111, 115, 116, 0.158);
    border-radius: .5rem;
    margin: .8rem 1.2rem;
    font-size: 1.6rem;
    color: black;
    padding: 1.6rem 2rem;
    text-align: left;
    line-height: 2rem; }
    .contact__column--left {
      flex-basis: 27%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .contact__column--left > p {
        margin-top: 2rem; }
    .contact__column--right {
      flex-basis: 57%; }
  .contact__info {
    display: flex;
    margin-top: 2rem;
    align-items: center; }
  .contact__icon-div {
    margin-right: 1.6rem; }
  .contact__icon {
    height: 2.4rem;
    width: 2.4rem;
    fill: black; }
  .contact__detail-div {
    text-align: left; }
  .contact__para {
    font-size: 1.6rem; }
    .contact__para--1 {
      font-weight: 800; }

.form {
  margin-top: 2rem; }
  .form__name-email {
    display: flex;
    justify-content: space-between; }
    .form__name-email input {
      border: .2rem solid black;
      flex-basis: 48%; }
  .form__input, .form__text-area {
    font-size: 1.6rem;
    font-family: inherit;
    padding: .5rem;
    border-radius: 1rem;
    border: .1rem solid grey;
    width: 100%;
    margin-top: 1.6rem; }
    .form__input::placeholder, .form__text-area::placeholder {
      font-size: 1.6rem; }
    .form__input:focus, .form__text-area:focus {
      outline: none; }
  .form__text-area {
    height: 10rem; }
  .form__btn {
    margin-top: 2rem; }
    .form__btn .btn:link, .form__btn .btn:visited {
      background-color: white;
      color: black;
      border-radius: 1rem;
      text-align: center;
      background-size: 250%;
      background-image: linear-gradient(120deg, transparent 0%, transparent 50%, rgba(255, 166, 0, 0.616) 50%);
      transition: all .4s;
      border: .1rem solid black; }
    .form__btn .btn:active, .form__btn .btn:hover {
      color: black; }

#submit-btn {
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 1.6rem; }

@media (max-width: 56.25em) {
  .contact__column--left {
    display: none;
    flex-basis: 0; }
  .contact__column--right {
    flex-basis: 90%; }
  .section-contact .contact {
    padding-left: 10%; }
    .section-contact .contact__column--left h2 {
      font-size: 1rem; }
    .section-contact .contact__column--left p {
      font-size: 1rem; }
    .section-contact .contact__icon {
      height: 1.5rem;
      width: auto; }
  .content__para {
    font-size: 1rem; } }

.retry-search {
  text-align: center;
  padding-top: 25%;
  padding-bottom: 19%; }
  .retry-search h1 {
    font-size: 3.8rem; }
  .retry-search h3 {
    font-size: 1.3rem; }
  .retry-search span {
    color: red; }

.section-thanks {
  height: max-content;
  border-bottom: .2rem solid black;
  text-align: center;
  padding-top: 5rem; }
  .section-thanks .section-thanks-p {
    text-align: left;
    padding-bottom: 5rem;
    font-size: 1.8rem;
    font-weight: 400; }
  .section-thanks .section-div {
    background-color: white;
    margin-bottom: 15rem;
    padding: 2rem; }
    .section-thanks .section-div .checkmark {
      font-size: 12rem;
      text-align: center;
      color: #3fbd3f; }
      .section-thanks .section-div .checkmark::before {
        padding-bottom: 3rem; }
    .section-thanks .section-div .thanks-h1 {
      font-size: 2.4rem; }
    .section-thanks .section-div .thanks-p {
      font-size: 1.6rem; }

/* Main Imports */
.row {
  width: 98.4%;
  padding-left: 2%; }

.body-html {
  background-color: #dde7e9;
  color: aliceblue;
  text-rendering: optimizeLegibility;
  font-size: 62.5%;
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
  scroll-behavior: smooth;
  width: 100%;
  min-width: 220px;
  max-width: 1570px;
  margin: 0 auto; }

/* Header Section */
#top {
  position: relative; }

.main-nav img {
  height: 4.5rem;
  border-radius: 50%;
  border: .2rem solid aliceblue;
  margin-top: 2rem;
  position: fixed;
  right: 2.5%;
  z-index: 10; }

.portfolio-header {
  background-image: url(img/portfolio-bg-img2.jpg);
  height: 100vh;
  background-size: cover;
  background-position: center;
  position: relative; }

.header-box {
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center; }

.header-box-text h1 {
  color: azure;
  font-size: 7.8rem;
  margin-bottom: 1rem;
  font-weight: 400;
  text-shadow: 0.05rem 0.05rem 0.01rem black;
  text-align: left; }
  .header-box-text h1 span {
    font-size: 7rem;
    font-weight: 300; }

.header-box-text h2 {
  color: azure;
  font-size: 2rem;
  margin-top: 10%;
  margin-bottom: 1rem;
  font-weight: 400;
  text-shadow: 0.05rem 0.05rem 0.01rem black;
  text-align: center; }

.text-h2__head {
  position: absolute;
  top: 75%;
  left: 40%; }

.header-text__h3 {
  color: azure;
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: 400;
  text-shadow: 0.05rem 0.05rem 0.01rem black;
  text-align: center; }

.header-box-text p {
  color: azure;
  font-size: 1.4rem;
  margin-bottom: 1rem;
  cursor: pointer;
  text-shadow: 0.05rem 0.05rem 0.4rem black;
  text-align: left;
  padding: 0 3%;
  font-weight: 400; }

.head-photo__div {
  padding: 1%; }
  .head-photo__div .my-photo {
    height: 25em;
    width: 45em;
    border-radius: 15px;
    -webkit-transform: skewX(10deg);
    transform: skewX(35deg) rotate(-5deg);
    box-shadow: -6rem 5rem 2rem dimgrey;
    padding: 2%;
    margin-left: 8rem; }
    .head-photo__div .my-photo:hover {
      -webkit-transform: skewX(0deg);
      transform: skewX(0deg) rotate(0deg);
      box-shadow: 1rem 1rem 2rem dimgrey;
      transition: all .2s ease-in-out;
      padding: 0;
      width: 40em;
      margin-top: 5%; }
  .head-photo__div .photo-hidden {
    height: 30em; }

.down-arrow {
  height: 3rem;
  position: absolute;
  top: 90%;
  left: 50%;
  border-bottom: .2rem solid black;
  animation: bounce 2.5s ease infinite; }

@keyframes bounce {
  0% {
    transform: translateY(0); }
  25% {
    transform: translateY(0.5rem); }
  50% {
    transform: translateY(0); }
  75% {
    transform: translateY(0.5rem); }
  100% {
    transform: translateY(0); } }

/* About Section */
.about-section {
  background-color: black;
  padding-bottom: 2rem;
  display: flex; }

.project-img {
  width: 100%;
  border-radius: 3%;
  margin-top: 12.5%; }

.project-img__para {
  font-size: 1.2rem;
  text-align: center;
  padding-top: 4%; }

.about-box {
  padding: 2%; }

.about-heading {
  margin-top: 5%;
  font-size: 5rem; }

.about-para {
  margin-top: 3%;
  margin-bottom: 3%;
  font-size: 1.6rem;
  line-height: 1.5; }

.social {
  display: inline-block;
  height: 4rem;
  width: auto; }

/* Projects Section */
.gif-flex {
  display: flex;
  width: 100%;
  position: relative;
  background-color: #f8f7f7;
  border-radius: 5%; }

.portfolio-gif {
  width: 100%;
  padding: 10%;
  margin-left: -2rem;
  transform: scale(0.98); }

.portfolio-gif:hover {
  transform: scale(1.01);
  transition: all .2s; }

.mobile-gif {
  height: 58%;
  margin-top: 18%;
  position: absolute;
  right: 10%; }

.project-section {
  background-image: url(img/project-img.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  text-align: center; }

.project-heading-main {
  color: aliceblue;
  font-size: 4.8rem;
  margin-bottom: 4rem;
  margin-top: 12rem; }

.project-box {
  width: 90%;
  margin-left: 1rem;
  margin-bottom: 3rem;
  text-align: center; }

.project-heading {
  font-size: 2rem;
  color: aliceblue;
  margin-bottom: 5rem;
  font-weight: 400;
  text-align: center; }

.portfolio-btn {
  font-size: 2.2rem; }

.portfolio-btn:link,
.portfolio-btn:visited {
  text-decoration: none;
  padding: 1rem 3rem;
  border-radius: 20rem;
  display: inline-block; }

.p-btn-full:link,
.p-btn-full:visited {
  background-color: white;
  color: black;
  display: inline-block; }

.p-btn-full:active,
.p-btn-full:hover {
  background-color: black;
  color: aliceblue; }

.find-out-btn {
  margin-top: 2rem; }

/* Skills Section */
.skills-section {
  text-align: center;
  background-image: linear-gradient(#f69100, black); }

.section-heading {
  font-size: 4rem;
  margin-bottom: 1rem;
  padding-top: 12rem; }

.section-sub-heading {
  margin-bottom: 5rem;
  font-size: 3rem; }

.skill-logo {
  width: auto;
  height: 5.5rem; }

.skill-logo__2 {
  display: inline-block;
  width: auto;
  height: 3rem;
  margin-top: 2%;
  padding: 0 1%;
  transform: scale(0.98); }

.skill-logo__2:hover {
  transform: scale(1.2);
  transition: all .3s; }

.skill-heading__para {
  font-size: 1.6rem; }

.skill-para {
  font-size: 1rem; }

/* Technical Section */
.technical-section {
  background-image: url(img/technical-bg-img-1.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  text-align: center; }

.technical-box {
  padding: 0 2%; }

.technical-heading {
  color: black;
  margin-top: 5%;
  margin-bottom: 5%;
  font-size: 3.2rem; }

.technical-para {
  color: black;
  margin-bottom: 2%;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 400; }

.technical-img {
  width: 50%;
  height: 27rem;
  margin-top: 5%; }

.technical-sub-section {
  text-align: center; }

.technical-sub-section-heading {
  color: black;
  margin-top: 10%;
  margin-bottom: 1%;
  font-size: 4rem; }

.technical-sub-heading {
  color: black;
  margin-bottom: 2%;
  font-size: 3rem; }

.technical-portfolio {
  margin-top: .5rem;
  list-style: none;
  width: 100%;
  display: flex; }

.technical-portfolio li {
  width: 25%;
  float: left; }

.technical-portfolio-image {
  background-color: black;
  overflow: hidden; }

.technical-portfolio-image img {
  width: 100%;
  height: 25rem;
  opacity: .7;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
  transition: opacity 0.25s, -webkit-transform 0.25s;
  transition: transform 0.25s, opacity 0.25s;
  transition: transform 0.25s, opacity 0.25s, -webkit-transform 0.25s; }

.technical-portfolio-image img:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1; }

.technical-sub-para {
  color: aliceblue;
  font-size: 2.1rem; }

.lower-para {
  color: aliceblue;
  margin-top: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 2rem;
  background-image: linear-gradient(rgba(215, 225, 227, 0.77), rgba(0, 0, 0, 0.95));
  font-size: 1.6rem;
  margin-bottom: -10.5rem; }

/* Experiences */
.experience-container {
  width: 100%;
  height: 100vh;
  background-color: #160d01;
  position: relative;
  z-index: 20; }

.experiences, .experiences-alt {
  height: 70%;
  width: 70%;
  background-color: white;
  border: .2rem solid black;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%; }

#technical-experience {
  background-color: #f3f3f3;
  height: 2rem;
  width: 70%;
  margin: 10% 15%; }

.experience-head {
  color: black;
  padding-top: 10%;
  font-size: 1.8rem; }

.experience-para {
  background-color: white;
  width: 100%;
  color: black;
  font-size: 1.4rem;
  padding-top: 3%;
  line-height: 1.3;
  position: absolute;
  left: 0%; }

#close1, #close2, #close3, #close4 {
  height: 1.8rem;
  position: absolute;
  right: 2%;
  top: 2%; }

.hidden1, .hidden2, .hidden3, .hidden4 {
  display: none; }

/* Contact Section */
.contact-section {
  text-align: center;
  background-color: black;
  margin-top: -5rem; }

.contact-heading {
  color: aliceblue;
  margin-bottom: 2rem;
  font-size: 4.8rem;
  font-weight: 300;
  padding-top: 25rem; }

.contact-form {
  text-align: left;
  width: 60%;
  margin: 0 auto;
  font-size: 1.6rem;
  padding: 1rem; }

.resume-form {
  background-color: #160d01;
  padding: 5% 0%;
  display: block;
  width: 80%;
  margin: 11% auto; }

.resume-submit {
  border-bottom: 0.2rem solid #f69000;
  border-right: 0.2rem solid rgba(246, 144, 0, 0.8);
  border-top: 0.2rem solid #776f5d;
  border-left: 0.2rem solid #776f5d;
  cursor: pointer;
  border: none;
  padding: 2%;
  border-radius: 20px; }

/* Footer Section */
footer {
  background-image: linear-gradient(black, #191919);
  padding: 5rem;
  font-size: 1.5rem;
  color: aliceblue; }

footer p {
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 1rem;
  line-height: 1.3; }

@media (min-width: 1570px) {
  .body-html {
    margin: 0 auto;
    background-color: #080501; }
  .main-nav img {
    display: none; } }

@media (min-width: 1281px) {
  .text-h2__head {
    left: 42.5%; } }

@media (min-width: 1023px) {
  .photo-hidden {
    display: none; }
  .header-text__h3 {
    display: none; } }

@media (min-width: 863px) {
  .technical-sub-para {
    font-size: 1.7rem; } }

@media (max-width: 1023px) {
  .header-box {
    display: inline-block; }
  .header-box-text {
    text-align: center; }
    .header-box-text h1 {
      font-weight: 300;
      font-size: 3.8rem;
      text-align: center; }
      .header-box-text h1 span {
        font-size: 3.8rem; }
    .header-box-text p {
      text-align: center;
      padding: 0;
      font-weight: 300; }
  .header-box-text h2 {
    display: none; }
  .head-photo__div {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center; }
    .head-photo__div .my-photo {
      height: 100%;
      width: 8rem;
      border-radius: 15px;
      box-shadow: none;
      -webkit-transform: skewX(0deg);
      transform: skewX(0deg) rotate(0deg);
      margin-left: 0; }
      .head-photo__div .my-photo:hover {
        transition: all .2s ease-in-out;
        padding: 0;
        width: 10rem;
        margin-top: 5%; }
  .span_1_of_2 {
    width: 100%; }
  .project-img {
    margin-top: 1rem; } }

@media (max-width: 863px) {
  .my-photo {
    height: 25em; }
  .technical-portfolio, .lower-para {
    display: inline-block; }
  .technical-portfolio-image img {
    transform: scale(1); }
  .lower-para {
    padding-bottom: 0;
    margin-bottom: 4rem; }
  .contact-heading {
    padding-top: 10rem; } }

@media (max-width: 710px) {
  .project-heading {
    font-size: 1.5rem; }
  .portfolio-btn {
    font-size: 1.4rem; } }

@media (max-width: 675px) {
  .about-box {
    text-align: center; } }

@media (max-width: 480px) {
  .header-text__h3 {
    font-size: 1.5rem; }
  .span_1_of_5 {
    width: 20%; }
  .skill-logo {
    height: 2rem; }
  .experiences {
    width: 90%; }
  .experiences-alt {
    height: 50%; } }

@media (max-width: 428px) {
  .header-box-text h1, .about-heading, .section-heading, .technical-heading,
  .technical-sub-section-heading, .contact-heading {
    font-size: 2.2rem; }
    .header-box-text h1 span, .about-heading span, .section-heading span, .technical-heading span,
    .technical-sub-section-heading span, .contact-heading span {
      font-size: 2.2rem; }
  .header-box-text h2, .skill-heading__para, .technical-sub-heading {
    font-size: 1.3rem; }
  .about-para, .technical-para, footer p {
    font-size: 1.2rem; }
  .technical-sub-para {
    font-size: 1.7rem; }
  .project-img__para {
    font-size: .7rem; }
  .project-heading-main {
    font-size: 2.4rem; }
  .technical-img {
    height: 18rem; }
  .social, .skill-logo__2 {
    height: 2rem; }
  .resume-form {
    width: 100%; } }

@media (max-width: 260px) {
  .main-nav img {
    display: none; }
  .head-photo__div .my-photo {
    width: 6rem; } }

.home-body {
  min-width: 310px; }

.hamburger-hidden {
  display: none; }

.home-nav {
  backdrop-filter: blur(10px);
  z-index: 10; }
  .home-nav .home-nav-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem; }
    .home-nav .home-nav-text .home-nav-text--left {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .home-nav .home-nav-text .home-nav-text--left .main-nav-text {
        font-size: 2rem;
        background-color: #fcb565;
        color: white;
        text-shadow: 1rem 1rem 1rem 2rem black;
        padding: .4rem 1rem;
        border-radius: .8rem 0 .8rem 0; }
      .home-nav .home-nav-text .home-nav-text--left .home-logo {
        height: 2.2rem;
        margin-right: 1rem;
        border-radius: 100%; }
    .home-nav .home-nav-text .main-nav-subtext span {
      background-color: #2e2e29;
      color: white;
      padding: .4rem 1rem;
      border: 0.2rem solid #2e2e29;
      border-radius: .8rem;
      font-size: 1.4rem;
      cursor: pointer;
      transition: all .2s; }
      .home-nav .home-nav-text .main-nav-subtext span:hover {
        background-color: white;
        border: 0.2rem solid #8d8d8c;
        color: #2e2e29; }
  .home-nav .home-nav-icons {
    display: none; }
    .home-nav .home-nav-icons i {
      font-style: normal;
      cursor: pointer; }
    .home-nav .home-nav-icons .home-icon {
      font-size: 2.2rem;
      text-align: center;
      color: #2e2e29; }
      .home-nav .home-nav-icons .home-icon p {
        font-size: 1rem;
        color: #2e2e29; }

.nav-bg-1 {
  background-color: beige; }

.home-section-1 {
  width: 100%;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  background-color: #f0d4ab; }
  .home-section-1 .content-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    overflow: hidden; }
    .home-section-1 .content-flex .home-content-preview .home-helpdesk-preview .home-content-img {
      max-height: 45rem; }
    .home-section-1 .content-flex .home-content-preview .home-helpdesk-preview .home-content--1Png {
      position: absolute;
      right: -16%;
      transform: translate(0%, -16%);
      transform: rotateY(180deg);
      height: 45rem; }
  .home-section-1 .home-content-img--text {
    position: absolute;
    top: 14%;
    left: 2%;
    width: 100%; }
    .home-section-1 .home-content-img--text span {
      font-size: 3rem;
      font-weight: bold;
      font-family: "Poppins", sans-serif;
      color: #2e2e29;
      padding: 0 .5%; }
  .home-section-1 .home-content-img--subtext {
    position: absolute;
    bottom: 20%;
    right: 5%;
    font-size: 1.6rem;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    background-color: #2e2e29;
    padding: 2rem;
    border-radius: 0 15px 15px 15px;
    color: white; }
  .home-section-1 #home-content-1--btn {
    position: absolute;
    bottom: 40%;
    left: 10%;
    border: none;
    border-radius: 10px;
    padding: 1rem 1.5rem;
    background-color: beige;
    cursor: pointer; }
    .home-section-1 #home-content-1--btn:hover {
      background-color: #2e2e29;
      color: white; }
  .home-section-1 .home-hamburger-list {
    background-color: #2e2e29;
    padding: 2rem;
    width: 100%;
    position: absolute;
    box-shadow: 0 20px 5rem #2e2e29; }
    .home-section-1 .home-hamburger-list ul {
      display: flex;
      animation: hamburger-list-fade 2s ease; }
      .home-section-1 .home-hamburger-list ul .home1-li {
        list-style: none;
        color: #2e2e29;
        font-size: 1.5rem;
        text-align: center;
        padding: .5% 0;
        width: 100%;
        background-color: beige;
        margin-right: .6%;
        border-radius: 5px; }

.nav-bg-2 {
  background-color: #ddf7ff; }

.home-section-alt {
  width: 100%;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  background-color: #71c1da; }
  .home-section-alt .content-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    overflow: hidden; }
    .home-section-alt .content-flex .home-content-preview-alt .home-lounge-preview .home-content-img-alt {
      max-height: 40rem; }
    .home-section-alt .content-flex .home-content-preview-alt .home-lounge-preview .home-content--1Png-alt {
      position: absolute;
      left: -19.5%;
      bottom: -12%;
      height: 48rem; }
    .home-section-alt .content-flex .home-content-img--text-alt {
      margin-left: 5%;
      margin-top: -17%; }
      .home-section-alt .content-flex .home-content-img--text-alt span {
        font-size: 2.4rem;
        font-weight: bold;
        font-family: "Poppins", sans-serif;
        color: #2e2e29;
        padding: 0 .5%; }
  .home-section-alt .home-content-img--subtext-alt {
    position: absolute;
    top: 10%;
    left: 10%;
    font-size: 1.6rem;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    background-color: #2e2e29;
    padding: 2rem;
    border-radius: 0 15px 0 15px;
    color: white; }
  .home-section-alt #home-content-2--btn {
    position: absolute;
    bottom: 22%;
    right: 20%;
    border: none;
    border-radius: 5px;
    padding: 1rem 1.5rem;
    background-color: #ddf7ff;
    cursor: pointer; }
    .home-section-alt #home-content-2--btn:hover {
      background-color: #2e2e29;
      color: white; }
  .home-section-alt .home-hamburger-list {
    background-color: #2e2e29;
    padding: 2rem;
    width: 100%;
    position: absolute;
    box-shadow: 0 20px 5rem #2e2e29; }
    .home-section-alt .home-hamburger-list ul {
      display: flex;
      animation: hamburger-list-fade 2s ease; }
      .home-section-alt .home-hamburger-list ul .home2-li {
        list-style: none;
        color: #2e2e29;
        font-size: 1.5rem;
        text-align: center;
        padding: .5% 0;
        width: 100%;
        background-color: #ddf7ff;
        margin-right: .6%;
        border-radius: 5px; }

.nav-bg-3 {
  background-color: #ffeff1; }

.home-section-3 {
  width: 100%;
  min-height: 100vh;
  position: relative;
  background-color: #fdc2cb; }
  .home-section-3 .content-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    overflow: hidden; }
    .home-section-3 .content-flex .home-content-preview-2 .home-resume-preview .home-content-img-2 {
      max-height: 42rem; }
    .home-section-3 .content-flex .home-content-preview-2 .home-resume-preview .home-content--1Png-2 {
      position: absolute;
      bottom: 0%;
      right: -20%;
      height: 43rem; }
    .home-section-3 .content-flex .home-content-img--text-2 {
      text-align: right;
      margin-right: 5%;
      margin-top: -17%; }
      .home-section-3 .content-flex .home-content-img--text-2 span {
        font-size: 2.4rem;
        font-weight: bold;
        font-family: "Poppins", sans-serif;
        color: #2e2e29;
        padding: 0 .5%; }
  .home-section-3 .home-content-img--subtext-2 {
    position: absolute;
    top: 10%;
    right: 8%;
    font-size: 1.6rem;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    background-color: #2e2e29;
    padding: 2rem;
    border-radius: 15px 15px 15px 0;
    color: white; }
  .home-section-3 #home-content-3--btn {
    position: absolute;
    bottom: 22%;
    right: 45%;
    border: none;
    border-radius: 10px;
    padding: 1rem 1.5rem;
    background-color: white;
    cursor: pointer;
    transform: translate(-50%, -50%); }
    .home-section-3 #home-content-3--btn:hover {
      background-color: #2e2e29;
      color: white; }
  .home-section-3 .home-hamburger-list {
    background-color: #2e2e29;
    padding: 2rem;
    width: 100%;
    position: absolute;
    box-shadow: 0 20px 5rem #2e2e29; }
    .home-section-3 .home-hamburger-list ul {
      display: flex;
      animation: hamburger-list-fade 2s ease; }
      .home-section-3 .home-hamburger-list ul .home3-li {
        list-style: none;
        color: #2e2e29;
        font-size: 1.5rem;
        text-align: center;
        padding: .5% 0;
        width: 100%;
        background-color: #ffeff1;
        margin-right: .6%;
        border-radius: 5px; }

#home-down-arrow--text {
  font-size: 1.2rem;
  font-weight: 400;
  position: absolute;
  bottom: 28%;
  left: 49.5%;
  transform: translate(-28%, -50%);
  color: #2e2e29; }

.home-down-arrow {
  height: 3rem;
  position: absolute;
  bottom: 16%;
  left: 50%;
  transform: translate(-21%, -50%);
  border-bottom: 0.2rem solid black;
  animation: bounce 2.5s ease infinite;
  z-index: 2; }

.home-down-arrow-alt {
  height: 2rem;
  position: absolute;
  bottom: 21%;
  right: 3%;
  transform: translate(-21%, -50%);
  border-bottom: 0.2rem solid #2e2e29;
  animation: bounce 2.5s ease infinite;
  z-index: 2;
  opacity: 0; }

.content-arrow {
  z-index: 2;
  position: absolute;
  overflow: hidden;
  bottom: 45%;
  right: 2%; }
  .content-arrow .right-arrow {
    font-size: 8rem;
    color: white;
    cursor: pointer; }
    .content-arrow .right-arrow:hover {
      color: #2e2e29; }

.bi-circle {
  color: white;
  overflow: hidden; }

.circle-1 {
  position: absolute;
  top: 20%;
  left: -2%;
  font-size: 10rem; }

.circle-2 {
  position: absolute;
  top: 78%;
  left: 30%;
  font-size: 15rem; }

.circle-3 {
  position: absolute;
  top: -6%;
  right: 0%;
  font-size: 12rem; }

.alt-section {
  width: 100%;
  min-height: 100vh;
  background-color: #1b1b1b;
  position: relative;
  overflow: hidden;
  z-index: 20; }
  .alt-section .section-2-circle {
    position: absolute;
    width: 100%;
    top: -10%;
    transform-origin: left;
    left: -50%;
    z-index: 2;
    height: 0;
    pointer-events: none; }
  .alt-section .section-alt-circle {
    position: absolute;
    width: 100%;
    top: -10%;
    transform-origin: left;
    left: -50%;
    z-index: 2;
    height: 0;
    pointer-events: none; }
  .alt-section .section-3-circle {
    position: absolute;
    width: 100%;
    top: -10%;
    transform-origin: left;
    left: -50%;
    z-index: 2;
    height: 0;
    pointer-events: none; }
  .alt-section .btn-circle-components {
    position: absolute;
    bottom: 2%;
    right: 1%;
    display: grid; }
    .alt-section .btn-circle-components .section-2-circle-icons {
      animation: techwheel 8.5s infinite linear;
      transform-origin: center;
      transform-box: fill-box;
      overflow: visible;
      margin: 0 auto;
      margin-bottom: -30%; }
      .alt-section .btn-circle-components .section-2-circle-icons .group-1 #headset {
        transition: all .1s; }
        .alt-section .btn-circle-components .section-2-circle-icons .group-1 #headset:hover {
          transform: scale(1.03); }
      .alt-section .btn-circle-components .section-2-circle-icons .group-1 #pc {
        transition: all .1s; }
        .alt-section .btn-circle-components .section-2-circle-icons .group-1 #pc:hover {
          transform: scale(1.03); }
      .alt-section .btn-circle-components .section-2-circle-icons .group-1 #smartphone {
        transition: all .1s; }
        .alt-section .btn-circle-components .section-2-circle-icons .group-1 #smartphone:hover {
          transform: scale(1.03); }
      .alt-section .btn-circle-components .section-2-circle-icons .group-1 #laptop {
        transition: all .1s; }
        .alt-section .btn-circle-components .section-2-circle-icons .group-1 #laptop:hover {
          transform: scale(1.03); }
      .alt-section .btn-circle-components .section-2-circle-icons .group-1 #tablet {
        transition: all .1s; }
        .alt-section .btn-circle-components .section-2-circle-icons .group-1 #tablet:hover {
          transform: scale(1.03); }
      .alt-section .btn-circle-components .section-2-circle-icons .group-1 #smartwatch {
        transition: all .1s; }
        .alt-section .btn-circle-components .section-2-circle-icons .group-1 #smartwatch:hover {
          transform: scale(1.03); }
    .alt-section .btn-circle-components .home-section-2-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 2;
      padding: 1rem 4rem;
      border: none;
      border-radius: 5px;
      color: #2e2e29;
      cursor: pointer;
      font-weight: bold;
      font-family: "Poppins", sans-serif; }
      .alt-section .btn-circle-components .home-section-2-btn h1 {
        margin-left: 2rem; }
    .alt-section .btn-circle-components .btn-grad {
      background-image: linear-gradient(to right, #ff0000 0%, #fdc2cb 51%, #ff9900 100%); }
    .alt-section .btn-circle-components .btn-grad {
      margin: 10px;
      text-align: center;
      text-transform: uppercase;
      transition: 0.5s;
      background-size: 200% auto;
      color: white;
      box-shadow: 0 0 20px #eee;
      border-radius: 10px; }
    .alt-section .btn-circle-components .btn-grad:hover {
      background-position: right center;
      /* change the direction of the change here */ }
    .alt-section .btn-circle-components .svg-shadow {
      filter: drop-shadow(0 0 10px #fdc2cb); }
  .alt-section .section-2-bg-circles .bi-circle-fill {
    position: absolute;
    font-size: 25rem;
    color: white;
    opacity: .08;
    z-index: 1; }
  .alt-section .section-2-bg-circles .circle-1 {
    top: 20%;
    left: -2%;
    font-size: 10rem; }
  .alt-section .section-2-bg-circles .circle-2 {
    top: 75%;
    right: 30%; }
  .alt-section .section-2-bg-circles .circle-3 {
    top: -3%;
    right: -3%;
    font-size: 12rem; }
  .alt-section .section-2-circle-icon-text {
    position: absolute;
    top: 20%;
    left: 5%;
    pointer-events: none; }
    .alt-section .section-2-circle-icon-text h1 {
      color: #ffffff;
      font-size: 3rem;
      font-weight: bold;
      font-family: "Poppins", sans-serif; }
      .alt-section .section-2-circle-icon-text h1 .span-edit {
        font-size: 4.6rem;
        font-weight: 600;
        color: #e5ff00;
        text-transform: uppercase; }

@keyframes techwheel {
  from {
    transform: rotateZ(0deg); }
  to {
    transform: rotateZ(360deg); } }

@keyframes hamburger-list-fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@media screen and (max-width: 1024px) {
  .img-adjust {
    max-height: 42rem !important; }
  .img-adjust-png {
    max-height: 42rem !important; }
  .img-adjust-png-alt {
    left: -13.5% !important;
    bottom: -7% !important;
    max-height: 42rem !important; }
  .main-text-adjust span {
    font-size: 1.8rem !important; }
  .sub-text-adjust {
    font-size: 1.5rem !important;
    top: 0% !important;
    right: 0% !important;
    left: 0% !important;
    border-radius: 5px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important; }
  .home-content-img--subtext {
    bottom: auto !important; }
  .sub-text-adjust-hidden {
    display: none !important; }
  .sub-text-adjust-alt {
    font-size: 1.5rem !important;
    bottom: 20% !important;
    right: 10% !important; }
  #home-content-3--btn, #home-content-2--btn,
  #home-content-1--btn {
    display: none !important; }
  .content-arrow {
    position: absolute;
    overflow: hidden;
    bottom: 14%;
    right: 2%; }
    .content-arrow .right-arrow {
      font-size: 5rem; } }

@media screen and (min-width: 768px) {
  .home-hamburger-svg {
    display: none; } }

@media screen and (max-width: 767px) {
  .img-adjust {
    max-height: 28rem !important; }
  .img-adjust-png {
    max-height: 28rem !important; }
  .img-adjust-png-alt {
    left: -13.5% !important;
    bottom: -7% !important;
    max-height: 28rem !important; }
  .main-text-adjust span {
    font-size: 1.3rem !important; }
  .main-nav-subtext {
    display: none !important; }
  .sub-text-adjust {
    font-size: 1.2rem !important; }
  .sub-text-adjust-alt {
    font-size: 1.2rem !important; }
  .section-2-circle-icon-text h1 {
    font-size: 2.2rem !important; }
    .section-2-circle-icon-text h1 .span-edit {
      font-size: 3rem !important; } }

@media screen and (min-width: 561px) {
  .main-text-adjust-2 {
    display: none !important; }
  .sub-text-adjust {
    display: none; } }

@media screen and (max-width: 560px) {
  .home-hamburger-list ul {
    display: grid !important; }
    .home-hamburger-list ul .home1-li {
      margin-top: 2% !important;
      font-size: 1.7rem !important; }
    .home-hamburger-list ul .home2-li {
      margin-top: 2% !important;
      font-size: 1.7rem !important; }
    .home-hamburger-list ul .home3-li {
      margin-top: 2% !important;
      font-size: 1.7rem !important; }
  .content-flex {
    display: grid !important; }
  .img-adjust {
    max-height: 24rem !important; }
  .img-adjust-png {
    max-height: 24rem !important; }
  .img-adjust-png-alt {
    left: -13.5% !important;
    bottom: -7% !important;
    max-height: 24rem !important; }
  .main-text-adjust-2 {
    position: absolute !important;
    top: 25% !important;
    left: 2% !important; }
    .main-text-adjust-2 span {
      font-size: 1.5rem !important; }
  .main-text-adjust-alt {
    position: absolute !important;
    top: 25% !important;
    left: 2% !important; }
    .main-text-adjust-alt span {
      font-size: 1.5rem !important; }
  .main-text-adjust {
    display: none !important; }
  .btn-circle-components {
    transform: scale(0.6) !important;
    bottom: 0% !important;
    right: -10% !important; }
  .section-2-circle-icon-text h1 {
    font-size: 2rem !important; }
    .section-2-circle-icon-text h1 .span-edit {
      font-size: 2.3rem !important; } }

@media screen and (max-width: 380px) {
  .section-2-circle-icon-text h1 {
    font-size: 1.8rem !important; }
    .section-2-circle-icon-text h1 .span-edit {
      font-size: 2.1rem !important; } }

@media screen and (max-width: 320px) {
  .img-adjust {
    max-height: 20rem !important; }
  .img-adjust-png {
    max-height: 20rem !important; }
  .img-adjust-png-alt {
    left: -13.5% !important;
    bottom: -7% !important;
    max-height: 20rem !important; }
  .section-2-circle-icon-text h1 {
    font-size: 1.4rem !important; }
    .section-2-circle-icon-text h1 .span-edit {
      font-size: 1.7rem !important; }
  .btn-circle-components {
    bottom: -10% !important; } }

/* Game Lounge Style start */
.game-lounge-body {
  max-width: 1440px; }

.game-lounge-body, .game-lounge-body--landing-page {
  background: #0f0c29;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);
  background: linear-gradient(to right, #24243e, #302b63, #0f0c29);
  overscroll-behavior: contain;
  scrollbar-color: #C33764 #0f0c2900;
  scrollbar-width: thin !important; }
  .game-lounge-body::-webkit-scrollbar, .game-lounge-body--landing-page::-webkit-scrollbar {
    width: 1vw; }
  .game-lounge-body::-webkit-scrollbar-thumb, .game-lounge-body--landing-page::-webkit-scrollbar-thumb {
    background-color: #c3376383;
    border-radius: 10px; }
    .game-lounge-body::-webkit-scrollbar-thumb:hover, .game-lounge-body--landing-page::-webkit-scrollbar-thumb:hover {
      background-color: #C33764; }
  .game-lounge-body::-webkit-scrollbar-track, .game-lounge-body--landing-page::-webkit-scrollbar-track {
    background-color: #0f0c29; }
  @media (max-width: 960px) {
    .game-lounge-body, .game-lounge-body--landing-page {
      -ms-overflow-style: none;
      scrollbar-width: none; }
      .game-lounge-body::-webkit-scrollbar, .game-lounge-body--landing-page::-webkit-scrollbar {
        display: none; } }
  .game-lounge-body .game-lounge-body-container, .game-lounge-body--landing-page .game-lounge-body-container {
    position: relative;
    /* LANDING PAGE SCSS */ }
    .game-lounge-body .game-lounge-body-container .game-lounge-landing--main, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main {
      position: relative;
      min-width: 320px;
      /*LANDING PAGE END*/ }
      .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        overflow: hidden;
        /* Watch Page scss start*/
        /*Watch Page scss end*/ }
        .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image #landing-page-bg, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page #landing-page-bg, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page #landing-page-bg, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image #landing-page-bg, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page #landing-page-bg, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page #landing-page-bg {
          filter: brightness(0.25) blur(0.5px) saturate(120%);
          box-shadow: 2rem 2rem black inset;
          height: 100vh;
          object-fit: cover;
          width: 100%;
          pointer-events: none;
          animation: gamelounge-home-img ease 25s infinite; }
        .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image #watch-page-bg, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page #watch-page-bg, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page #watch-page-bg, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image #watch-page-bg, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page #watch-page-bg, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page #watch-page-bg {
          height: 100vh;
          object-fit: cover;
          width: 100%;
          pointer-events: none;
          filter: brightness(0.9); }
        .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-right-ad, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-right-ad, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-right-ad, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-right-ad, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-right-ad, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-right-ad {
          position: absolute;
          top: 0%;
          right: 0%;
          width: 25%;
          height: 100%; }
          @media (max-width: 768px) {
            .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-right-ad, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-right-ad, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-right-ad, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-right-ad, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-right-ad, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-right-ad {
              display: none; } }
        .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container {
          position: absolute;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          width: 70%;
          height: 100vh; }
          .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container #space-fill, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container #space-fill, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container #space-fill, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container #space-fill, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container #space-fill, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container #space-fill {
            height: 15rem; }
          .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box {
            position: relative;
            display: flex;
            flex-direction: column;
            background: #3f0b09;
            background: linear-gradient(90deg, rgba(119, 16, 13, 0.438) 0%, rgba(245, 11, 11, 0.6) 42%, rgba(214, 34, 24, 0.611) 72%);
            padding: 4% 10%;
            border-radius: 25px;
            box-shadow: 0.5rem 0.5rem 6rem 2rem black; }
            .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .gl-logo, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .gl-logo, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .gl-logo, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .gl-logo, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .gl-logo, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .gl-logo {
              display: flex;
              justify-content: flex-start;
              align-items: center; }
              .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .gl-logo a img, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .gl-logo a img, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .gl-logo a img, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .gl-logo a img, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .gl-logo a img, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .gl-logo a img {
                height: 5rem; }
              .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .gl-logo p, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .gl-logo p, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .gl-logo p, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .gl-logo p, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .gl-logo p, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .gl-logo p {
                color: white; }
            .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box h1, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-climb-result, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box h1, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-climb-result, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box h1, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-climb-result, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box h1, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-climb-result, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box h1, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-climb-result, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box h1, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-climb-result {
              text-align: center;
              color: white;
              text-transform: uppercase;
              font-size: 4rem;
              padding: 5% 0;
              font-family: 'Bebas Neue', cursive; }
              @media (max-width: 560px) {
                .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box h1, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-climb-result, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box h1, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-climb-result, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box h1, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-climb-result, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box h1, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-climb-result, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box h1, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-climb-result, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box h1, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-climb-result {
                  font-size: 3rem; } }
            .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-climb-result, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-climb-result, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-climb-result, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-climb-result, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-climb-result, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-climb-result {
              font-size: 3.6rem;
              padding: 0;
              margin: 6% 0; }
            .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex {
              text-align: center; }
              .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control {
                margin-top: 4%; }
                .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control input, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control input, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control input, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control input, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control input, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control input {
                  width: 100%;
                  height: 4rem; }
                .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select {
                  background-color: #ffda62; }
                  .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select optgroup, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select optgroup, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select optgroup, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select optgroup, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select optgroup, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select optgroup {
                    color: #414166; }
                  .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #bronze, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #bronze, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #bronze, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #bronze, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #bronze, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #bronze {
                    background-color: #f1a150c5; }
                  .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #silver, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #silver, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #silver, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #silver, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #silver, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #silver {
                    background-color: #fffffff6; }
                  .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #gold, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #gold, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #gold, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #gold, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #gold, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #gold {
                    background-color: #FFD700c5; }
                  .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #platinum, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #platinum, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #platinum, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #platinum, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #platinum, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #platinum {
                    background-color: #f4ffffc5; }
                  .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #diamond, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #diamond, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #diamond, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #diamond, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #diamond, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box .rank-flex .rank-flex-inner .rank-control .current-select #diamond {
                    background-color: #b0edffc5; }
            .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box p, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box p, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box p, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box p, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box p, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box p {
              text-align: center; }
              .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box p .rank-btn, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box p .rank-btn, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box p .rank-btn, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box p .rank-btn, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box p .rank-btn, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box p .rank-btn {
                position: relative;
                width: 20vw;
                height: 3rem;
                border-radius: 25px;
                outline: none;
                border: none;
                margin-top: 8%; }
              .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box p .animating, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box p .animating, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box p .animating, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box p .animating, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box p .animating, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box p .animating {
                background-color: transparent;
                color: transparent;
                user-select: none;
                cursor: default;
                animation: remove 0ms calc(var(--squish-animation-time) + var(--progress-animation-time));
                animation-fill-mode: forwards; }
              .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box p .rank-btn::before, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box p .rank-btn::before, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box p .rank-btn::before, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box p .rank-btn::before, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box p .rank-btn::before, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box p .rank-btn::before {
                background-color: #e9e9e9;
                position: absolute;
                inset: 0;
                content: "";
                border-radius: 25px;
                display: none;
                animation: squish var(--squish-animation-time) cubic-bezier(0.26, 0.6, 0.46, 1.7);
                animation-fill-mode: forwards; }
              .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box p .rank-btn::after, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box p .rank-btn::after, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box p .rank-btn::after, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box p .rank-btn::after, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box p .rank-btn::after, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box p .rank-btn::after {
                content: "";
                background-color: #555555;
                position: absolute;
                border-radius: 25px;
                display: none;
                left: 51%;
                right: 51%;
                top: 35%;
                bottom: 35%;
                border-radius: 30px;
                animation: progress var(--progress-animation-time) var(--squish-animation-time);
                animation-fill-mode: forwards; }
              .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box p .animating::before, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box p .animating::after, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box p .animating::before, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box p .animating::after, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box p .animating::before, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box p .animating::after, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box p .animating::before, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .rank-tool-container .rank-tool-box p .animating::after, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box p .animating::before, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .rank-tool-container .rank-tool-box p .animating::after, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box p .animating::before, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .rank-tool-container .rank-tool-box p .animating::after {
                display: block; }
        .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image #champion-header, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page #champion-header, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page #champion-header, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image #champion-header, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page #champion-header, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page #champion-header {
          position: absolute;
          top: 2.5%;
          height: 20rem;
          z-index: 2; }
        .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .featured-content, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .featured-content, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .featured-content, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .featured-content, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .featured-content, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .featured-content {
          position: absolute;
          top: 30%; }
          .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .featured-content .featured-content-inner iframe, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .featured-content .featured-content-inner iframe, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .featured-content .featured-content-inner iframe, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .featured-content .featured-content-inner iframe, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .featured-content .featured-content-inner iframe, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .featured-content .featured-content-inner iframe {
            height: 30rem;
            width: 50rem; }
          .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .featured-content .featured-content-inner .creator-verify, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .featured-content .featured-content-inner .creator-verify, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .featured-content .featured-content-inner .creator-verify, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .featured-content .featured-content-inner .creator-verify, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .featured-content .featured-content-inner .creator-verify, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .featured-content .featured-content-inner .creator-verify {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .featured-content .featured-content-inner .creator-verify svg, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .featured-content .featured-content-inner .creator-verify svg, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .featured-content .featured-content-inner .creator-verify svg, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .featured-content .featured-content-inner .creator-verify svg, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .featured-content .featured-content-inner .creator-verify svg, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .featured-content .featured-content-inner .creator-verify svg {
              filter: invert(56%) sepia(95%) saturate(927%) hue-rotate(68deg) brightness(110%) contrast(83%); }
        .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .enter-lounge, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .enter-lounge, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .enter-lounge, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .enter-lounge, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .enter-lounge, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .enter-lounge {
          border: none;
          background-position: left;
          background-size: cover;
          background-image: url(../images/game-lounge-img/assets/enter-lounge-bg.PNG);
          position: absolute;
          bottom: 2.5%;
          right: 0%;
          padding: .5% 4%;
          height: 6rem;
          width: 25%;
          background-color: transparent;
          color: white;
          font-size: 3rem;
          font-family: 'Bebas Neue', cursive;
          outline: none;
          animation: gamelounge-home-btn ease 2s infinite;
          transition: all .8s ease-in-out;
          display: flex;
          justify-content: space-around;
          align-items: center; }
          @media (min-width: 768px) {
            .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .enter-lounge:hover, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .enter-lounge:hover, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .enter-lounge:hover, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .enter-lounge:hover, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .enter-lounge:hover, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .enter-lounge:hover {
              cursor: url(../images/game-lounge-img/assets/apex-cursor.png), auto;
              margin: 10px;
              padding: 1% 4%;
              text-align: center;
              background-size: 200% auto;
              box-shadow: 0 0 20px #eee;
              border-radius: 10px;
              background-position: right center;
              /* change the direction of the change here */ } }
        .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .enter-circle, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .enter-circle, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .enter-circle, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image .enter-circle, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page .enter-circle, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page .enter-circle {
          cursor: url(../images/game-lounge-img/assets/apex-cursor.png), auto;
          border: 1px solid white;
          border-radius: 100%;
          box-shadow: 0px 0px 12px red, inset 0px 0px 12px red;
          color: transparent;
          font-size: 11px;
          margin-right: 3%; }
        .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image #currentDate-gamelounge-home, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page #currentDate-gamelounge-home, .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page #currentDate-gamelounge-home, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-image #currentDate-gamelounge-home, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-watch-page #currentDate-gamelounge-home, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-rank-page #currentDate-gamelounge-home {
          position: absolute;
          top: 1%;
          right: 1%;
          color: white;
          font-size: 1.6rem;
          background-color: #2b2b2b;
          padding: .5rem 1rem;
          border-radius: 5px; }
      .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography {
        position: absolute;
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100%; }
        .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography {
          position: relative;
          height: 70vh;
          width: 30%;
          text-align: center;
          margin: 0 5%;
          border-radius: 5px; }
          .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography #typography-inner .apex-circle, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography #typography-inner .apex-circle {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 30rem;
            border: 10px solid white;
            border-radius: 100%;
            box-shadow: 0px 0px 40px red, inset 0px 0px 40px red;
            color: transparent;
            z-index: 2; }
            .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography #typography-inner .apex-circle:hover, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography #typography-inner .apex-circle:hover {
              cursor: url(../images/game-lounge-img/assets/apex-cursor.png), auto;
              box-shadow: 0px 0px 40px yellow, inset 0px 0px 40px yellow; }
          .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography #typography-inner .inner-apex-icon, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography #typography-inner .inner-apex-icon {
            position: absolute;
            top: 48%;
            left: 50%;
            transform: translate(-50%, -50%); }
            .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography #typography-inner .inner-apex-icon img, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography #typography-inner .inner-apex-icon img {
              height: 18rem;
              filter: invert(1) brightness(100); }
        .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography--2, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography--2 {
          position: relative;
          height: 70vh;
          width: 65%;
          text-align: center;
          border-radius: 5px; }
          .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography--2 #typography-inner--2, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography--2 #typography-inner--2 {
            width: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: block; }
            .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography--2 #typography-inner--2 .inner-text-main, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography--2 #typography-inner--2 .inner-text-main {
              background-color: rgba(255, 255, 255, 0.342);
              border-radius: 8px;
              padding: 1.7%;
              font-size: 5rem;
              color: white;
              text-transform: uppercase;
              font-family: 'Bebas Neue', cursive;
              text-shadow: 0.5rem .5rem 1rem black; }
            .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography--2 #typography-inner--2 .inner-text-secondary, .game-lounge-body--landing-page .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography--2 #typography-inner--2 .inner-text-secondary {
              position: absolute;
              right: 1%;
              color: white;
              font-family: 'Bebas Neue', cursive;
              font-size: 2rem; }

.watch-page-nav {
  top: 0%; }

.game-nav-fixed {
  position: fixed;
  width: 100%;
  z-index: 4;
  max-width: 1500px; }
  .game-nav-fixed .game-nav {
    position: relative;
    background: #0f0c29;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);
    background: linear-gradient(to right, #24243e, #302b63, #0f0c29);
    border-bottom: 2px solid #3f1d1d;
    width: 100%;
    height: 6rem; }
    .game-nav-fixed .game-nav .game-nav-display {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: .5%; }
      .game-nav-fixed .game-nav .game-nav-display .game-nav-top {
        position: absolute;
        left: 1.5%; }
        .game-nav-fixed .game-nav .game-nav-display .game-nav-top #top-icon {
          height: 6rem;
          border-radius: 100%; }
      .game-nav-fixed .game-nav .game-nav-display .game-search-bar {
        background-color: white;
        border-radius: 25px;
        margin-left: 20%;
        width: 50%; }
        .game-nav-fixed .game-nav .game-nav-display .game-search-bar form {
          /* Change the white to any color */ }
          .game-nav-fixed .game-nav .game-nav-display .game-search-bar form #search-icon {
            font-size: 1.4rem;
            margin-left: 1rem; }
          .game-nav-fixed .game-nav .game-nav-display .game-search-bar form input {
            padding: 2%;
            border: none;
            outline: none;
            border-radius: 25px;
            width: 85%; }
            .game-nav-fixed .game-nav .game-nav-display .game-search-bar form input::placeholder {
              font-size: 1.6rem; }
          .game-nav-fixed .game-nav .game-nav-display .game-search-bar form input:-webkit-autofill,
          .game-nav-fixed .game-nav .game-nav-display .game-search-bar form input:-webkit-autofill:hover,
          .game-nav-fixed .game-nav .game-nav-display .game-search-bar form input:-webkit-autofill:focus,
          .game-nav-fixed .game-nav .game-nav-display .game-search-bar form input:-webkit-autofill:active {
            -webkit-box-shadow: 0 0 0 30px white inset !important;
            -webkit-text-fill-color: #C33764 !important; }
      .game-nav-fixed .game-nav .game-nav-display .menu-icon {
        font-size: 2.5rem;
        padding: 0 .5%;
        border-radius: 10px; }
        .game-nav-fixed .game-nav .game-nav-display .menu-icon #menu-bars {
          color: white; }

.game-sidebar {
  position: fixed;
  height: 100vh;
  width: 0%;
  display: none;
  z-index: 2;
  margin-top: 5%;
  transition: all .2s ease; }
  .game-sidebar .game-sidebar-display {
    display: block; }
    .game-sidebar .game-sidebar-display .game-sidebar-center {
      position: absolute;
      top: 45%;
      left: 60%;
      transform: translate(-50%, -50%);
      font-size: 2rem; }
      .game-sidebar .game-sidebar-display .game-sidebar-center .icons {
        margin-bottom: 6rem;
        padding: 5px; }
        .game-sidebar .game-sidebar-display .game-sidebar-center .icons a {
          color: white;
          transition: all .2s; }
          .game-sidebar .game-sidebar-display .game-sidebar-center .icons a:hover {
            color: #777; }
        .game-sidebar .game-sidebar-display .game-sidebar-center .icons #up-icon {
          background-color: white;
          color: #252222;
          padding: 5%;
          border-radius: 5px; }
    .game-sidebar .game-sidebar-display .game-sidebar-end {
      position: absolute;
      bottom: 12%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 2rem;
      border-top: 1px solid black;
      padding: 8%; }
      .game-sidebar .game-sidebar-display .game-sidebar-end #settings-icon {
        color: white; }

.game-sidebar-maximize {
  width: 5%;
  display: block; }

.game-lounge-right-aside {
  position: absolute;
  right: 24%; }
  .game-lounge-right-aside .game-community-sidebar {
    position: fixed;
    height: 100vh;
    max-width: 40rem; }
    .game-lounge-right-aside .game-community-sidebar .community-sidebar-display {
      height: 100vh;
      display: flex;
      justify-content: space-between;
      flex-direction: column; }
      .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content {
        padding: 2%;
        margin-top: 30%;
        border: 1px solid transparent;
        background-color: rgba(39, 38, 38, 0.623);
        border-radius: 15px; }
        .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .download-right-arrow {
          float: right;
          font-size: 2rem;
          color: #e06d6d; }
        .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .download-prompt {
          display: flex;
          justify-content: space-around;
          align-items: center;
          margin-top: 10%;
          margin-bottom: 5%; }
          .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .download-prompt img {
            height: 3rem;
            border-radius: 5px; }
          .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .download-prompt h4 {
            font-size: 1.4rem;
            color: white; }
          .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .download-prompt .appstore {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .download-prompt .appstore .download-icon {
              font-size: 1.8rem;
              color: white;
              padding: 0 10%; }
            .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .download-prompt .appstore .android {
              color: #07a807; }
        .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .hot-topics {
          height: 20rem;
          background-color: white;
          border-radius: 0 0 5px 5px;
          overflow-y: scroll;
          scrollbar-color: #C33764 #0f0c2900;
          scrollbar-width: thin !important; }
          .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .hot-topics::-webkit-scrollbar {
            width: 1vw; }
          .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .hot-topics::-webkit-scrollbar-thumb {
            background-color: #c3376383;
            border-radius: 10px; }
            .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .hot-topics::-webkit-scrollbar-thumb:hover {
              background-color: #C33764; }
          .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .hot-topics::-webkit-scrollbar-track {
            background-color: #0f0c29; }
          @media (max-width: 960px) {
            .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .hot-topics {
              -ms-overflow-style: none;
              scrollbar-width: none; }
              .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .hot-topics::-webkit-scrollbar {
                display: none; } }
          .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .hot-topics #topics-notif {
            color: #ffe02f; }
          .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .hot-topics .topics {
            padding: 0 2%; }
            .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .hot-topics .topics p {
              font-size: 1.4rem;
              line-height: 1.5; }
            .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .hot-topics .topics img {
              width: 100%;
              height: auto;
              object-fit: cover;
              -ms-overflow-style: none;
              scrollbar-width: none; }
              .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .hot-topics .topics img::-webkit-scrollbar {
                display: none; }
            .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .community-sidebar-content .hot-topics .topics #topic-space-br {
              height: 1rem;
              width: 100%;
              background-color: #2b2b2b;
              margin-bottom: 3%; }
      .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .game-chatroom {
        width: 100%;
        max-height: 30rem;
        overflow-y: scroll;
        background-color: white;
        background: linear-gradient(to right, #525280, #6159c0, #2e20aa);
        border-bottom: 2px solid #3f1d1d;
        border-radius: 10px;
        -ms-overflow-style: none;
        scrollbar-width: none; }
        .game-lounge-right-aside .game-community-sidebar .community-sidebar-display .game-chatroom::-webkit-scrollbar {
          display: none; }

.hide {
  display: none; }

.filter-overlay {
  filter: blur(5px); }

.watch-page-body {
  width: 100%;
  height: 100vh; }

.section-body-container {
  width: 75%;
  padding-left: 2%;
  transition: all .2s ease; }
  .section-body-container .game-feature-section {
    height: 30rem;
    position: relative; }
    .section-body-container .game-feature-section .secondary-nav-top {
      position: absolute;
      top: 20%;
      z-index: 2;
      width: 100%;
      padding: 1% 2%;
      border-radius: 0 0 10px 10px; }
      .section-body-container .game-feature-section .secondary-nav-top .secondary-nav-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: white; }
        .section-body-container .game-feature-section .secondary-nav-top .secondary-nav-inner #main-h2 {
          border: 1px solid white;
          background-color: #525280;
          padding: 1%;
          border-radius: 5px;
          transition: all .2s; }
          .section-body-container .game-feature-section .secondary-nav-top .secondary-nav-inner #main-h2:hover {
            background-color: #414166; }
        .section-body-container .game-feature-section .secondary-nav-top .secondary-nav-inner h2 {
          padding: .5% 1.5%;
          border-radius: 5px;
          cursor: pointer;
          transition: all .2s; }
          .section-body-container .game-feature-section .secondary-nav-top .secondary-nav-inner h2:hover {
            border-bottom: 2px solid #C33764; }
    .section-body-container .game-feature-section .game-feature-container {
      position: absolute;
      height: 25rem;
      border: 1px solid black;
      width: 100%;
      top: 45%;
      border-radius: 30px;
      background: #C33764;
      /* fallback for old browsers */
      background: -webkit-linear-gradient(to right, #1D2671, #C33764);
      /* Chrome 10-25, Safari 5.1-6 */
      background: linear-gradient(to right, #1D2671, #C33764);
      /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
      .section-body-container .game-feature-section .game-feature-container .game-banner {
        display: flex;
        justify-content: center;
        align-items: center; }
        .section-body-container .game-feature-section .game-feature-container .game-banner .banner-text {
          position: absolute;
          top: 20%;
          left: 5%;
          color: white;
          z-index: 2; }
          .section-body-container .game-feature-section .game-feature-container .game-banner .banner-text a {
            color: white; }
            .section-body-container .game-feature-section .game-feature-container .game-banner .banner-text a h4 {
              width: 15%;
              background-color: #C33764;
              padding: 3.5%;
              text-align: center;
              margin-bottom: 5%;
              transition: all .2s;
              height: 5rem; }
              .section-body-container .game-feature-section .game-feature-container .game-banner .banner-text a h4:hover {
                background-color: #aa3096;
                font-size: 1.2rem; }
          .section-body-container .game-feature-section .game-feature-container .game-banner .banner-text h1 {
            font-size: 2.6rem; }
          .section-body-container .game-feature-section .game-feature-container .game-banner .banner-text h3 {
            font-size: 1.8rem; }
          .section-body-container .game-feature-section .game-feature-container .game-banner .banner-text p {
            font-size: 1.4rem; }
        .section-body-container .game-feature-section .game-feature-container .game-banner .banner-img img {
          height: 40rem;
          position: absolute;
          top: -15%;
          right: 0%; }
        .section-body-container .game-feature-section .game-feature-container .game-banner .banner-img #apex-character--1 {
          animation: apex-1 20s ease infinite; }
        .section-body-container .game-feature-section .game-feature-container .game-banner .banner-img #apex-character--2 {
          animation: apex-2 20s ease infinite;
          transform: rotateY(180deg); }
        .section-body-container .game-feature-section .game-feature-container .game-banner .banner-img #apex-character--3 {
          animation: apex-3 20s ease infinite; }
        .section-body-container .game-feature-section .game-feature-container .game-banner .banner-img #apex-character--4 {
          animation: apex-4 20s ease infinite; }
        .section-body-container .game-feature-section .game-feature-container .game-banner .banner-img #apex-character--5 {
          animation: apex-5 20s ease infinite; }
        .section-body-container .game-feature-section .game-feature-container .game-banner .banner-img #apex-character--6 {
          animation: apex-6 20s ease infinite; }
        .section-body-container .game-feature-section .game-feature-container .game-banner .banner-img #apex-character--7 {
          animation: apex-7 20s ease infinite; }
  .section-body-container .game-lounge-carousel {
    margin-top: 14%; }
    .section-body-container .game-lounge-carousel .game-article-features {
      height: 25rem;
      position: relative;
      margin-top: 10%; }
      .section-body-container .game-lounge-carousel .game-article-features .content-creators--list {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .section-body-container .game-lounge-carousel .game-article-features .content-creators--list .view-more {
          font-size: 2rem;
          color: #C33764; }
      .section-body-container .game-lounge-carousel .game-article-features .live-circle {
        font-size: 1rem;
        color: red; }
      .section-body-container .game-lounge-carousel .game-article-features h1 {
        color: white;
        font-size: 1.8rem;
        font-weight: bold;
        margin-top: 2%; }
      .section-body-container .game-lounge-carousel .game-article-features p {
        color: white;
        font-size: 1.4rem;
        margin-bottom: 2%; }
      .section-body-container .game-lounge-carousel .game-article-features .article-features-container--1 {
        height: 25.5rem; }
      .section-body-container .game-lounge-carousel .game-article-features .article-features-container--2 {
        height: 20rem; }
      .section-body-container .game-lounge-carousel .game-article-features .article-features-container {
        position: relative;
        overflow-x: scroll;
        scrollbar-color: #C33764 #0f0c2900;
        scrollbar-width: thin !important; }
        .section-body-container .game-lounge-carousel .game-article-features .article-features-container::-webkit-scrollbar {
          height: 1.5vh; }
        .section-body-container .game-lounge-carousel .game-article-features .article-features-container::-webkit-scrollbar-thumb {
          background-color: #c3376383;
          border-radius: 10px; }
          .section-body-container .game-lounge-carousel .game-article-features .article-features-container::-webkit-scrollbar-thumb:hover {
            background-color: #C33764; }
        .section-body-container .game-lounge-carousel .game-article-features .article-features-container::-webkit-scrollbar-track {
          background-color: #302b6300; }
        @media (max-width: 960px) {
          .section-body-container .game-lounge-carousel .game-article-features .article-features-container {
            -ms-overflow-style: none;
            scrollbar-width: none; }
            .section-body-container .game-lounge-carousel .game-article-features .article-features-container::-webkit-scrollbar {
              display: none; } }
        .section-body-container .game-lounge-carousel .game-article-features .article-features-container .article-abs {
          position: absolute;
          left: 13.5%; }
          .section-body-container .game-lounge-carousel .game-article-features .article-features-container .article-abs .featured-articles {
            display: flex;
            justify-content: space-around;
            align-items: center; }
            .section-body-container .game-lounge-carousel .game-article-features .article-features-container .article-abs .featured-articles .article {
              height: 10rem;
              width: 100%;
              padding: 0 2%; }
              .section-body-container .game-lounge-carousel .game-article-features .article-features-container .article-abs .featured-articles .article .creator-verify {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-top: 10%; }
                .section-body-container .game-lounge-carousel .game-article-features .article-features-container .article-abs .featured-articles .article .creator-verify .svg {
                  height: 20px;
                  filter: invert(56%) sepia(95%) saturate(927%) hue-rotate(68deg) brightness(110%) contrast(83%); }
              .section-body-container .game-lounge-carousel .game-article-features .article-features-container .article-abs .featured-articles .article img {
                border-radius: 25px;
                height: 15rem;
                width: 30rem; }
              .section-body-container .game-lounge-carousel .game-article-features .article-features-container .article-abs .featured-articles .article p {
                height: 2.5rem;
                margin-left: 2%;
                font-size: 1.4rem;
                color: #cdd2d6; }
              .section-body-container .game-lounge-carousel .game-article-features .article-features-container .article-abs .featured-articles .article .featured {
                max-height: 15rem;
                border-radius: 25px; }
              .section-body-container .game-lounge-carousel .game-article-features .article-features-container .article-abs .featured-articles .article .view-more-videos {
                margin: 40% 0;
                width: 10rem;
                text-align: center; }
                .section-body-container .game-lounge-carousel .game-article-features .article-features-container .article-abs .featured-articles .article .view-more-videos .view-more-vid--icon {
                  font-size: 4rem;
                  color: white;
                  margin-bottom: 10%; }
                .section-body-container .game-lounge-carousel .game-article-features .article-features-container .article-abs .featured-articles .article .view-more-videos p {
                  font-size: 1rem; }
  .section-body-container .game-lounge-main {
    height: auto;
    background-color: white; }
    .section-body-container .game-lounge-main .article-socials {
      display: flex;
      justify-content: center;
      align-items: center; }
      .section-body-container .game-lounge-main .article-socials .article-socials-inner h2 {
        margin: 3% 0;
        text-transform: uppercase; }
      .section-body-container .game-lounge-main .article-socials .article-socials-inner #active-socials {
        display: flex; }
        .section-body-container .game-lounge-main .article-socials .article-socials-inner #active-socials a .my-twitter, .section-body-container .game-lounge-main .article-socials .article-socials-inner #active-socials a .my-youtube {
          font-size: 3rem;
          padding: 0 3%; }
        .section-body-container .game-lounge-main .article-socials .article-socials-inner #active-socials a .my-twitter {
          color: #00a4d6; }
        .section-body-container .game-lounge-main .article-socials .article-socials-inner #active-socials a .my-youtube {
          color: red; }
  .section-body-container .solo-articles {
    height: 8rem; }
    .section-body-container .solo-articles .nav-top-article {
      top: 80%; }

.section-body-container-minimize {
  padding-left: 8%; }

.gamelounge-info--container {
  width: 100%;
  margin-top: 6%; }
  .gamelounge-info--container .info-main-nav {
    height: 5vh;
    width: 100%; }
    .gamelounge-info--container .info-main-nav .info-main-nav--headers {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 4%; }
      .gamelounge-info--container .info-main-nav .info-main-nav--headers h1 {
        font-size: 2rem;
        background-color: #fcb565;
        color: #fff;
        padding: 0.4rem 1rem;
        border-radius: 0.8rem 0 0.8rem 0; }
      .gamelounge-info--container .info-main-nav .info-main-nav--headers svg {
        filter: invert(56%) sepia(95%) saturate(927%) hue-rotate(68deg) brightness(110%) contrast(83%); }
  .gamelounge-info--container .gamelounge-info--body {
    margin: 3%;
    background-color: white;
    position: relative; }
    .gamelounge-info--container .gamelounge-info--body .gamelounge-info--1 {
      box-shadow: 1px 1rem 2rem black;
      position: relative; }
      .gamelounge-info--container .gamelounge-info--body .gamelounge-info--1 img {
        max-height: 25rem;
        width: 100%;
        object-fit: cover; }
      .gamelounge-info--container .gamelounge-info--body .gamelounge-info--1 .gamelounge-info-content {
        position: absolute;
        top: 21%;
        padding: 1%;
        background-color: rgba(255, 255, 255, 0.726); }
        .gamelounge-info--container .gamelounge-info--body .gamelounge-info--1 .gamelounge-info-content h2 {
          font-size: 4.8rem;
          color: #24243e;
          text-shadow: 1px 1px 0.02px #2b2b2b;
          line-height: 1.2;
          font-weight: 400; }
          .gamelounge-info--container .gamelounge-info--body .gamelounge-info--1 .gamelounge-info-content h2 span {
            color: #f3b735;
            font-weight: bold; }
        .gamelounge-info--container .gamelounge-info--body .gamelounge-info--1 .gamelounge-info-content p {
          font-size: 1.6rem;
          color: red; }
      .gamelounge-info--container .gamelounge-info--body .gamelounge-info--1 button {
        border: none;
        background-color: #ffda62;
        padding: 1rem 1.5rem;
        border-radius: 5px;
        position: absolute;
        bottom: 5%;
        right: 5%;
        cursor: pointer;
        transition: all .2s; }
        .gamelounge-info--container .gamelounge-info--body .gamelounge-info--1 button:hover {
          border: 1px solid #2b2b2b;
          background-color: white; }
    .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
      grid-column-gap: 1.6rem;
      grid-row-gap: 3rem;
      padding: 2%;
      margin: 2.5% 0; }
      .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-content, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-content {
        width: 100%; }
        .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-content .article-video-container, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-content .article-video-container {
          margin: 0 auto;
          width: 100%; }
          .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-content .article-video-container .article-video, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-content .article-video-container .article-video {
            width: 100%; }
          .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-content .article-video-container #article-yt-vid, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-content .article-video-container #article-yt-vid {
            width: 100%;
            max-height: 40rem; }
        .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-content h3, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-content h3 {
          font-size: 3.5rem;
          color: #302b63; }
          .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-content h3 span, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-content h3 span {
            color: #ff3c00; }
          .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-content h3 .span-alt, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-content h3 .span-alt {
            color: #fcb565; }
        .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-content p, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-content p {
          padding: 2%;
          font-size: 1.6rem;
          line-height: 2; }
          .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-content p span, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-content p span {
            color: #ff3c00; }
        .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-content .gamelounge-author-details, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-content .gamelounge-author-details {
          display: flex;
          align-items: center;
          padding: 1%; }
          .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-content .gamelounge-author-details img, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-content .gamelounge-author-details img {
            height: 5rem;
            border-radius: 100%; }
          .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-content .gamelounge-author-details a, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-content .gamelounge-author-details a {
            width: 100%; }
            .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-content .gamelounge-author-details a p, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-content .gamelounge-author-details a p {
              color: #00a4d6;
              cursor: pointer;
              transition: all .2s; }
              .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-content .gamelounge-author-details a p:hover, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-content .gamelounge-author-details a p:hover {
                color: #f3b735; }
      .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-visuals-rel, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-visuals-rel {
        position: relative; }
        .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs-2, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs-2 {
          position: relative;
          top: 50%;
          left: 0%;
          transform: translate(0%, -50%); }
          .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs .gamelounge-article-visuals, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs-2 .gamelounge-article-visuals, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs .gamelounge-article-visuals, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs-2 .gamelounge-article-visuals {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 25rem;
            border: 1px solid black;
            border-radius: 3px;
            position: relative; }
            .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs .gamelounge-article-visuals .visual-grad-arrow, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs-2 .gamelounge-article-visuals .visual-grad-arrow, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs .gamelounge-article-visuals .visual-grad-arrow, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs-2 .gamelounge-article-visuals .visual-grad-arrow {
              position: absolute;
              bottom: 0%;
              right: 4%; }
            .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs .gamelounge-article-visuals .gamelounge-article-visuals-inserts, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs-2 .gamelounge-article-visuals .gamelounge-article-visuals-inserts, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs .gamelounge-article-visuals .gamelounge-article-visuals-inserts, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs-2 .gamelounge-article-visuals .gamelounge-article-visuals-inserts {
              display: flex;
              align-items: center;
              justify-content: space-around; }
              .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs .gamelounge-article-visuals .gamelounge-article-visuals-inserts h1, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs-2 .gamelounge-article-visuals .gamelounge-article-visuals-inserts h1, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs .gamelounge-article-visuals .gamelounge-article-visuals-inserts h1, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs-2 .gamelounge-article-visuals .gamelounge-article-visuals-inserts h1 {
                text-align: left;
                font-size: 2.6rem;
                border-bottom: 0.3rem solid aliceblue;
                width: 50%; }
              .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs .gamelounge-article-visuals .gamelounge-article-visuals-inserts .span-link, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs-2 .gamelounge-article-visuals .gamelounge-article-visuals-inserts .span-link, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs .gamelounge-article-visuals .gamelounge-article-visuals-inserts .span-link, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs-2 .gamelounge-article-visuals .gamelounge-article-visuals-inserts .span-link {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                z-index: 10; }
        .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs-2, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .gamelounge-article-visuals-rel .gamelounge-article-visuals-abs-2 {
          transform: translate(0); }
      .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .visual-grad, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .visual-grad {
        background-image: linear-gradient(to right, #D1913C 0%, #ffda62 51%, #D1913C 100%); }
      .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .visual-grad, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .visual-grad {
        padding: 2%;
        text-align: center;
        transition: 0.5s;
        background-size: 200% auto;
        color: white;
        box-shadow: 0 0 20px #eee;
        filter: blur(0.25px); }
      .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .visual-grad:hover, .gamelounge-info--container .gamelounge-info--body .gamelounge-info--3 .visual-grad:hover {
        background-position: right center;
        /* change the direction of the change here */
        color: #fff;
        text-decoration: none; }
    .gamelounge-info--container .gamelounge-info--body .gamelounge-top {
      padding: 0.5rem 1rem;
      position: absolute;
      bottom: 0%;
      left: 45%;
      border-radius: 5px;
      border: none;
      background-color: #24243e;
      color: white;
      cursor: pointer;
      transition: all .2s; }
      .gamelounge-info--container .gamelounge-info--body .gamelounge-top:hover {
        background-color: #524d47; }

.gamelounge-info-div--relative {
  position: relative; }
  .gamelounge-info-div--relative .article-visit--link {
    position: absolute;
    right: 5%;
    bottom: 25%; }
    .gamelounge-info-div--relative .article-visit--link p {
      font-size: 1.2rem;
      color: #f3b735;
      transition: all .2s; }
      .gamelounge-info-div--relative .article-visit--link p:hover {
        color: #00a4d6; }
  .gamelounge-info-div--relative .article-visit--link_2 {
    position: absolute;
    right: 5%;
    bottom: 10%; }
    .gamelounge-info-div--relative .article-visit--link_2 p {
      font-size: 1.2rem;
      color: #f3b735;
      transition: all .2s; }
      .gamelounge-info-div--relative .article-visit--link_2 p:hover {
        color: #00a4d6; }
  .gamelounge-info-div--relative .article-carousel {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    grid-column-gap: 1.6rem;
    grid-row-gap: 3rem; }
    .gamelounge-info-div--relative .article-carousel img {
      height: 8rem;
      width: 100%;
      object-fit: cover;
      padding: 0 2%;
      transition: all .2s; }
      .gamelounge-info-div--relative .article-carousel img:hover {
        transform: scale(0.9); }
    .gamelounge-info-div--relative .article-carousel p {
      text-align: center;
      font-size: 1.4rem; }

.community-sidebar-display-secondary {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 3%; }
  .community-sidebar-display-secondary .game-chatroom {
    margin: 5% !important;
    max-width: 100%;
    max-height: 40rem;
    overflow-y: scroll;
    border-radius: 10px;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .community-sidebar-display-secondary .game-chatroom::-webkit-scrollbar {
      display: none; }
  .community-sidebar-display-secondary .community-sidebar-content {
    padding: 2%;
    border: 1px solid transparent;
    background-color: rgba(39, 38, 38, 0.623);
    border-radius: 15px;
    max-width: 50%; }
    .community-sidebar-display-secondary .community-sidebar-content .download-right-arrow-secondary {
      float: right;
      font-size: 2rem;
      color: #e06d6d; }
    .community-sidebar-display-secondary .community-sidebar-content .download-prompt {
      display: flex;
      justify-content: space-around;
      align-items: center;
      margin-top: 8%;
      margin-bottom: 5%; }
      .community-sidebar-display-secondary .community-sidebar-content .download-prompt img {
        height: 3rem;
        border-radius: 5px; }
      .community-sidebar-display-secondary .community-sidebar-content .download-prompt h4 {
        font-size: 1.6rem;
        color: white; }
      .community-sidebar-display-secondary .community-sidebar-content .download-prompt .appstore {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .community-sidebar-display-secondary .community-sidebar-content .download-prompt .appstore .download-icon {
          font-size: 1.8rem;
          color: white;
          padding: 0 10%; }
        .community-sidebar-display-secondary .community-sidebar-content .download-prompt .appstore .android {
          color: #07a807; }
    .community-sidebar-display-secondary .community-sidebar-content .hot-topics {
      height: 30rem;
      background-color: white;
      border-radius: 0 0 5px 5px;
      overflow-y: scroll;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      .community-sidebar-display-secondary .community-sidebar-content .hot-topics::-webkit-scrollbar {
        display: none; }
      .community-sidebar-display-secondary .community-sidebar-content .hot-topics #topics-notif {
        color: #ffe02f; }
      .community-sidebar-display-secondary .community-sidebar-content .hot-topics .topics {
        padding: 0 2%; }
        .community-sidebar-display-secondary .community-sidebar-content .hot-topics .topics p {
          font-size: 1.4rem; }
        .community-sidebar-display-secondary .community-sidebar-content .hot-topics .topics img {
          width: 100%;
          height: auto;
          object-fit: cover;
          -ms-overflow-style: none;
          scrollbar-width: none; }
          .community-sidebar-display-secondary .community-sidebar-content .hot-topics .topics img::-webkit-scrollbar {
            display: none; }
        .community-sidebar-display-secondary .community-sidebar-content .hot-topics .topics #topic-space-br {
          height: 1rem;
          width: 100%;
          background-color: #2b2b2b;
          margin-bottom: 3%; }

.article-outer-blur {
  filter: blur(0.65px) brightness(0.8);
  pointer-events: none;
  animation: article-blur .5s ease-in-out; }

@media (max-width: 560px) {
  .gamelounge-info-content h2 {
    font-size: 3rem !important; }
  .gamelounge-info-content p {
    font-size: 1.2rem !important; }
  .gamelounge-info--1 button {
    padding: .5rem 1rem !important; }
  .gamelounge-info--1 img {
    max-height: 17rem !important; }
  .gamelounge-author-details p {
    font-size: 1.2rem !important; }
  .gamelounge-article-visuals {
    height: 15rem !important; }
    .gamelounge-article-visuals .gamelounge-article-visuals-inserts h1, .gamelounge-article-visuals .gamelounge-article-visuals-inserts svg {
      height: 7rem !important;
      font-size: 1.4rem !important; }
  .article-visit--link p, .article-visit--link_2 p {
    display: none !important; }
  .article-carousel img {
    height: 6rem !important; }
  .article-carousel p {
    font-size: 1.2rem !important; }
  .gamelounge-top {
    font-size: 1rem; } }

@media (max-width: 375px) {
  .gamelounge-info-content h2 {
    font-size: 2.6rem !important; }
  .gamelounge-info--body {
    margin-top: 10% !important; }
  .gamelounge-info--1 button {
    font-size: 1rem !important; }
  .gamelounge-article-visuals {
    height: 12rem !important; }
    .gamelounge-article-visuals .visual-grad-arrow {
      height: 20px !important; }
    .gamelounge-article-visuals .gamelounge-article-visuals-inserts h1, .gamelounge-article-visuals .gamelounge-article-visuals-inserts svg {
      height: 5rem !important;
      font-size: 1.2rem !important; } }

@media (max-width: 320px) {
  .gamelounge-info-content h2 {
    font-size: 2.3rem !important; }
  .gamelounge-article-visuals .gamelounge-article-visuals-inserts h1 {
    font-size: 1.07rem !important; } }

.gamelounge-contact-container {
  max-width: 40%;
  margin: 0 auto;
  position: relative; }
  .gamelounge-contact-container #gamelounge-contact {
    border-radius: 25px;
    background: #2b2b2b;
    padding: 25px;
    margin: 150px 0;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); }
    .gamelounge-contact-container #gamelounge-contact .form-exit {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      font-size: 3rem;
      color: #C33764; }
    .gamelounge-contact-container #gamelounge-contact h3 {
      display: block;
      font-size: 30px;
      font-weight: 300;
      margin-bottom: 10px;
      color: white; }
    .gamelounge-contact-container #gamelounge-contact .form-text-h4 {
      margin: 5px 0 15px; }
      .gamelounge-contact-container #gamelounge-contact .form-text-h4 h4 {
        display: block;
        font-size: 13px;
        font-weight: 400;
        color: wheat; }
      .gamelounge-contact-container #gamelounge-contact .form-text-h4 #last-h4 i {
        color: #C33764;
        font-size: 1.4rem;
        margin-right: 1%; }
    .gamelounge-contact-container #gamelounge-contact fieldset {
      border: medium none !important;
      margin: 0 0 10px;
      min-width: 100%;
      padding: 0;
      width: 100%; }
      .gamelounge-contact-container #gamelounge-contact fieldset textarea {
        height: 20rem; }
    .gamelounge-contact-container #gamelounge-contact input[type="text"],
    .gamelounge-contact-container #gamelounge-contact input[type="email"],
    .gamelounge-contact-container #gamelounge-contact textarea {
      width: 100%;
      border: 1px solid #ccc;
      background: #FFF;
      margin: 0 0 5px;
      padding: 10px;
      transition: all .2s; }
      .gamelounge-contact-container #gamelounge-contact input[type="text"]:hover,
      .gamelounge-contact-container #gamelounge-contact input[type="email"]:hover,
      .gamelounge-contact-container #gamelounge-contact textarea:hover {
        -webkit-transition: border-color 0.3s ease-in-out;
        -moz-transition: border-color 0.3s ease-in-out;
        transition: border-color 0.3s ease-in-out;
        border: 1px solid #aaa; }
    .gamelounge-contact-container #gamelounge-contact button[type="submit"] {
      cursor: pointer;
      width: 100%;
      border: none;
      background: #4CAF50;
      color: #FFF;
      margin: 0 0 5px;
      padding: 10px;
      font-size: 15px;
      transition: all .2s; }
      .gamelounge-contact-container #gamelounge-contact button[type="submit"]:hover {
        background: #43A047;
        -webkit-transition: background-color 0.3s ease-in-out;
        -moz-transition: background-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out; }
  .gamelounge-contact-container ::-webkit-input-placeholder {
    color: #888; }
  .gamelounge-contact-container :-moz-placeholder {
    color: #888; }
  .gamelounge-contact-container ::-moz-placeholder {
    color: #888; }
  .gamelounge-contact-container :-ms-input-placeholder {
    color: #888; }

.fair-use-disclaimer--container {
  position: relative;
  max-width: 90%;
  margin: 10% auto;
  box-shadow: 1rem 2rem 50rem black; }
  .fair-use-disclaimer--container .disclaimer {
    padding: 2%;
    background-color: #2b2b2b; }
    .fair-use-disclaimer--container .disclaimer .disclaimer-exit {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      font-size: 3rem;
      color: #C33764; }
    .fair-use-disclaimer--container .disclaimer #fair-use-disclaimer h1, .fair-use-disclaimer--container .disclaimer #fair-use-disclaimer p {
      color: white; }
    .fair-use-disclaimer--container .disclaimer #fair-use-disclaimer h1 {
      font-size: 2.4rem;
      margin-bottom: 2%; }
    .fair-use-disclaimer--container .disclaimer #fair-use-disclaimer p {
      font-size: 1.6rem; }

.community-leaderboard--container .community-leaderboard {
  width: 100vw; }
  .community-leaderboard--container .community-leaderboard #leaderboard-exit--top {
    display: flex; }
    .community-leaderboard--container .community-leaderboard #leaderboard-exit--top #colored-space {
      position: absolute;
      top: 0%;
      left: 0%;
      width: 100%;
      height: 6.5rem;
      background-color: #c33763;
      background-image: url(../images/game-lounge-img/webp/Apex-Legends-Mobile-3.webp);
      z-index: 2; }
    .community-leaderboard--container .community-leaderboard #leaderboard-exit--top .leaderboard-exit {
      position: absolute;
      top: 0%;
      right: 1%;
      background-color: #24243e;
      padding: 1%;
      border-radius: 5px;
      font-size: 3rem;
      color: #ffffff;
      z-index: 3; }
  .community-leaderboard--container .community-leaderboard #leaderboard-mentions iframe {
    position: fixed;
    height: 100vh;
    width: 100vw;
    max-width: 1440px; }
  .community-leaderboard--container .community-leaderboard #leaderboard-mentions #leaderboard-exit--bottom {
    position: absolute;
    bottom: 0%;
    left: 0%;
    width: 100%;
    height: 8rem;
    background-color: #282828;
    background-image: url(../images/game-lounge-img/webp/Apex-Legends-Mobile-3.webp);
    z-index: 2; }

.publishments-container {
  height: 100vh;
  width: 100%; }
  .publishments-container .publishments {
    height: 100vh;
    width: 100%;
    padding: 0 2%;
    margin: 0 auto; }
    .publishments-container .publishments .featured-publisher {
      width: 100%;
      background-color: #0093E9;
      background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
      position: relative;
      padding: 0 5% 5% 5%; }
      .publishments-container .publishments .featured-publisher .publishment-exit {
        position: absolute;
        top: 0;
        right: 1%;
        background-color: #2b2b2b;
        padding: 1%;
        border-radius: 5px;
        font-size: 3rem;
        color: #fff;
        margin: .5% 0; }
      .publishments-container .publishments .featured-publisher .publisher-search {
        display: none !important;
        position: absolute;
        top: 4%;
        right: 2%;
        display: flex;
        justify-content: flex-end;
        align-items: center; }
        .publishments-container .publishments .featured-publisher .publisher-search #legend-search {
          padding: .5rem 1rem;
          border-radius: 25px;
          border: none;
          outline: none; }
          .publishments-container .publishments .featured-publisher .publisher-search #legend-search::placeholder {
            font-size: 1.1rem; }
        .publishments-container .publishments .featured-publisher .publisher-search #search-icon {
          font-size: 1.4rem;
          margin-left: 1rem; }
      .publishments-container .publishments .featured-publisher .flex-publisher {
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding-top: 4%; }
        .publishments-container .publishments .featured-publisher .flex-publisher #left-section {
          width: 60%;
          text-align: center;
          background-color: #0f0c29;
          padding: 2%;
          border-radius: 10px; }
          .publishments-container .publishments .featured-publisher .flex-publisher #left-section .verified-publisher {
            display: flex;
            justify-content: center;
            align-items: baseline;
            transition: all .2s ease; }
            .publishments-container .publishments .featured-publisher .flex-publisher #left-section .verified-publisher:hover {
              box-shadow: .3rem .3rem 2.5rem white;
              margin-bottom: 2.5%; }
            .publishments-container .publishments .featured-publisher .flex-publisher #left-section .verified-publisher h1 {
              font-size: 10rem;
              font-family: 'Bebas Neue', cursive;
              color: white; }
            .publishments-container .publishments .featured-publisher .flex-publisher #left-section .verified-publisher svg {
              height: 4rem;
              filter: invert(35%) sepia(92%) saturate(7453%) hue-rotate(358deg) brightness(92%) contrast(127%); }
          .publishments-container .publishments .featured-publisher .flex-publisher #left-section .about-publisher p {
            color: #07a807;
            font-size: 1.6rem; }
          .publishments-container .publishments .featured-publisher .flex-publisher #left-section .about-publisher span {
            color: white; }
          .publishments-container .publishments .featured-publisher .flex-publisher #left-section .about-publisher #channel-btn {
            margin-top: 5px;
            padding: .5rem 8rem;
            border-radius: 15px;
            border: none;
            outline: none;
            background-color: #c33763;
            color: white; }
        .publishments-container .publishments .featured-publisher .flex-publisher #right-section {
          text-align: center; }
          .publishments-container .publishments .featured-publisher .flex-publisher #right-section img {
            height: 32rem;
            width: 32rem; }
      .publishments-container .publishments .featured-publisher .legend-carousel {
        width: 100%;
        text-align: center;
        padding: 0 6%;
        margin-bottom: 2.5%; }
        .publishments-container .publishments .featured-publisher .legend-carousel h2 {
          font-size: 2.4rem;
          font-family: 'Bebas Neue', cursive;
          color: white;
          background-color: #07a807;
          width: 100%;
          box-shadow: .5rem .5rem 2rem white; }
        .publishments-container .publishments .featured-publisher .legend-carousel #legend-inner-header p {
          color: #2b2b2b; }
        .publishments-container .publishments .featured-publisher .legend-carousel .legend-row {
          display: inline-block; }
          .publishments-container .publishments .featured-publisher .legend-carousel .legend-row img {
            height: 15rem;
            transition: all .2s ease;
            margin: .5%;
            border-radius: 5px;
            box-shadow: .5rem .5rem 2rem white; }
            .publishments-container .publishments .featured-publisher .legend-carousel .legend-row img:hover {
              transform: scale(1.2);
              box-shadow: .2rem .2rem 2rem #ffda62; }
    .publishments-container .publishments h3 {
      text-align: center;
      font-size: 3rem;
      color: white;
      margin-top: 4%; }
    .publishments-container .publishments .publishment-lists {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 auto; }
      .publishments-container .publishments .publishment-lists .archive {
        background-color: #c33763;
        height: 22rem;
        width: 50%;
        margin: 2%; }

@media (max-width: 960px) {
  .publishments-container .publishments .featured-publisher .flex-publisher #left-section .verified-publisher h1 {
    font-size: 7.5rem !important; }
  .publishments-container .publishments .featured-publisher .flex-publisher #left-section .about-publisher p {
    font-size: 1.4rem !important; }
  .publishments-container .publishments .featured-publisher .flex-publisher #left-section .about-publisher #channel-btn {
    padding: .5rem 8rem; }
  .publishments-container .publishments .featured-publisher .flex-publisher #right-section img {
    height: 28rem !important;
    width: 28rem !important; } }

@media (max-width: 768px) {
  .publishments-container .publishments .featured-publisher .flex-publisher #left-section .verified-publisher h1 {
    font-size: 4.5rem !important; }
  .publishments-container .publishments .featured-publisher .flex-publisher #left-section .about-publisher p {
    font-size: 1.2rem !important; }
  .publishments-container .publishments .featured-publisher .flex-publisher #left-section .about-publisher #channel-btn {
    padding: .5rem 8rem; }
  .publishments-container .publishments .featured-publisher .flex-publisher #right-section img {
    height: 22rem !important;
    width: 22rem !important; } }

@media (max-width: 560px) {
  .publishments-container {
    min-width: 320px !important; }
    .publishments-container .publishments {
      padding: 0% !important; }
      .publishments-container .publishments .featured-publisher .publisher-search {
        display: none !important; }
      .publishments-container .publishments .featured-publisher .flex-publisher {
        flex-direction: column-reverse !important;
        padding-top: 0% !important; }
        .publishments-container .publishments .featured-publisher .flex-publisher #left-section {
          width: 100% !important;
          margin-bottom: 3% !important; }
          .publishments-container .publishments .featured-publisher .flex-publisher #left-section .verified-publisher h1 {
            font-size: 3.2rem !important; }
          .publishments-container .publishments .featured-publisher .flex-publisher #left-section .verified-publisher svg {
            height: 2rem !important; }
          .publishments-container .publishments .featured-publisher .flex-publisher #left-section .about-publisher p {
            font-size: 1.2rem !important; }
          .publishments-container .publishments .featured-publisher .flex-publisher #left-section .about-publisher #channel-btn {
            padding: .5rem 4rem !important; }
        .publishments-container .publishments .featured-publisher .flex-publisher #right-section img {
          height: 20rem !important;
          width: 20rem !important; }
      .publishments-container .publishments .featured-publisher .legend-carousel h2 {
        font-size: 1.6rem !important; }
      .publishments-container .publishments .featured-publisher .legend-carousel #legend-inner-header h3 {
        font-size: 2rem !important; }
      .publishments-container .publishments .featured-publisher .legend-carousel .legend-row img {
        height: 12rem !important; } }

.gamelounge-download-container {
  height: 100vh;
  width: 100%;
  margin: 15% auto; }
  .gamelounge-download-container .gamelounge-download-carousel {
    margin: 0 auto;
    width: 40%;
    height: 40rem;
    background-color: #2b2b2b;
    padding: 2%;
    position: relative; }
    .gamelounge-download-container .gamelounge-download-carousel p {
      text-align: center;
      margin-bottom: 35%;
      color: white; }
    .gamelounge-download-container .gamelounge-download-carousel #download-icons {
      display: flex;
      align-items: center;
      justify-content: space-evenly; }
      .gamelounge-download-container .gamelounge-download-carousel #download-icons .icon-set .icon {
        display: flex;
        justify-content: center;
        font-size: 3rem;
        color: white;
        text-align: center; }
      .gamelounge-download-container .gamelounge-download-carousel #download-icons .icon-set .fa-android {
        color: #07a807; }
      .gamelounge-download-container .gamelounge-download-carousel #download-icons .icon-set p {
        color: white;
        text-align: center; }
    .gamelounge-download-container .gamelounge-download-carousel #download-back {
      position: absolute;
      bottom: 5%; }

.info-container {
  width: 100%; }
  .info-container .info-selection-display {
    margin: 0 auto;
    width: 60%;
    height: 65rem;
    background: repeating-linear-gradient(45deg, black, #00a4d6 800px);
    padding: 2%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 15px;
    z-index: 2; }
    .info-container .info-selection-display .info-display-inserts {
      position: relative;
      height: 100%; }
      .info-container .info-selection-display .info-display-inserts .info-exit {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        font-size: 2.5rem;
        color: #C33764; }
      .info-container .info-selection-display .info-display-inserts h2 {
        text-align: center;
        color: white;
        margin: 0 0 5% 0; }
      .info-container .info-selection-display .info-display-inserts #info-carousel {
        width: 100%; }
        .info-container .info-selection-display .info-display-inserts #info-carousel img {
          height: 50rem;
          position: absolute;
          left: 50%;
          transform: translate(-50%, 0%); }
      .info-container .info-selection-display .info-display-inserts .slider-icons-abs {
        position: absolute;
        top: 50%;
        width: 100%; }
        .info-container .info-selection-display .info-display-inserts .slider-icons-abs .slider-icons {
          font-size: 3rem;
          color: white;
          display: flex;
          justify-content: space-between;
          align-items: center; }
      .info-container .info-selection-display .info-display-inserts p {
        text-align: center;
        margin: 5% 0;
        font-size: 2rem;
        color: white; }

@media (max-width: 768px) {
  .info-container .info-selection-display {
    width: 80% !important; }
    .info-container .info-selection-display .info-display-inserts #info-carousel img {
      height: 85% !important;
      width: 80% !important; } }

@media (max-width: 428px) {
  .info-container .info-selection-display {
    width: 100% !important;
    height: 80% !important; } }

.temp-display--container {
  width: 100%;
  margin: 15% auto; }
  .temp-display--container .temp-display {
    margin: 0 auto;
    width: 40%;
    height: 40rem;
    background-color: #2b2b2b;
    padding: 2%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px; }
    .temp-display--container .temp-display .temp-display-inserts {
      position: relative;
      height: 30rem; }
      .temp-display--container .temp-display .temp-display-inserts .temp-exit {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        font-size: 2rem;
        color: #C33764; }
      .temp-display--container .temp-display .temp-display-inserts P {
        text-align: center;
        padding: 15% 0;
        font-size: 2rem;
        color: white; }
      .temp-display--container .temp-display .temp-display-inserts .temp-icon {
        position: absolute;
        bottom: 5%;
        left: 45%;
        width: 50%;
        transform: translate(-50%, -50%);
        font-size: 5rem;
        color: white;
        animation: temp-icon ease 1.5s infinite; }

.gamelounge-chillzone {
  width: 100%;
  margin: 15% auto;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
  z-index: 2; }
  .gamelounge-chillzone .playlist-vid {
    position: relative;
    margin: 0 auto;
    width: 40%;
    height: 40rem;
    background-color: #c33763;
    padding: 2%;
    border-radius: 15px; }
    .gamelounge-chillzone .playlist-vid .playlist-exit {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      font-size: 3rem;
      color: #2b2b2b; }
    .gamelounge-chillzone .playlist-vid p {
      font-size: 2rem;
      color: white;
      text-align: center;
      position: absolute;
      top: 20%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%; }
    .gamelounge-chillzone .playlist-vid .loader {
      position: absolute;
      top: 50%;
      margin-top: -25px;
      left: 50%;
      margin-left: -25px;
      border: 1.6rem solid #f3f3f3;
      border-top: 1.6rem solid #0093E9;
      border-radius: 50%;
      width: 6rem;
      height: 6rem;
      animation: loading-spin 2s linear infinite; }
    .gamelounge-chillzone .playlist-vid #playlist-embed {
      z-index: 2; }
      .gamelounge-chillzone .playlist-vid #playlist-embed iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 15px; }
    .gamelounge-chillzone .playlist-vid a {
      color: #07a807; }
    .gamelounge-chillzone .playlist-vid .playlist-random {
      position: absolute;
      bottom: 15%;
      left: 50%;
      font-size: 2rem;
      transform: translate(-50%, 0%);
      color: white;
      background-color: #0093E9;
      padding: 2%;
      border-radius: 10px; }
    .gamelounge-chillzone .playlist-vid h5 {
      font-size: 2rem;
      color: white;
      text-align: center;
      position: absolute;
      bottom: 2.5%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%; }

.video-lounge-container {
  width: 100%;
  height: 100vh;
  z-index: 2;
  background: repeating-linear-gradient(45deg, black, transparent 100px);
  overflow: hidden; }
  .video-lounge-container .lounge-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .video-lounge-container .lounge-flex .video-carousel {
      position: relative;
      width: 70vw;
      height: 70vh; }
      .video-lounge-container .lounge-flex .video-carousel .video-lounge-exit {
        position: absolute;
        top: 0;
        right: 1%;
        background-color: #c3376399;
        padding: 1%;
        border-radius: 5px;
        font-size: 3rem;
        color: #fff;
        z-index: 3; }
      .video-lounge-container .lounge-flex .video-carousel .loader {
        position: absolute;
        top: 50%;
        margin-top: -25px;
        left: 50%;
        margin-left: -25px;
        border: 1rem solid #f3f3f3;
        border-top: .8rem solid red;
        border-radius: 50%;
        width: 6rem;
        height: 6rem;
        animation: loading-spin 2s linear infinite; }
      .video-lounge-container .lounge-flex .video-carousel #video-embed {
        width: 100%; }
        .video-lounge-container .lounge-flex .video-carousel #video-embed iframe {
          position: absolute;
          width: 100%;
          height: 60vh; }
      .video-lounge-container .lounge-flex .video-carousel .video-controls {
        position: absolute;
        bottom: -12px;
        text-align: center;
        color: white;
        font-size: 3rem;
        width: 100%; }
        .video-lounge-container .lounge-flex .video-carousel .video-controls .icons {
          padding: .5% 1.5%;
          border-radius: 100%;
          margin: 0 2%; }
        .video-lounge-container .lounge-flex .video-carousel .video-controls .video-shuffle {
          color: red; }
    .video-lounge-container .lounge-flex .video-live-chat {
      width: 30%; }
      .video-lounge-container .lounge-flex .video-live-chat #video-chat-widget {
        height: 100vh;
        overflow: scroll;
        scrollbar-color: #C33764 #0f0c2900;
        scrollbar-width: thin !important; }
        .video-lounge-container .lounge-flex .video-live-chat #video-chat-widget::-webkit-scrollbar {
          width: 1vw; }
        .video-lounge-container .lounge-flex .video-live-chat #video-chat-widget::-webkit-scrollbar-thumb {
          background-color: #c3376383;
          border-radius: 10px; }
          .video-lounge-container .lounge-flex .video-live-chat #video-chat-widget::-webkit-scrollbar-thumb:hover {
            background-color: #C33764; }
        .video-lounge-container .lounge-flex .video-live-chat #video-chat-widget::-webkit-scrollbar-track {
          background-color: #0f0c29; }

.policy-appear {
  animation: policy-appear 6s linear; }

.policy-shadow {
  box-shadow: inset 1rem 1rem 50rem black; }

.search-results {
  height: 100%; }
  .search-results .search-results-exit {
    position: fixed;
    top: 0;
    right: 1%;
    background-color: #24243e;
    padding: 1%;
    border-radius: 5px;
    font-size: 3rem;
    color: #fff;
    z-index: 3; }
  .search-results .info-icon {
    display: flex;
    align-items: baseline;
    position: fixed;
    top: 0;
    left: 1%;
    padding: 1%;
    font-size: 2rem;
    color: #fff;
    z-index: 3; }
    .search-results .info-icon p {
      margin-left: 5%;
      font-size: 1rem;
      font-family: 'Poppins', cursive; }
      @media (max-width: 320px) {
        .search-results .info-icon p {
          display: none; } }
  .search-results #videoListContainer {
    max-width: 1440px; }
    .search-results #videoListContainer #search-h4 {
      max-width: 1440px;
      background-color: brown;
      font-size: 2rem;
      color: white;
      width: 100vw;
      height: 50px;
      position: fixed;
      padding: 1%;
      display: flex;
      justify-content: center;
      align-items: center; }
    .search-results #videoListContainer ul {
      text-align: center;
      padding-top: 40px; }
      .search-results #videoListContainer ul .data-num {
        display: inline-grid; }
        .search-results #videoListContainer ul .data-num li {
          margin: 5% 1% 0 0;
          max-width: 30rem;
          font-size: 2rem;
          color: white;
          list-style-position: inside;
          list-style: none; }
          .search-results #videoListContainer ul .data-num li a .search-thumbnail {
            height: 25rem;
            width: 30rem;
            padding: 2%; }
          .search-results #videoListContainer ul .data-num li #para-search-return {
            overflow: hidden; }
    .search-results #videoListContainer .paginate {
      margin-right: 5px;
      font-size: 2rem;
      color: white;
      background-color: #2b2b2b;
      padding: 0.5rem 1rem;
      border-radius: 5px; }

.consent-modal {
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
  align-items: flex-end;
  justify-content: flex-end; }
  .consent-modal .consent-content {
    background-color: #fff;
    padding: .5vw 3vw;
    border-radius: 10px 10px 0 0;
    width: 35%; }
    @media (max-width: 960px) {
      .consent-modal .consent-content {
        width: 100%; } }
    .consent-modal .consent-content .important-terms-insert--top {
      display: flex;
      justify-content: center;
      align-items: center; }
      .consent-modal .consent-content .important-terms-insert--top a {
        margin: 1.5%; }
        .consent-modal .consent-content .important-terms-insert--top a i {
          font-size: 2.5rem; }
      .consent-modal .consent-content .important-terms-insert--top .fa-google {
        color: #00a4d6; }
      .consent-modal .consent-content .important-terms-insert--top .fa-youtube {
        color: red; }
    .consent-modal .consent-content p {
      text-align: center;
      font-size: 1.3rem;
      margin-bottom: .5%; }
      .consent-modal .consent-content p #yt-terms-link {
        color: red; }
    .consent-modal .consent-content #feenixbloom-policy {
      display: flex;
      justify-content: center;
      align-items: center; }
      .consent-modal .consent-content #feenixbloom-policy a #policy-icon {
        font-size: 2rem; }
    .consent-modal .consent-content .consent-btns {
      display: flex;
      justify-content: flex-end;
      margin-top: 2em; }
      .consent-modal .consent-content .consent-btns .consent-btn {
        border: none;
        outline: none;
        padding: .8em 1.5em;
        width: 100px;
        margin-right: 1em;
        border-radius: 3px;
        text-transform: uppercase; }
      .consent-modal .consent-content .consent-btns .accept {
        background-color: #00b97c;
        color: #fff; }

.consent-modal.active {
  display: flex; }

.content-modal {
  height: 100%;
  width: 30%;
  overflow-y: scroll;
  background-color: aliceblue;
  position: fixed;
  top: 0;
  right: 0%;
  z-index: 999;
  padding: 2%; }
  @media (max-width: 768px) {
    .content-modal {
      width: 65%; } }
  .content-modal .content-modal-exit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 2rem;
    color: #c33763;
    margin-bottom: 5%; }
  .content-modal .modal-content h1 {
    text-align: center; }
    @media (max-width: 378px) {
      .content-modal .modal-content h1 {
        font-size: 1.6rem; } }
  .content-modal .modal-content #h1-secondary {
    margin-bottom: 10%; }
  .content-modal .modal-content #featured-news-listing h3, .content-modal .modal-content #other-news-listings h3 {
    text-align: center;
    font-size: 1.6rem;
    text-transform: uppercase; }
  .content-modal .modal-content #featured-news-listing a #featured-listing, .content-modal .modal-content #featured-news-listing a h2, .content-modal .modal-content #other-news-listings a #featured-listing, .content-modal .modal-content #other-news-listings a h2 {
    color: white;
    margin: 5% 0;
    background: #c33763;
    padding: 4%; }
    .content-modal .modal-content #featured-news-listing a #featured-listing:hover, .content-modal .modal-content #featured-news-listing a h2:hover, .content-modal .modal-content #other-news-listings a #featured-listing:hover, .content-modal .modal-content #other-news-listings a h2:hover {
      background: #dd3f718f; }
  .content-modal .modal-content #featured-news-listing a h2, .content-modal .modal-content #other-news-listings a h2 {
    background: #302b63; }

.content-modal-minimize {
  width: 30%;
  display: block; }

@media (max-width: 960px) {
  .video-lounge-container .lounge-flex {
    display: block !important; }
    .video-lounge-container .lounge-flex .video-carousel {
      width: 100% !important;
      height: 40vh !important;
      position: fixed !important;
      z-index: 1 !important; }
      .video-lounge-container .lounge-flex .video-carousel #video-embed iframe {
        height: 38vh !important; }
      .video-lounge-container .lounge-flex .video-carousel .video-controls {
        padding: .5% 0 !important;
        background-color: #2b2b2b !important; }
      .video-lounge-container .lounge-flex .video-carousel .video-lounge-ad {
        display: none !important; }
    .video-lounge-container .lounge-flex .video-live-chat {
      width: 100% !important;
      position: absolute !important;
      bottom: 0% !important; }
      .video-lounge-container .lounge-flex .video-live-chat #video-chat-widget {
        height: 55vh !important; } }

@media (max-width: 560px) {
  .video-lounge-container .lounge-flex .video-carousel .video-controls {
    font-size: 2.2rem !important; } }

@media (max-width: 1000px) {
  #typography-inner--2 .inner-text-main {
    font-size: 4rem !important; } }

@media (min-width: 960px) {
  .mobile-view-ad {
    display: none !important; }
  .community-sidebar-display-secondary {
    display: none !important; } }

@media (max-width: 960px) {
  .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography {
    height: 50vh !important; }
    .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography #typography-inner {
      height: 40vh !important; }
  .section-body-container {
    width: 100% !important; }
  .game-lounge-right-aside {
    display: none !important; }
  .game-lounge-carousel .game-article-features {
    height: 20rem !important; }
    .game-lounge-carousel .game-article-features h1 {
      margin-top: 0% !important;
      font-size: 1.6rem !important; }
    .game-lounge-carousel .game-article-features p {
      font-size: 1.1rem !important; }
    .game-lounge-carousel .game-article-features .article-features-container .article-abs {
      left: 15% !important; }
      .game-lounge-carousel .game-article-features .article-features-container .article-abs .featured-articles .article p {
        font-size: 1.1rem !important; }
      .game-lounge-carousel .game-article-features .article-features-container .article-abs .featured-articles .article .view-more-videos {
        margin: 25% 0 !important; }
        .game-lounge-carousel .game-article-features .article-features-container .article-abs .featured-articles .article .view-more-videos .view-more-vid--icon {
          font-size: 3.5rem !important; } }

@media (max-width: 870px) {
  #typography-inner .apex-circle {
    font-size: 24rem !important; }
  #typography-inner .inner-apex-icon img {
    height: 16rem !important; }
  .enter-lounge {
    font-size: 2.5rem !important; } }

@media (max-width: 800px) {
  #typography-inner--2 .inner-text-main {
    font-size: 3rem !important; }
  #typography-inner--2 .inner-text-secondary {
    font-size: 1.6rem !important; } }

@media (max-width: 768px) {
  /*Landing Page*/
  .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography {
    height: 40vh !important; }
    .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography #typography-inner {
      height: 36vh !important; }
      .game-lounge-body .game-lounge-body-container .game-lounge-landing--main .gamelounge-home-typography .gamelounge-typography #typography-inner .inner-text-main {
        font-size: 1.6rem !important; } }

@media (max-width: 700px) {
  /*Landing Page*/
  #typography-inner .apex-circle {
    font-size: 20rem !important; }
  #typography-inner .inner-apex-icon img {
    height: 14rem !important; }
  .enter-lounge {
    height: 12rem !important;
    width: 30% !important; } }

@media (min-height: 632px) {
  #settings-icon-min {
    display: none !important; } }

@media (max-height: 632px) {
  .game-sidebar {
    overflow-y: scroll !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important; }
    .game-sidebar::-webkit-scrollbar {
      display: none !important; }
    .game-sidebar .game-sidebar-display .game-sidebar-center {
      top: 37rem !important;
      font-size: 1.6rem !important; }
    .game-sidebar .game-sidebar-display .game-sidebar-end {
      display: none !important; }
  #leaderboard-exit--top #colored-space {
    height: 7rem !important; } }

@media (max-width: 600px) {
  #typography-inner .apex-circle {
    font-size: 16rem !important; }
  #typography-inner .inner-apex-icon img {
    height: 12rem !important; }
  #typography-inner--2 .inner-text-main {
    font-size: 2.2rem !important; }
  #typography-inner--2 .inner-text-secondary {
    font-size: 1.2rem !important; }
  .enter-lounge {
    font-size: 2.2rem !important; } }

@media (max-width: 560px) {
  #currentDate-gamelounge-home {
    font-size: 1.2rem !important; }
  #typography-inner .apex-circle {
    font-size: 13rem !important; }
  #typography-inner .inner-apex-icon {
    top: 49% !important; }
    #typography-inner .inner-apex-icon img {
      height: 8rem !important; }
  .enter-lounge {
    width: 40% !important;
    font-size: 2rem !important; }
  #typography-inner--2 .inner-text-main {
    font-size: 1.8rem !important; }
  #typography-inner--2 .inner-text-secondary {
    font-size: 1rem !important; }
  .section-body-container .game-lounge-carousel .game-article-features .article-features-container .article-abs {
    left: 22% !important; }
    .section-body-container .game-lounge-carousel .game-article-features .article-features-container .article-abs .featured-articles .article .view-more-videos .view-more-vid--icon {
      font-size: 2.5rem !important; }
  .game-feature-container {
    height: 20rem !important; }
    .game-feature-container .banner-text {
      top: 10% !important; }
      .game-feature-container .banner-text h1 {
        font-size: 2rem !important; }
      .game-feature-container .banner-text p {
        display: none !important; }
    .game-feature-container .banner-img img {
      height: 30rem !important; }
  .gamelounge-contact-container {
    max-width: 80% !important; }
  .gamelounge-download-container .gamelounge-download-carousel {
    width: 60% !important;
    height: 40rem !important; }
  .temp-display--container .temp-display {
    width: 80% !important;
    height: 30rem; }
    .temp-display--container .temp-display p {
      font-size: 3rem; }
    .temp-display--container .temp-display .temp-icon {
      bottom: 25% !important;
      font-size: 3.5rem !important; }
  .gamelounge-chillzone .playlist-vid {
    width: 80% !important; } }

@media (max-width: 428px) {
  .gamelounge-home-typography {
    display: block !important; }
    .gamelounge-home-typography .gamelounge-typography, .gamelounge-home-typography .gamelounge-typography--2 {
      height: 22vh !important;
      width: 100% !important;
      margin: 0% !important; }
  #typography-inner .apex-circle {
    font-size: 16rem !important; }
  #typography-inner .inner-apex-icon {
    top: 49% !important; }
    #typography-inner .inner-apex-icon img {
      height: 12rem !important; }
  #typography-inner--2 .inner-text-main {
    font-size: 2.6rem !important;
    background-color: transparent !important; }
  #typography-inner--2 .inner-text-secondary {
    font-size: 1.3rem !important; }
  .game-feature-container {
    height: 15rem !important; }
    .game-feature-container .banner-text {
      top: 10% !important; }
      .game-feature-container .banner-text h4 {
        height: 10% !important; }
      .game-feature-container .banner-text p {
        font-size: .9rem !important; }
    .game-feature-container .banner-img img {
      height: 20rem !important; }
  .community-sidebar-display-secondary {
    display: block !important; }
    .community-sidebar-display-secondary .community-sidebar-content {
      max-width: 100% !important;
      margin: 5% !important; }
  .section-body-container .game-feature-section .secondary-nav-top .secondary-nav-inner {
    font-size: .75rem !important; }
  .section-body-container .game-lounge-carousel {
    margin-top: 0% !important; }
    .section-body-container .game-lounge-carousel .game-article-features .article-features-container .article-abs .featured-articles .article img {
      height: 10rem !important;
      width: 22rem !important;
      border-radius: 10px !important; }
  .game-search-bar {
    background-color: transparent !important;
    width: 70% !important; }
    .game-search-bar #search-icon {
      display: none !important; }
    .game-search-bar input::placeholder {
      font-size: 1.2rem !important; }
  .gamelounge-info--container .gamelounge-info--body .gamelounge-info--2 .gamelounge-article-content h3 {
    font-size: 2.8rem !important; }
  .gamelounge-download-container .gamelounge-download-carousel {
    height: 30rem !important; } }

@media (max-width: 320px) {
  #currentDate-gamelounge-home {
    font-size: 1rem !important; }
  .gamelounge-home-typography .gamelounge-typography, .gamelounge-home-typography .gamelounge-typography--2 {
    height: 27vh !important; }
  #typography-inner .apex-circle {
    font-size: 14rem !important; }
  #typography-inner .inner-apex-icon img {
    height: 10rem !important; }
  #typography-inner--2 .inner-text-main {
    font-size: 2.2rem !important; }
  #typography-inner--2 .inner-text-secondary {
    font-size: 1.1rem !important; }
  .enter-lounge {
    width: 45% !important; }
  .enter-circle {
    margin-left: 5% !important; }
  .section-body-container .game-lounge-carousel .game-article-features .article-features-container .article-abs {
    left: 25% !important; }
  .game-sidebar {
    position: fixed;
    height: 100vh;
    width: 5%;
    z-index: 2;
    margin-top: 5%; }
    .game-sidebar .game-sidebar-display {
      display: block; }
      .game-sidebar .game-sidebar-display .game-sidebar-center {
        top: 55% !important;
        font-size: 1rem !important; }
        .game-sidebar .game-sidebar-display .game-sidebar-center .icons {
          margin-bottom: 6rem;
          padding: 5px; }
          .game-sidebar .game-sidebar-display .game-sidebar-center .icons a {
            color: white;
            transition: all .2s; }
            .game-sidebar .game-sidebar-display .game-sidebar-center .icons a:hover {
              color: #777; }
          .game-sidebar .game-sidebar-display .game-sidebar-center .icons #up-icon {
            background-color: white;
            color: #252222;
            padding: 5%;
            border-radius: 5px; }
      .game-sidebar .game-sidebar-display .game-sidebar-end {
        font-size: 1rem !important;
        bottom: 5% !important; }
        .game-sidebar .game-sidebar-display .game-sidebar-end #settings-icon {
          color: white; }
  .gamelounge-contact-container {
    max-width: 80% !important; }
    .gamelounge-contact-container #gamelounge-contact fieldset textarea {
      height: 15rem !important; }
  .gamelounge-chillzone .playlist-vid {
    width: 80% !important;
    height: 28rem !important; }
    .gamelounge-chillzone .playlist-vid p, .gamelounge-chillzone .playlist-vid h5 {
      font-size: 1.6rem !important; }
    .gamelounge-chillzone .playlist-vid #playlist-embed iframe {
      height: 15rem !important;
      width: 20rem !important; } }

/* Gamelounge End */
/* 
---Mobile, portrait---
320px	iPhone SE
375px	iPhone 6 to X
414px	iPhone 8 Plus

---Mobile, in between---
580px   devices inbetween

---Mobile, landscape---	
568px	iPhone SE
667px	iPhone 6 to 8
736px	iPhone 8 Plus
812px	iPhone X

---Tablet, portrait---	
768px	iPad Air, iPad Mini, iPad Pro 9″
834px	iPad Pro 10″

---Tablet, landscape---	
1024px	iPad Air, iPad Mini, iPad Pro 9″
1024px	iPad Pro 12″ (portrait)
1112px	iPad Pro 10″

---Laptop displays---	
1366px	HD laptops (768p)
1366px	iPad Pro 12″ (landscape)
1440px	13″ MacBook Pro (2x scaling)

---Desktop displays---	
1680px	13″ MacBook Pro (1.5x scaling)
1920px	1080p displays
*/
@-webkit-keyframes apex-1 {
  0% {
    opacity: 1; }
  14% {
    opacity: 0; }
  28% {
    opacity: 0; }
  42% {
    opacity: 0; }
  56% {
    opacity: 0; }
  70% {
    opacity: 0; }
  84% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes apex-2 {
  0% {
    opacity: 0; }
  14% {
    opacity: 1; }
  28% {
    opacity: 0; }
  42% {
    opacity: 0; }
  56% {
    opacity: 0; }
  70% {
    opacity: 0; }
  84% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes apex-3 {
  0% {
    opacity: 0; }
  14% {
    opacity: 0; }
  28% {
    opacity: 1; }
  42% {
    opacity: 0; }
  56% {
    opacity: 0; }
  70% {
    opacity: 0; }
  84% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes apex-4 {
  0% {
    opacity: 0; }
  14% {
    opacity: 0; }
  28% {
    opacity: 0; }
  42% {
    opacity: 1; }
  56% {
    opacity: 0; }
  70% {
    opacity: 0; }
  84% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes apex-5 {
  0% {
    opacity: 0; }
  14% {
    opacity: 0; }
  28% {
    opacity: 0; }
  42% {
    opacity: 0; }
  56% {
    opacity: 1; }
  70% {
    opacity: 0; }
  84% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes apex-6 {
  0% {
    opacity: 0; }
  14% {
    opacity: 0; }
  28% {
    opacity: 0; }
  42% {
    opacity: 0; }
  56% {
    opacity: 0; }
  70% {
    opacity: 1; }
  84% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes apex-7 {
  0% {
    opacity: 0; }
  14% {
    opacity: 0; }
  28% {
    opacity: 0; }
  42% {
    opacity: 0; }
  56% {
    opacity: 0; }
  70% {
    opacity: 0; }
  84% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes gamelounge-home-btn {
  0% {
    opacity: 1;
    transform: scale(1); }
  50% {
    opacity: .7;
    transform: scale(0.95); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@-webkit-keyframes gamelounge-home-img {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes temp-icon {
  0% {
    transform: scale(1);
    opacity: 1; }
  50% {
    transform: scale(1.05);
    opacity: .8;
    color: #fcb565; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes loading-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes policy-appear {
  0% {
    opacity: 0; }
  98% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes squish {
  100% {
    left: -15%;
    right: -15%;
    top: 35%;
    bottom: 35%;
    border-radius: 30px; } }

@-webkit-keyframes progress {
  100% {
    left: -15%;
    right: -15%;
    top: 35%; } }

@-webkit-keyframes remove {
  100% {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0; } }

.iframe {
  width: 90%;
  height: 55rem;
  border: none;
  margin-left: 4rem; }

@media (max-width: 58.875em) {
  .iframe {
    width: 100%;
    margin-left: 0; } }

#gamelounge-ad-placement {
  max-height: 15rem;
  width: 100%;
  background-color: transparent;
  padding: 0 5%;
  overflow-x: hidden !important;
  scrollbar-width: thin !important; }

#gamelounge-ad-placement::-webkit-scrollbar {
  height: 1.5vh;
  width: .8vw; }