.falconiumList ul {
    list-style-type: none;
    background-color: black;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: flex; /* use flex layout */
    align-items: center;
}

.falconiumList li {

}

.falconiumList a{
    color: white;
    text-decoration: none;
    padding: 15px;
    display: flex;
    text-align: center;
    width: 100%;
    font-family: 'House of Cards w03';
    font-size: 23.65px;
}
.falconiumList a:hover{

    color: black;
    background-color: white;
    font-weight: bold;
    transition: 1s;
}


.navLogo {

    width: 75px;
    height: 75px;
}

.falconiumFooter {
    
    position : relative;
    left: 0;
    bottom: 0;
    width: 100%;
    font-family: 'House of Cards w03';
    
}

.falconiumFooter ul {

    list-style-type: none;
    background-color: black;
    padding: 0%;
    margin: 0%;
    overflow: hidden;
}

.falconiumFooter a{
    color: white;
    text-decoration: none;
    padding: 15px;
    display: block;
    text-align: center;
}

.falconiumFooter a:hover{

    color: black;
    background-color: white;
    font-weight: bold;
    transition: 1s;
}

.falconiumFooter li {

    float: left;
}


body {
    background-color: rgb(24, 23, 23);
}


#navMenu {

    display: none;
}

.menu-icon {

    cursor: pointer;
    font-size: 24px;
    color: white;
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    width: fit-content;
    font-weight: bolder;

}

.menu-icon:hover {
    animation: rotateNav 1s;
}


@keyframes rotateNav {

    from {
        opacity: 0.5;
        transform: rotate(0deg);
    }

    to {
        opacity: 1;
        transform: rotate(360deg);
    }

}

#navMenu.active {
    display: flex;
    flex-direction: column;  /* Make items stack vertically */
    align-items: flex-start;  /* Align all items to the left */
    width: 100%;
}

.homeAbout {

    color : white;
    width: auto;
    margin: 0px;
    font-size: 18px;
    text-align: center;
    margin: 0 0;
    float: none;
}

.homeVideoSec {

    width : 30%;
    height : 30%;
    float: left;
    display: none;
}

.homeVideo {

    width: 100%;
    height: 100%;
}


.filler {

    font-family: 'House of Cards w03';
    color: white;
    width: 100%;
    margin: 0px auto;
    animation : popUp 2s

}

@media (min-width : 1248px) {

    .giveaway {
        margin: 40px;
        font-size: 24px;
        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
    }

    .giveaway:hover {

        background-color: black;
        color: white;
        transition: 1s;
    }

    .katowiceGiveawayWrapper {
        display: flex;
        flex-direction: column;
    }

    .katowiceImage {

        width: 100%;
        height: 100%;
    }

    .eSports {
        
        margin-top: 40px;
        margin-bottom: 40px;
        font-family: 'House of Cards w03';
        font-size: 42px;
        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
    }

    .katowiceText {

        font-size: 24px;
    }

    .taleOfTheTape {

        font-size: 42px;
        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
        font-family: 'House of Cards w03';
    }

    .youtubeVideo {

        display: flex;
        flex-wrap: wrap;
    }

    .video {
        margin: 40px;
        width: 100%;
        aspect-ratio: 16/9;
    }

    .video iframe {

        width: 100%;
        height: 100%;
    }

    .eSportsWrapper {

        color: white;
        display: flex;
        flex-direction: row;
        font-family: 'House of Cards w03';
        width: auto;
        height: auto;
    }
    
    .katowiceText {

        margin: 40px;
    }

    .katowiceText h1 {

        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
    }

    .videoAftermath {

        font-family: 'House of Cards w03';
        color: white;
        margin-top: 40px;
    }

    .newsText {
        color: white;
        font-family: 'House of Cards w03';
        width: 100%;
    }


    .intel285k {

        display: flex;
        align-items: center;
        margin-right: auto;
    }

    .intelCoreUltra {
        width: 100%;
    }

    .keepInTheKnow {

        font-family: 'House of Cards w03';
        color: black;
        background-color: white;
        font-size : 42px;
        width: auto;
        justify-content: center;
        display: flex;
    }

     .makeAClaim {

        font-family: 'House of Cards w03';
        display: flex;
        background-color: white;
        color: black;
        justify-content: center;
        font-size: 32px;
    }


    .servicesWeOffer {

        display: flex;
        justify-content: center;
        color: black;
        font-family: 'House of Cards w03';
        background-color: white;
        width: auto;
    }


.categoryContainer{

        font-family: 'House of Cards w03';
        color: grey;
        font-size: 32px;
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-around;
        
    }

.container {

        display: flex;
        flex-direction: row;
        clear: both;
        animation : popUp 2s;
    }



.highEnd {

    font-family: 'House of Cards w03';
    font-size: 34px;
    color: white;
    display: flex;
    justify-content: center;
}    

.featuredProducts {

    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.featuredProductsH1 {

    color: white;
    font-family: 'House of Cards w03';
    display: flex;
    justify-content: center;
}

.featuredParagraph {
    display: none;
    font-size: 24px;
    font-family: 'House of Cards w03';
}

.featuredParagraph.dark-mode {
    display: none;
    font-size: 24px;
    font-family: 'House of Cards w03';
    color: white;
    background-color: black; !important
}

.expandDots {

    display: flex;
    color: white;
    font-size: 24px;
    flex-direction: row;
}

.expandDots.dark-mode {

    display: flex;
    color: black;
    font-size: 24px;
    flex-direction: row;
}

.featuredSection {

    display: flex;
    flex-direction: row;
    align-items: center;
}

.featuredSection:hover .featuredParagraph {

    display: flex;
    flex-direction: row;
    color: white;
    font-family: 'House of Cards w03';
    font-size: 24px;
    animation: appear 4s forwards;
    padding: 40px;
} 


.featuredSection:hover .expandDots {
    
    display: none;
}

@keyframes appear {

    from {

        opacity: 0;
        background-image: none;
        color: white;
    }

    to {

        opacity: 1;
        background-image: linear-gradient(to right, white , rgba(245, 245, 245, 0.696));
        color: black;
    }
}

.falcyMedia {

    display: flex;
    justify-content: center;
    font-family: 'House of Cards w03';
    font-size: 34px;
    color: white;

}

    .featuredContainer{

        font-family: 'House of Cards w03';
        color: grey;
        font-size: 22px;
        display: flex;
        flex-direction: column;
        
    }

.productContainer {
  position: relative; /* Make the container positioned to allow absolute positioning of the info box */
}

.productInfoBody {
  display: none; /* Hide info box by default */
  position: absolute;
  top: 0; /* Align the info box to the top of the container */
  left: 100%; /* Position the box to the right of the container */
  width: 10vw; /* Make the info box take up full width of the container */
  padding: 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 100;
  box-sizing: border-box; /* Ensure padding doesn't affect the width */
  color: white;
}

.productContainer:hover .productInfoBody {
  display: block; /* Show the info box when hovering over the container */
  animation: productBodyAnimation 2s forwards;
}

.productInfoBody.active {
    display: flex;
    width: 50vw; /* Ensure it takes full width when active */
    padding: 20px;
    box-sizing: border-box;
    font-size: 34px;
    animation: productBodyAnimation 2s forwards;
}

    .mediaBody {

        color: grey;
        font-family: 'House of Cards w03';
        background-color: white;
        color: black;
        font-size: 42px;
        display: flex;
        justify-content: center;
        animation : popDown 2s
    }

    .mediaBody.dark-mode {

        color: grey;
        font-family: 'House of Cards w03';
        background-color: black;
        color: white;
        font-size: 42px;
        display: flex;
        justify-content: center;
        animation : popDown 2s
    }



    .homeFeaturedText {

        color: white;
        animation : popUp 2s;
        margin : 80px
    }
    
    #navMenu {
        
        display: flex;
        position: static;
        flex-direction:row;
        background: none;
        width: auto;
        font-size: 32px;
    }

    #navMenu a {
        width: auto;
        position: relative;
    }
    .menu-icon {
        
        display: none;
    }
    .homeAbout {

        color : white;
        width: 65%;
        float : none;
        margin: 40px;
        font-size: 23px; 
    }
    
    .homeVideoSec {
    
        width : 28%;
        height : 20%;
        float: left;
    }
    
    .homeVideo {
    
        width: 125%;
        height: 125%;
    }

    .homeAboutMain {

        font-size: 28px;
        margin: 40px;
        color: white;
    
    }
    
    .homeFeatured {
    
        font-size: 56px;
        font-family: 'House of Cards w03';
        margin: 40px;
        display: flex;
        color: grey;
        animation : popDown 2s
    }
    
    .whoWeAre {

        display: flex;
        justify-content: center;
        color: black;
        font-family: 'House of Cards w03';
        background-color: white;
        width: auto;
    }

    .container {

        display: flex;
        flex-direction: row;
        clear: both;
    }

    .loginElement {

    margin-left: auto;

    
}

.profileElement {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px; /* Space between items */
    margin-left: auto;
}

.accessibility a {
    font-size: 39.3px;
}

.accessibilityDropdown {

    display : flex;
    flex-direction: column;
    margin-left: auto;

}

.accessibility .accessibilityMenu {

    display : none;
    position: absolute;
    background-color: white;
    color: black;
    list-style: none;
    padding: 20px 20px;

}


.accessibilityDropdown:hover .accessibilityMenu{


    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style: none;
    align-items: center;
    font-size: 29.1px;
    font-family: 'House of Cards w03';
    cursor: pointer;
    color: black;

}

.accessibilityMenu li {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    margin-right: auto;
    padding: 10px;
}

.ourProductsDropdown {

    display : flex;
    flex-direction: column;

}


.ourProducts .ourProductsMenu {
    display: flex;
    flex-direction: column;
    position: absolute;
}


.ourProductsMenu a {
    display: none;
    background-color: white;
    color: black;
    font-size: 21.5px;
}

.ourProductsMenu li {
    width: 100%;
}

.ourProducts:hover .ourProductsMenu a{
    display: flex;
}


}

@media (max-width : 1248px) {

    .giveaway {

        color: black;
        background-color: white;
        display: flex;
        justify-content: center;
        font-size: 24px;
        font-family: 'House of Cards w03';
        margin-bottom: 40px;
        margin-top: 40px;
        width: 100%;
    }   

    .giveaway:hover {

        background-color: black;
        color: white;
        transition: 1s;
    }

    .katowiceText {

        color: white;
        font-size: 24px;
        font-family: 'House of Cards w03';
        margin-top: 40px;
        margin-left: 40px;
        margin-right: 40px;
    }

    .eSportsWrapper {

        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .katowiceImage {

        width: 100%;
        height: 100%;
        margin-bottom: 40px;
    }

    .eSports {    

        margin-bottom : 40px;
        font-family: 'House of Cards w03';
        font-size: 42px;
        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
        
    }

    .videoAftermath {

        font-family: 'House of Cards w03';
        font-size: 24px;
        margin: 40px;
        color: white;
    }

    .youtubeVideo {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    /* Responsive iframe wrapper */
    .video {
        width: 100%;
        max-width: 1000px; /* optional limit — change if you want */
        position: relative;
        aspect-ratio: 16 / 9; /* maintains the video shape */
    }

    .video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }


    .featuredContainer {

        width: 100%;
        margin: 0px;
    }

    .taleOfTheTape {

        color: black;
        background-color: white;
        font-family: 'House of Cards w03';
        display: flex;
        justify-content: center;
        font-size: 42px;
    }

    .keepInTheKnow {

        background-color: white;
        color: black;
        font-family: 'House of Cards w03';
        font-size: 42px;
    }

    .newsText {

        font-family: 'House of Cards w03';
        color: white;
        font-size: 24px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    
    .servicesMain {
        width: auto;
        margin-top: 40px;
        
    }

 .makeAClaim {

    display: flex;
    justify-content: center;
    font-size: 34px;
    font-family: 'House of Cards w03';
    color: black;
    background-color: white;
    width: 100%


}

.makeAClaim.dark-mode {
    background-color: black;
    color: white;
}


     .servicesWeOffer {

        display: flex;
        justify-content: center;
        color: black;
        font-family: 'House of Cards w03';
        background-color: white;
    }

     .productWrapper {
        flex-direction: column !important;
        width: 100%;
      }
    
      .productFigureDiv {
        flex-direction: column !important;
        width: 100%;
      }
    
      .productContainer {
        width: 100%;
      }
    
      .productInfoBody {
        width: 100%;
      }

      .productInfoBody.active {
        display: flex;
        width: 70vw; /* Ensure it takes full width when active */
        padding: 20px;
        box-sizing: border-box;
        font-size: 34px;
        animation: productBodyAnimation 2s forwards;
        margin : 40px;
    }

    

    .falconiumList ul li {

     width: 100%;
    
    }

    #navMenu {

        background: linear-gradient(to right, black, skyblue, purple);
        border-radius: 2%;
    }

    .profileElement {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
        margin-right: auto ;
        width: 100%;

    }

    .falconHomeFigure {

        width: 200px;
        height: 200px;
        margin: 0, auto
        

    }

    .falconHomeContainer {

        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0, auto;

    }


    #navMenu {
        
        display: none;

    }

    #navMenu.active {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        font-family: 'House of Cards w03';
    }




    .homeAbout {

        color : white;
        width: auto;
        margin: 40px auto;
        font-size: 24px;
        text-align: center;
    }
    

    .homeVideoSec {
    
        width : 100%;
        height : 20%;
        float: left;
    }
    
    .homeVideo {
    
        width: 100%;
        height: 100%;
    }

    .homeAboutMain {

        font-size: 24px;
        margin : 40px auto;
        color: white;
        font-family: 'House of Cards w03';
    }
    
    .homeFeatured {
    
        font-size: 56px;
        font-family: 'House of Cards w03';
        width: 65%;
        margin: 0 auto;
        color : white;
        text-align : center

    }

    .whoWeAre {

        display: flex;
        justify-content: center;
        color: black;
        font-family: 'House of Cards w03';
        background-color: white;
        width: auto;
    }

    .container {

        display: flex;
        flex-direction: column;
        width: 100%;
    }


    .homeFeaturedText {

        color: white;
        font-size: 24px;
        font-family: 'House of Cards w03';
        text-align: center;
        margin: 30px auto;
        width: 65%;
        animation : popUp 2s
    }

    .ourProductsBody {

        display: flex;
        color: black;
        background-color: white;

    }

    
    .nav ul {

        list-style: none;
        padding: 0;
        margin: 0;

    }

    .nav ul li {

        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        width: 100%;

    }
    

    }

.slider-wrapper {
    position: relative;
    max-width: 32rem;
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    text-align : center
}

.slider {
    display: flex;
    width: 100%;
    height: 500px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    box-shadow: 0 1.5rem 3rem -0.75rem hsla(0%, 0%, 0%, 0.25);
    border-radius: 0.5rem;
}

.slider img {
    flex 1 0 100%;
    scroll-snap-align: start;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.slider-nav {
    display: flex;
    column-gap: 1rem;
    position: absolute;
    bottom:1.25rem;
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
}

.slider-nav a {

    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color : white;
    opacity : 0.25;
    transition: opacity ease 250ms;
}
.slider-nav a:hover {

opacity: 1;
    
}

.whoWeAre {

    font-size: 42px;
    font-style: bold;
    animation: popDown 2s

    
}


.homeAboutMain {

    font-family: cursive;
    font-size : 24px;
    font-family: 'House of Cards w03';
    color: white;
    animation: popUp 2s

}

@keyframes popUp {

    from {
        transform: translate(5px, 150px);
        opacity: 0.2;
        color: black;
    }

    to {
        transform: translate(0px, 0px);
        opacity: 1;
        color: white;
    }
}

@keyframes popDown {

    from {
        transform: translate(5px, -150px);
        opacity 0.2;
        font: italic;
        color: white;
    }

    to {
        transform: translate(0px, 0px);
        opacity: 1;
        font-family: 'House of Cards w03';
        color: black;
    }
}

.homeFeatured {

    font-size: 42px;
    font-style: italic;
    width: auto;
    color: black;
    background-color: white;
    justify-content: center;
    align-items: center;
}



.loginVisual {

    background-color: white;
}



@font-face {
    font-family: 'House of Cards W03';
    src: url('https://db.onlinewebfonts.com/t/970677c69571772c9e53798ffe5a4aa0.woff2') format('woff2'),
         url('https://db.onlinewebfonts.com/t/970677c69571772c9e53798ffe5a4aa0.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}


.profileName {
    color: white;
    font-family: 'House of Cards w03', sans-serif;
    font-size: 42px;
}

.logoutLink {
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-family: 'House of Cards w03';
    cursor: pointer;
    transition: color 0.3s ease;
}

.logoutLink:hover {
    color: black;
    background-color: white;
}

.accessibility {

    font-family: 'House of Cards w03';
}


.fontSizeButton {

    font-family: 'House of Cards w03';
    outline: none;
    border: none;
    background-color: purple;
    color: white;
    font-size: 24.2px;
    cursor: pointer;

}

.fontSizeButton:hover {

    background-color: white;
    color: purple;
    transition: 1s;

}

/* Default colors for the dark-mode */
body.dark-mode {
  background-color: white;
  color: black;
}

body.dark-mode a {
  color: black;
  background-color: rgb(247, 246, 246);
}

body.dark-mode a:hover {
  color: white;
  background-color: black;
}


/* Dark mode specific styling for .whoWeAre */
.whoWeAre.dark-mode {
  background-color: black;
  color: white;
}

.homeAboutMain.dark-mode {

    color: black

}

.filler.dark-mode {

    color: black;
}

.homeFeatured.dark-mode {

    color: white;
    background-color: black;
}

.falconiumList ul.dark-mode {
    list-style-type: none;
    background-color: white;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: flex; /* use flex layout */
    align-items: center;
}

.homeFeaturedText.dark-mode {

    color: black;
}


.flipColorButton {

    background: none;
    border: none;
    outline: none;
    font-size: 24px;
    font-family: 'House of Cards w03';
    background-color: black;
    color: white;
    cursor: pointer;
}

.flipColorButton:hover {

    background-color: white;
    color: black;
    transition: 1s;

}

.vanillaFontButton {

    background-color: lightyellow;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    outline: none;
    border: none;
    cursor: pointer;

}

.vanillaFontButton:hover {

    background-color: black;
    color: lightyellow;
    transition: 1s;

}

.footerMain {
    display: flex;
    flex-direction: row;
    background-color: rgb(34, 34, 34);
    justify-content: space-around;
    font-family: 'House of Cards w03';
    width: 100%;
}

.footerMain.dark-mode {

    background-color: whitesmoke;
    
}

.footerMain.dark-mode a {

    color: black;
    
}

.footerMain.dark-mode a:hover{

    background-color: black;
    color: white;
    
}

.footerMain.dark-mode h1{

    color: black;
    
}

.footerMain h1 {

    color: white;
    font-size: 24px;
}

.footerMain ul li a {

     text-decoration: none;
     font-size: 18px;
}

.footerMain ul li a:hover{

    background-color: white;
    color: black;
    transition: .5s;

}

.socialMedia{

    display: flex;
    flex-direction: row;
    padding: 40px 0;
    gap: 20px;
}


.socialMedia a {

    width: 50px;
    height: 50px; 
    background-color: transparent;
    color: white;
}

.socialMedia li a {

    border-radius: 50%;
    border-color: white;
    border-style: solid;
    font-size: 14px;
    border: 2px;
    
}

.footerMain ul {

    list-style-type: none;
}

.footerMid ul li a {

    color: white;
}

.footerMidRight a {

    text-decoration: none;
    color: white;

}

.footerMidButton {
    display: none;
}

.newsButton {

    display: none;
}

.connectButton {
    display: none;
}

.footerLogo h1 {

     display: none;
}

@media (max-width : 1024px) {

    .featuredProducts {

        display: flex;
        flex-direction: column;
        margin-right: auto;
    }

    .featuredParagraph {

        display: none;
    }

    .featuredProductsH1 {

        color: white;
        display: flex;
        justify-content: center;
        font-family: 'House of Cards w03';
    }

    .highEnd {

        color: white;
        display: flex;
        justify-content: center;

    }
    
    .falcyMedia {

        color: white;
        display: flex;
        justify-content: center;
        font-size: 34px;
        margin: 40px;
        font-family: 'House of Cards w03';
    }

    .expandDots {

        font-size: 34px;
        color: white;
        display: flex;
        margin: 40px;
    }



    .featuredSection:hover .expandDots {
        display: none;
    }

     .featuredSection:hover .featuredParagraph {
        display: flex;
        flex-direction: column;
        font-size: 24px;
        color: white;
        margin: 40px;
        font-family: 'House of Cards w03';
        animation: appear 4s;
        padding: 40px;
    }


    .ourProductsDropdown {
        width: 100%;
    }

    .accessibilityDropdown {
        width: 100%;
    }

    .falconiumList li a {
        
        width: auto;
    }

    .ourProducts .ourProductsMenu {

        display: none;
    }
    

     .mediaBody {

        font-family: 'House of Cards w03';
        background-color: white;
        color: black;
        font-size: 42px;
        display: flex;
        justify-content: center;
        width: auto;
        animation : popDown 2s;

    }

    .mediaBody.dark-mode {

        font-family: 'House of Cards w03';
        background-color: black;
        color: white;
        font-size: 42px;
        display: flex;
        justify-content: center;
        width: auto;
        animation : popDown 2s;

    }
    
    .footerMain {

        display : flex;
        flex-direction : column
    }


    .socialMedia {

        display: none;
    }

    .socialMedia.active {
        
        display: block;
        display: flex;
        flex-direction: row;
        gap: 40px;
        margin: 10px;
        
    }

    .connectButton:hover {
        cursor: pointer;
        color: purple;
    }

    .services {
        display: none;
    }

    .services.active {
        
        display: block;
        display: flex;
        flex-direction: column;
        
    }

    .news {
        
        display: none;
    }

    .news.active {
        
        display: block
    }

    .footerMidButton {
        display: inline;
        margin-left: auto;
        float: right;
    }

    .newsButton {

        display: inline;
        margin-left: auto;
        float: right;
        cursor: pointer;
    }

    .connectButton {
        display: inline;
        margin-left: auto;
        float: right;
    }

    .connectButton:hover {
        
        animation: rotate 1s;
        transition: 2s;
    }

    .footerMidButton:hover {

        animation: rotate 1s;
        color: purple;
        transform: 2s;
        cursor: pointer;
    }

    .newsButton:hover {

        animation: rotate 1s;
        color: purple;
        transition: 2s;
    }



    .connectButton:hover {

        animation: rotate 1s;
    }

    @keyframes rotate {

        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    .footerLogo h1{

     display: flex;
     justify-content: center;
     align-content: center;
     font-size: 24px;
     color: black;
}

    .footerLogo {

        display: flex;
        flex-direction: row;
        align-items: center;
        background-color: white;
    }


}

.footerMain.dark-mode {

    background-color: whitesmoke;
    
}

.footerMain.dark-mode a {

    color: black;
    
}

.footerMain.dark-mode a:hover{

    background-color: black;
    color: white;
    
}

.footerMain.dark-mode h1{

    color: black;
    
}

.accessibility .accessibilityMenu {
    display: none;
}

.productWrapper {
    display: flex;
    flex-wrap: wrap; /* allow wrapping */
    justify-content: space-around; /* space between containers */
    gap: 20px;
    padding: 20px;
    font-family: 'House of Cards w03';
    font-size: 34px;
    color: white;
    flex-direction: column;
}

.productContainer {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-right: auto;
    animation: popUp 2s;

}


.productFigureDiv {

    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.productInfoBody {
    display: none;
    width: 50vw; /* Full viewport width */
    padding: 20px;
    box-sizing: border-box;
}


.productHeading {

    font-size: 34px;
    position: absolute;

}

.productInfoButton {

    cursor: pointer;
}

.legend {

    color: white;
    margin : 40px
}

.legend.dark-mode {

    color: black;
    margin : 40px
}



/* Slide-in and fade-in animation */
@keyframes appearAndGo {
  from {
    opacity: 0;
    transform: translateX(500px);
    font-size: 32px;
  }
  to {
    opacity: 1;
    transform: translateX(0);
    font-size: 32px;;
  }
}

/* Fade-out and hide animation */
@keyframes disappear {
  from {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    font-size: 32px;
  }
  to {
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    transform: translateX(-300px);
  }
}

/* Trigger this to animate the entrance */
.appearAndGo {
  animation: appearAndGo 4s ease-out forwards;
}

/* Trigger this to animate disappearance */
.disappear {
  animation: disappear 2s forwards;
  pointer-events: none;
}

.productHeading {

    color: white;
    padding: 10px;
    margin: -30px;
    font-weight: bold;
}

@keyframes productBodyAnimation {
    from {
        opacity: 0;
        background-color: black;
        color: white;
    }
    to {
        opacity: 1;
        background-color: white;
        color: black;
    }
}

.falcy1Text {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.falcy1Text.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.falcy2Text{

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 33px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.falcy2Text.dark-mode{

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 33px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}


.falcy3Text {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.falcy3Text.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}


.infoMenu1 {

    display: none;

}

.infoMenu2 {

    display: none;

}

.infoMenu3 {

    display: none;

}

@keyframes sidewaysFly {

    from {

        opacity: 0;
        transform: translate(200px, 0px);
    }

    to {

        opacity: 1;
        transform: translate(0px,0px);
    }

}

.infoMenu1.activeInfo1 {
    
    display: flex;
    animation: sidewaysFly 2s;
}

.infoMenu2.activeInfo2 {


    display: flex;
    animation: sidewaysFly 2s

}

.infoMenu3.activeInfo3 {

    display: flex;
    animation: sidewaysFly 2s;
}

.infoIcon1 {

    cursor : pointer
}

.infoIcon2 {

    cursor : pointer
}

.infoIcon3 {

    cursor : pointer
}

.form {

    margin: 40px;
    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    padding: 40px;
}

.form.dark-mode {
    background-color: black;
    color: white;
}

.submitButton {

    font-family: 'House of Cards w03';
    background-color: black;
    color: white;
    border: none;
    outline: none;
}

.submitButton.dark-mode {
    background-color: white;
    color: black;
}

.submitButton:hover {

    cursor: pointer;
}

.servicesWeOffer {

    font-size: 42px;
    font-style: bold;
    animation: popDown 2s

    
}

.ourProducts .ourProductsMenu a:hover {

    color: white;
    background-color: black;
    transition: 1s;
}

.categoryLaptops {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}


.categoryLaptops.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.categoryGP {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}


.categoryGP.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.categoryMisc {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.categoryMisc.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.laptopInfoMenu {

    display: none

}

.laptopInfoMenu.active {

    display: flex;
    flex-direction : row;
    color: black;
    font-size: 32px;
    font-family: 'House of Cards w03';

}

.laptopButton {

    cursor: pointer;

}

.peripheralInfoMenu {

    display: none;
}

.peripheralInfoMenu.active {

    display: flex;
    flex-direction : row;
    color: black;
    font-size: 32px;
    font-family: 'House of Cards w03';

}

.GPButton {

    cursor: pointer;
}

.miscellaneousInfoMenu{

    display: none;
}

.miscellaneousInfoMenu.active{

    display: flex;
    flex-direction: row;
    color: black;
    font-size: 32px;
    font-family: 'House of Cards w03';
}

.UFX-786 {

    border: none;
    outline: none;
    background-color: whitesmoke;
    width: auto;
    height: 100px;
}

.UFX-786 a {

    color: black;
    font-family: 'House of Cards w03';
    font-size: 12px;
    text-decoration: none;
}

.miscellaneousButton {

    cursor: pointer;

}

.linkSectionDiv {

    display: flex;
    flex-direction: column;
    font-family: 'House of Cards w03';
}

.linkFlex {

    display: flex;
    flex-direction: column;
}

.linkText{

    color: white;
}

.link1 a {

    font-size: 62px;
    vertical-align: middle;
    color: white;
    text-decoration: none;
}

.link1 a:hover {

    color: aqua;
}

.ourProductsMenu li a {

    color: black;
    background-color: white;
    text-decoration: none;
}

.ourProductsBody {

    width: auto;
    display: flex;
    background-color: white;
    color: black;
    justify-content: center;
    font-size: 42px;
    font-style: bold;
    animation: popDown 2s;
    font-family: 'House of Cards w03';

    
}

.ourProductsBody.dark-mode {

    width: auto;
    display: flex;
    background-color: black;
    color: white;
    justify-content: center;
    font-size: 42px;
    font-style: bold;
    animation: popDown 2s;
    font-family: 'House of Cards w03';

    
}
.falconiumList ul {
    list-style-type: none;
    background-color: black;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: flex; /* use flex layout */
    align-items: center;
}

.falconiumList li {

}

.falconiumList a{
    color: white;
    text-decoration: none;
    padding: 15px;
    display: flex;
    text-align: center;
    width: 100%;
    font-family: 'House of Cards w03';
    font-size: 23.65px;
}
.falconiumList a:hover{

    color: black;
    background-color: white;
    font-weight: bold;
    transition: 1s;
}


.navLogo {

    width: 75px;
    height: 75px;
}

.falconiumFooter {
    
    position : relative;
    left: 0;
    bottom: 0;
    width: 100%;
    font-family: 'House of Cards w03';
    
}

.falconiumFooter ul {

    list-style-type: none;
    background-color: black;
    padding: 0%;
    margin: 0%;
    overflow: hidden;
}

.falconiumFooter a{
    color: white;
    text-decoration: none;
    padding: 15px;
    display: block;
    text-align: center;
}

.falconiumFooter a:hover{

    color: black;
    background-color: white;
    font-weight: bold;
    transition: 1s;
}

.falconiumFooter li {

    float: left;
}


body {
    background-color: rgb(24, 23, 23);
}


#navMenu {

    display: none;
}

.menu-icon {

    cursor: pointer;
    font-size: 24px;
    color: white;
}

#navMenu.active {
    display: flex;
    flex-direction: column;  /* Make items stack vertically */
    align-items: flex-start;  /* Align all items to the left */
    width: 100%;
}

.homeAbout {

    color : white;
    width: auto;
    margin: 0px;
    font-size: 18px;
    text-align: center;
    margin: 0 0;
    float: none;
}

.homeVideoSec {

    width : 30%;
    height : 30%;
    float: left;
    display: none;
}

.homeVideo {

    width: 100%;
    height: 100%;
}



@media (min-width : 1248px) {

    .giveaway {
        margin: 40px;
        font-size: 24px;
        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
    }

    .giveaway:hover {

        background-color: black;
        color: white;
        transition: 1s;
    }

    .katowiceGiveawayWrapper {
        display: flex;
        flex-direction: column;
    }

    .katowiceImage {

        width: 100%;
        height: 100%;
    }

    .eSports {
        
        margin-top: 40px;
        margin-bottom: 40px;
        font-family: 'House of Cards w03';
        font-size: 42px;
        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
    }

    .katowiceText {

        font-size: 24px;
    }

    .taleOfTheTape {

        font-size: 42px;
        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
        font-family: 'House of Cards w03';
    }

    .youtubeVideo {

        display: flex;
        flex-wrap: wrap;
    }

    .video {
        margin: 40px;
        width: 100%;
        aspect-ratio: 16/9;
    }

    .video iframe {

        width: 100%;
        height: 100%;
    }

    .eSportsWrapper {

        color: white;
        display: flex;
        flex-direction: row;
        font-family: 'House of Cards w03';
        width: auto;
        height: auto;
    }
    
    .katowiceText {

        margin: 40px;
    }

    .katowiceText h1 {

        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
    }

    .videoAftermath {

        font-family: 'House of Cards w03';
        color: white;
        margin-top: 40px;
    }

    .newsText {
        color: white;
        font-family: 'House of Cards w03';
        width: 100%;
    }


    .intel285k {

        display: flex;
        align-items: center;
        margin-right: auto;
    }

    .intelCoreUltra {
        width: 100%;
    }

    .keepInTheKnow {

        font-family: 'House of Cards w03';
        color: black;
        background-color: white;
        font-size : 42px;
        width: auto;
        justify-content: center;
        display: flex;
    }

     .makeAClaim {

        font-family: 'House of Cards w03';
        display: flex;
        background-color: white;
        color: black;
        margin-bottom: 40px;
        justify-content: center;
        font-size: 32px;
    }


    .servicesWeOffer {

        display: flex;
        justify-content: center;
        color: black;
        font-family: 'House of Cards w03';
        background-color: white;
        width: auto;
    }


.categoryContainer{

        font-family: 'House of Cards w03';
        color: grey;
        font-size: 32px;
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-around;
        
    }

.container {

        display: flex;
        flex-direction: row;
        clear: both;
        animation : popUp 2s;
    }



.highEnd {

    font-family: 'House of Cards w03';
    font-size: 34px;
    color: white;
    display: flex;
    justify-content: center;
}    

.featuredProducts {

    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.featuredProductsH1 {

    color: white;
    font-family: 'House of Cards w03';
    display: flex;
    justify-content: center;
}

.featuredParagraph {
    display: none;
    font-size: 24px;
    font-family: 'House of Cards w03';
}

.featuredParagraph.dark-mode {
    display: none;
    font-size: 24px;
    font-family: 'House of Cards w03';
    color: white;
    background-color: black; !important
}

.expandDots {

    display: flex;
    color: white;
    font-size: 24px;
    flex-direction: row;
}

.expandDots.dark-mode {

    display: flex;
    color: black;
    font-size: 24px;
    flex-direction: row;
}

.featuredSection {

    display: flex;
    flex-direction: row;
    align-items: center;
}

.featuredSection:hover .featuredParagraph {

    display: flex;
    flex-direction: row;
    color: white;
    font-family: 'House of Cards w03';
    font-size: 24px;
    animation: appear 4s forwards;
    padding: 40px;
} 


.featuredSection:hover .expandDots {
    
    display: none;
}

@keyframes appear {

    from {

        opacity: 0;
        background-image: none;
        color: white;
    }

    to {

        opacity: 1;
        background-image: linear-gradient(to right, white , rgba(245, 245, 245, 0.696));
        color: black;
    }
}

.falcyMedia {

    display: flex;
    justify-content: center;
    font-family: 'House of Cards w03';
    font-size: 34px;
    color: white;

}

    .featuredContainer{

        font-family: 'House of Cards w03';
        color: grey;
        font-size: 22px;
        display: flex;
        flex-direction: column;
        
    }

.productContainer {
  position: relative; /* Make the container positioned to allow absolute positioning of the info box */
}

.productInfoBody {
  display: none; /* Hide info box by default */
  position: absolute;
  top: 0; /* Align the info box to the top of the container */
  left: 100%; /* Position the box to the right of the container */
  width: 10vw; /* Make the info box take up full width of the container */
  padding: 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 100;
  box-sizing: border-box; /* Ensure padding doesn't affect the width */
  color: white;
}

.productContainer:hover .productInfoBody {
  display: block; /* Show the info box when hovering over the container */
  animation: productBodyAnimation 2s forwards;
}

.productInfoBody.active {
    display: flex;
    width: 50vw; /* Ensure it takes full width when active */
    padding: 20px;
    box-sizing: border-box;
    font-size: 34px;
    animation: productBodyAnimation 2s forwards;
}

    .mediaBody {

        color: grey;
        font-family: 'House of Cards w03';
        background-color: white;
        color: black;
        font-size: 42px;
        display: flex;
        justify-content: center;
        animation : popDown 2s
    }

    .mediaBody.dark-mode {

        color: grey;
        font-family: 'House of Cards w03';
        background-color: black;
        color: white;
        font-size: 42px;
        display: flex;
        justify-content: center;
        animation : popDown 2s
    }



    .homeFeaturedText {

        color: white;
        animation : popUp 2s;
        margin : 80px
    }
    
    #navMenu {
        
        display: flex;
        position: static;
        flex-direction:row;
        background: none;
        width: auto;
        font-size: 32px;
    }

    #navMenu a {
        width: auto;
        position: relative;
    }
    .menu-icon {
        
        display: none;
    }
    .homeAbout {

        color : white;
        width: 65%;
        float : none;
        margin: 40px;
        font-size: 23px; 
    }
    
    .homeVideoSec {
    
        width : 28%;
        height : 20%;
        float: left;
    }
    
    .homeVideo {
    
        width: 125%;
        height: 125%;
    }

    .homeAboutMain {

        font-size: 28px;
        margin: 40px;
        color: white;
    
    }
    
    .homeFeatured {
    
        font-size: 56px;
        font-family: 'House of Cards w03';
        margin: 40px;
        display: flex;
        color: grey;
        animation : popDown 2s
    }
    
    .whoWeAre {

        display: flex;
        justify-content: center;
        color: black;
        font-family: 'House of Cards w03';
        background-color: white;
        width: auto;
    }

    .container {

        display: flex;
        flex-direction: row;
        clear: both;
    }

    .loginElement {

    margin-left: auto;

    
}

.profileElement {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px; /* Space between items */
    margin-left: auto;
}

.accessibility a {
    font-size: 39.3px;
}

.accessibilityDropdown {

    display : flex;
    flex-direction: column;
    margin-left: auto;

}

.accessibility .accessibilityMenu {

    display : none;
    position: absolute;
    background-color: white;
    color: black;
    list-style: none;
    padding: 20px 20px;

}


.accessibilityDropdown:hover .accessibilityMenu{


    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style: none;
    align-items: center;
    font-size: 29.1px;
    font-family: 'House of Cards w03';
    cursor: pointer;
    color: black;

}

.accessibilityMenu li {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    margin-right: auto;
    padding: 10px;
}

.ourProductsDropdown {

    display : flex;
    flex-direction: column;

}


.ourProducts .ourProductsMenu {
    display: flex;
    flex-direction: column;
    position: absolute;
}


.ourProductsMenu a {
    display: none;
    background-color: white;
    color: black;
    font-size: 21.5px;
}

.ourProductsMenu li {
    width: 100%;
}

.ourProducts:hover .ourProductsMenu a{
    display: flex;
}


}

@media (max-width : 1248px) {

    .giveaway {

        color: black;
        background-color: white;
        display: flex;
        justify-content: center;
        font-size: 24px;
        font-family: 'House of Cards w03';
        margin-bottom: 40px;
        margin-top: 40px;
        width: 100%;
    }   

    .giveaway:hover {

        background-color: black;
        color: white;
        transition: 1s;
    }

    .katowiceText {

        color: white;
        font-size: 24px;
        font-family: 'House of Cards w03';
        margin-top: 40px;
        margin-left: 40px;
        margin-right: 40px;
    }

    .eSportsWrapper {

        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .katowiceImage {

        width: 100%;
        height: 100%;
        margin-bottom: 40px;
    }

    .eSports {    

        margin-bottom : 40px;
        font-family: 'House of Cards w03';
        font-size: 42px;
        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
        
    }

    .videoAftermath {

        font-family: 'House of Cards w03';
        font-size: 24px;
        margin: 40px;
        color: white;
    }

    .youtubeVideo {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    /* Responsive iframe wrapper */
    .video {
        width: 100%;
        max-width: 1000px; /* optional limit — change if you want */
        position: relative;
        aspect-ratio: 16 / 9; /* maintains the video shape */
    }

    .video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }


    .featuredContainer {

        width: 100%;
        margin: 0px;
    }

    .taleOfTheTape {

        color: black;
        background-color: white;
        font-family: 'House of Cards w03';
        display: flex;
        justify-content: center;
        font-size: 42px;
    }

    .keepInTheKnow {

        background-color: white;
        color: black;
        font-family: 'House of Cards w03';
        font-size: 42px;
    }

    .newsText {

        font-family: 'House of Cards w03';
        color: white;
        font-size: 24px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    
    .servicesMain {
        width: auto;
        margin-top: 40px;
        
    }

 .makeAClaim {

    display: flex;
    justify-content: center;
    font-size: 34px;
    font-family: 'House of Cards w03';
    color: black;
    background-color: white;
    width: 100%


}

.makeAClaim.dark-mode {
    background-color: black;
    color: white;
}


     .servicesWeOffer {

        display: flex;
        justify-content: center;
        color: black;
        font-family: 'House of Cards w03';
        background-color: white;
    }

     .productWrapper {
        flex-direction: column !important;
        width: 100%;
      }
    
      .productFigureDiv {
        flex-direction: column !important;
        width: 100%;
      }
    
      .productContainer {
        width: 100%;
      }
    
      .productInfoBody {
        width: 100%;
      }

      .productInfoBody.active {
        display: flex;
        width: 70vw; /* Ensure it takes full width when active */
        padding: 20px;
        box-sizing: border-box;
        font-size: 34px;
        animation: productBodyAnimation 2s forwards;
        margin : 40px;
    }

    

    .falconiumList ul li {

     width: 100%;

    }

    .profileElement {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
        margin-right: auto ;
        width: 100%;

    }

    .falconHomeFigure {

        width: 200px;
        height: 200px;
        margin: 0, auto
        

    }

    .falconHomeContainer {

        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0, auto;

    }


    #navMenu {
        
        display: none;

    }

    #navMenu.active {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        font-family: 'House of Cards w03';
    }




    .homeAbout {

        color : white;
        width: auto;
        margin: 40px auto;
        font-size: 24px;
        text-align: center;
    }
    

    .homeVideoSec {
    
        width : 100%;
        height : 20%;
        float: left;
    }
    
    .homeVideo {
    
        width: 100%;
        height: 100%;
    }

    .homeAboutMain {

        font-size: 24px;
        margin : 40px auto;
        color: white;
        font-family: 'House of Cards w03';
    }
    
    .homeFeatured {
    
        font-size: 56px;
        font-family: 'House of Cards w03';
        width: 65%;
        margin: 0 auto;
        color : white;
        text-align : center

    }

    .whoWeAre {

        display: flex;
        justify-content: center;
        color: black;
        font-family: 'House of Cards w03';
        background-color: white;
        width: auto;
    }

    .container {

        display: flex;
        flex-direction: column;
        width: 100%;
    }


    .homeFeaturedText {

        color: white;
        font-size: 24px;
        font-family: 'House of Cards w03';
        text-align: center;
        margin: 30px auto;
        width: 65%;
        animation : popUp 2s
    }

    .ourProductsBody {

        display: flex;
        color: black;
        background-color: white;

    }

    
    .nav ul {

        list-style: none;
        padding: 0;
        margin: 0;

    }

    .nav ul li {

        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        width: 100%;

    }
    

    }

.slider-wrapper {
    position: relative;
    max-width: 32rem;
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    text-align : center
}

.slider {
    display: flex;
    width: 100%;
    height: 500px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    box-shadow: 0 1.5rem 3rem -0.75rem hsla(0%, 0%, 0%, 0.25);
    border-radius: 0.5rem;
}

.slider img {
    flex 1 0 100%;
    scroll-snap-align: start;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.slider-nav {
    display: flex;
    column-gap: 1rem;
    position: absolute;
    bottom:1.25rem;
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
}

.slider-nav a {

    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color : white;
    opacity : 0.25;
    transition: opacity ease 250ms;
}
.slider-nav a:hover {

opacity: 1;
    
}

.whoWeAre {

    font-size: 42px;
    font-style: bold;
    animation: popDown 2s

    
}


.homeAboutMain {

    font-family: cursive;
    font-size : 24px;
    font-family: 'House of Cards w03';
    color: white;
    animation: popUp 2s

}

@keyframes popUp {

    from {
        transform: translate(5px, 150px);
        opacity: 0.2;
        color: black;
    }

    to {
        transform: translate(0px, 0px);
        opacity: 1;
        color: white;
    }
}

@keyframes popDown {

    from {
        transform: translate(5px, -150px);
        opacity 0.2;
        font: italic;
        color: white;
    }

    to {
        transform: translate(0px, 0px);
        opacity: 1;
        font-family: 'House of Cards w03';
        color: black;
    }
}

.homeFeatured {

    font-size: 42px;
    font-style: italic;
    width: auto;
    color: black;
    background-color: white;
    justify-content: center;
    align-items: center;
}



.loginVisual {

    background-color: white;
}



@font-face {
    font-family: 'House of Cards W03';
    src: url('https://db.onlinewebfonts.com/t/970677c69571772c9e53798ffe5a4aa0.woff2') format('woff2'),
         url('https://db.onlinewebfonts.com/t/970677c69571772c9e53798ffe5a4aa0.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}


.profileName {
    color: white;
    font-family: 'House of Cards w03', sans-serif;
    font-size: 42px;
}

.logoutLink {
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-family: 'House of Cards w03';
    cursor: pointer;
    transition: color 0.3s ease;
}

.logoutLink:hover {
    color: black;
    background-color: white;
}

.accessibility {

    font-family: 'House of Cards w03';
}


.fontSizeButton {

    font-family: 'House of Cards w03';
    outline: none;
    border: none;
    background-color: purple;
    color: white;
    font-size: 24.2px;
    cursor: pointer;

}

.fontSizeButton:hover {

    background-color: white;
    color: purple;
    transition: 1s;

}

/* Default colors for the dark-mode */
body.dark-mode {
  background-color: white;
  color: black;
}

body.dark-mode a {
  color: black;
  background-color: rgb(247, 246, 246);
}

body.dark-mode a:hover {
  color: white;
  background-color: black;
}


/* Dark mode specific styling for .whoWeAre */
.whoWeAre.dark-mode {
  background-color: black;
  color: white;
}

.homeAboutMain.dark-mode {

    color: black

}

.filler.dark-mode {

    color: black;
}

.homeFeatured.dark-mode {

    color: white;
    background-color: black;
}

.falconiumList ul.dark-mode {
    list-style-type: none;
    background-color: white;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: flex; /* use flex layout */
    align-items: center;
}

.homeFeaturedText.dark-mode {

    color: black;
}


.flipColorButton {

    background: none;
    border: none;
    outline: none;
    font-size: 24px;
    font-family: 'House of Cards w03';
    background-color: black;
    color: white;
    cursor: pointer;
}

.flipColorButton:hover {

    background-color: white;
    color: black;
    transition: 1s;

}

.vanillaFontButton {

    background-color: lightyellow;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    outline: none;
    border: none;
    cursor: pointer;

}

.vanillaFontButton:hover {

    background-color: black;
    color: lightyellow;
    transition: 1s;

}

.footerMain {
    display: flex;
    flex-direction: row;
    background-color: rgb(34, 34, 34);
    justify-content: space-around;
    font-family: 'House of Cards w03';
    width: 100%;
}

.footerMain.dark-mode {

    background-color: whitesmoke;
    
}

.footerMain.dark-mode a {

    color: black;
    
}

.footerMain.dark-mode a:hover{

    background-color: black;
    color: white;
    
}

.footerMain.dark-mode h1{

    color: black;
    
}

.footerMain h1 {

    color: white;
    font-size: 24px;
}

.footerMain ul li a {

     text-decoration: none;
     font-size: 18px;
}

.footerMain ul li a:hover{

    background-color: white;
    color: black;
    transition: .5s;

}

.socialMedia{

    display: flex;
    flex-direction: row;
    padding: 40px 0;
    gap: 20px;
}


.socialMedia a {

    width: 50px;
    height: 50px; 
    background-color: transparent;
    color: white;
}

.socialMedia li a {

    border-radius: 50%;
    border-color: white;
    border-style: solid;
    font-size: 14px;
    border: 2px;
    
}

.footerMain ul {

    list-style-type: none;
}

.footerMid ul li a {

    color: white;
}

.footerMidRight a {

    text-decoration: none;
    color: white;

}

.footerMidButton {
    display: none;
}

.newsButton {

    display: none;
}

.connectButton {
    display: none;
}

.footerLogo h1 {

     display: none;
}

@media (max-width : 1024px) {

    .featuredProducts {

        display: flex;
        flex-direction: column;
        margin-right: auto;
    }

    .featuredParagraph {

        display: none;
    }

    .featuredProductsH1 {

        color: white;
        display: flex;
        justify-content: center;
    }

    .highEnd {

        color: white;
        display: flex;
        justify-content: center;
        font-family: 'House of Cards w03';

    }
    
    .falcyMedia {

        color: white;
        display: flex;
        justify-content: center;
        font-size: 34px;
        margin: 40px;
    }

    .expandDots {

        font-size: 34px;
        color: white;
        display: flex;
        margin: 40px;
    }



    .featuredSection:hover .expandDots {
        display: none;
    }

     .featuredSection:hover .featuredParagraph {
        display: flex;
        flex-direction: column;
        font-size: 24px;
        color: white;
        margin: 40px;
        font-family: 'House of Cards w03';
        animation: appear 4s;
        padding: 40px;
    }


    .ourProductsDropdown {
        width: 100%;
    }

    .accessibilityDropdown {
        width: 100%;
    }

    .falconiumList li a {
        
        width: auto;
    }

    .ourProducts .ourProductsMenu {

        display: none;
    }
    

     .mediaBody {

        font-family: 'House of Cards w03';
        background-color: white;
        color: black;
        font-size: 42px;
        display: flex;
        justify-content: center;
        width: auto;
        animation : popDown 2s;

    }

    .mediaBody.dark-mode {

        font-family: 'House of Cards w03';
        background-color: black;
        color: white;
        font-size: 42px;
        display: flex;
        justify-content: center;
        width: auto;
        animation : popDown 2s;

    }
    
    .footerMain {

        display : flex;
        flex-direction : column
    }


    .socialMedia {

        display: none;
    }

    .socialMedia.active {
        
        display: block;
        display: flex;
        flex-direction: row;
        gap: 40px;
        margin: 10px;
        
    }

    .connectButton:hover {
        cursor: pointer;
        color: purple;
    }

    .services {
        display: none;
    }

    .services.active {
        
        display: block;
        display: flex;
        flex-direction: column;
        
    }

    .news {
        
        display: none;
    }

    .news.active {
        
        display: block
    }

    .footerMidButton {
        display: inline;
        margin-left: auto;
        float: right;
    }

    .newsButton {

        display: inline;
        margin-left: auto;
        float: right;
        cursor: pointer;
    }

    .connectButton {
        display: inline;
        margin-left: auto;
        float: right;
    }

    .connectButton:hover {
        
        animation: rotate 1s;
        transition: 2s;
    }

    .footerMidButton:hover {

        animation: rotate 1s;
        color: purple;
        transform: 2s;
        cursor: pointer;
    }

    .newsButton:hover {

        animation: rotate 1s;
        color: purple;
        transition: 2s;
    }



    .connectButton:hover {

        animation: rotate 1s;
    }

    @keyframes rotate {

        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    .footerLogo h1{

     display: flex;
     justify-content: center;
     align-content: center;
     font-size: 24px;
     color: black;
}

    .footerLogo {

        display: flex;
        flex-direction: row;
        align-items: center;
        background-color: white;
    }


}

.footerMain.dark-mode {

    background-color: whitesmoke;
    
}

.footerMain.dark-mode a {

    color: black;
    
}

.footerMain.dark-mode a:hover{

    background-color: black;
    color: white;
    
}

.footerMain.dark-mode h1{

    color: black;
    
}

.accessibility .accessibilityMenu {
    display: none;
}

.productWrapper {
    display: flex;
    flex-wrap: wrap; /* allow wrapping */
    justify-content: space-around; /* space between containers */
    gap: 20px;
    padding: 20px;
    font-family: 'House of Cards w03';
    font-size: 34px;
    color: white;
    flex-direction: column;
}

.productContainer {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-right: auto;
    animation: popUp 2s;

}


.productFigureDiv {

    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.productInfoBody {
    display: none;
    width: 50vw; /* Full viewport width */
    padding: 20px;
    box-sizing: border-box;
}


.productHeading {

    font-size: 34px;
    position: absolute;

}

.productInfoButton {

    cursor: pointer;
}

.legend {

    color: white;
    margin : 40px
}

.legend.dark-mode {

    color: black;
    margin : 40px
}



/* Slide-in and fade-in animation */
@keyframes appearAndGo {
  from {
    opacity: 0;
    transform: translateX(500px);
    font-size: 32px;
  }
  to {
    opacity: 1;
    transform: translateX(0);
    font-size: 32px;;
  }
}

/* Fade-out and hide animation */
@keyframes disappear {
  from {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    font-size: 32px;
  }
  to {
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    transform: translateX(-300px);
  }
}

/* Trigger this to animate the entrance */
.appearAndGo {
  animation: appearAndGo 4s ease-out forwards;
}

/* Trigger this to animate disappearance */
.disappear {
  animation: disappear 2s forwards;
  pointer-events: none;
}

.productHeading {

    color: white;
    padding: 10px;
    margin: -30px;
    font-weight: bold;
}

@keyframes productBodyAnimation {
    from {
        opacity: 0;
        background-color: black;
        color: white;
    }
    to {
        opacity: 1;
        background-color: white;
        color: black;
    }
}

.falcy1Text {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.falcy1Text.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.falcy2Text{

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 33px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.falcy2Text.dark-mode{

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 33px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}


.falcy3Text {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.falcy3Text.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}


.infoMenu1 {

    display: none;

}

.infoMenu2 {

    display: none;

}

.infoMenu3 {

    display: none;

}

@keyframes sidewaysFly {

    from {

        opacity: 0;
        transform: translate(200px, 0px);
    }

    to {

        opacity: 1;
        transform: translate(0px,0px);
    }

}

.infoMenu1.activeInfo1 {
    
    display: flex;
    animation: sidewaysFly 2s;
}

.infoMenu2.activeInfo2 {


    display: flex;
    animation: sidewaysFly 2s

}

.infoMenu3.activeInfo3 {

    display: flex;
    animation: sidewaysFly 2s;
}

.infoIcon1 {

    cursor : pointer
}

.infoIcon2 {

    cursor : pointer
}

.infoIcon3 {

    cursor : pointer
}

.form {

    margin: 40px;
    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    padding: 40px;
}

.form.dark-mode {
    background-color: black;
    color: white;
}

.submitButton {

    font-family: 'House of Cards w03';
    background-color: black;
    color: white;
    border: none;
    outline: none;
}

.submitButton.dark-mode {
    background-color: white;
    color: black;
}

.submitButton:hover {

    cursor: pointer;
}

.servicesWeOffer {

    font-size: 42px;
    font-style: bold;
    animation: popDown 2s

    
}

.ourProducts .ourProductsMenu a:hover {

    color: white;
    background-color: black;
    transition: 1s;
}

.categoryLaptops {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}


.categoryLaptops.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.categoryGP {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}


.categoryGP.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.categoryMisc {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.categoryMisc.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.laptopInfoMenu {

    display: none

}

.laptopInfoMenu.active {

    display: flex;
    flex-direction : row;
    color: black;
    font-size: 32px;
    font-family: 'House of Cards w03';

}

.laptopButton {

    cursor: pointer;

}

.peripheralInfoMenu {

    display: none;
}

.peripheralInfoMenu.active {

    display: flex;
    flex-direction : row;
    color: black;
    font-size: 32px;
    font-family: 'House of Cards w03';

}

.GPButton {

    cursor: pointer;
}

.miscellaneousInfoMenu{

    display: none;
}

.miscellaneousInfoMenu.active{

    display: flex;
    flex-direction: row;
    color: black;
    font-size: 32px;
    font-family: 'House of Cards w03';
}

.UFX-786 {

    border: none;
    outline: none;
    background-color: whitesmoke;
    width: auto;
    height: 100px;
}

.UFX-786 a {

    color: black;
    font-family: 'House of Cards w03';
    font-size: 12px;
    text-decoration: none;
}

.miscellaneousButton {

    cursor: pointer;

}

.linkSectionDiv {

    display: flex;
    flex-direction: column;
    font-family: 'House of Cards w03';
}

.linkFlex {

    display: flex;
    flex-direction: column;
}

.linkText{

    color: white;
}

.link1 a {

    font-size: 62px;
    vertical-align: middle;
    color: white;
    text-decoration: none;
}

.link1 a:hover {

    color: aqua;
}

.ourProductsMenu li a {

    color: black;
    background-color: white;
    text-decoration: none;
}

.ourProductsBody {

    width: auto;
    display: flex;
    background-color: white;
    color: black;
    justify-content: center;
    font-size: 42px;
    font-style: bold;
    animation: popDown 2s;
    font-family: 'House of Cards w03';

    
}

.ourProductsBody.dark-mode {

    width: auto;
    display: flex;
    background-color: black;
    color: white;
    justify-content: center;
    font-size: 42px;
    font-style: bold;
    animation: popDown 2s;
    font-family: 'House of Cards w03';

    
}

.registerForm {

    display: flex;
    flex-direction: column;
    color: black;
    background: white;
    font-size: 34px;
    font-family: 'House of Cards w03';
    align-items: center;
    border-color: purple;
    border-radius: 10px;
    border-style:solid;

}

.registerForm ::placeholder{

    font-family: 'House of Cards w03';
    color: black;
    font-size: 14px;
    font-weight: bold;
}

.registerForm .dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    font-size: 34px;
    display: flex;
}

.loginForm {

    display: flex;
    flex-direction: column;
    color: black;
    background: white;
    font-size: 34px;
    font-family: 'House of Cards w03';
    align-items: center;
    border-color: purple;
    border-radius: 10px;
    border-style:solid;

}

.loginForm ::placeholder{

    font-family: 'House of Cards w03';
    color: black;
    font-size: 14px;
    font-weight: bold;
}

.loginForm .dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    font-size: 34px;
    display: flex;
}


.submitButton {

    font-family: 'House of Cards w03';
    border: none;
    outline: none;
    background-color: black;
    color: white;
    cursor: pointer;


}

.registerButton {

    font-family: 'House of Cards w03';
    font-size: 23px;
    background-color: purple;
    color: white;
    border-radius: 2%;
    outline-width: 0px;
    cursor: pointer;
}

.registerButton:hover {
    background-color: white;
    color: purple;
    transition: 3s;
    outline-width: 0px;
}

.loginButton {

    font-family: 'House of Cards w03';
    font-size: 23px;
    background-color: purple;
    color: white;
    border-radius: 2%;
    outline-width: 0px;
    cursor: pointer;
}

.loginButton:hover {
    background-color: white;
    color: purple;
    transition: 3s;
    outline-width: 0px;
}

.loginFormDiv {
    display: block;
}

.loginFormDiv.hidden {
    display: none;
}

.registerFormDiv {
    display: none;
}

.registerFormDiv.active {
    display: block !important;
}

.logoutForm {

    display: flex;
    flex-direction: column;
    color: black;
    background: white;
    font-size: 34px;
    font-family: 'House of Cards w03';
    align-items: center;
    border-color: purple;
    border-radius: 10px;
    border-style:solid;

}

.logoutForm ::placeholder{

    font-family: 'House of Cards w03';
    color: black;
    font-size: 14px;
    font-weight: bold;
}

.logoutForm .dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    font-size: 34px;
    display: flex;
}

.logOut {

    font-family: 'House of Cards w03';
    font-size: 24px;
    font-weight: bold;
    

}


.falconiumList ul {
    list-style-type: none;
    background-color: black;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: flex; /* use flex layout */
    align-items: center;
}

.falconiumList li {

}

.falconiumList a{
    color: white;
    text-decoration: none;
    padding: 15px;
    display: flex;
    text-align: center;
    width: 100%;
    font-family: 'House of Cards w03';
    font-size: 23.65px;
}
.falconiumList a:hover{

    color: black;
    background-color: white;
    font-weight: bold;
    transition: 1s;
}


.navLogo {

    width: 75px;
    height: 75px;
}

.falconiumFooter {
    
    position : relative;
    left: 0;
    bottom: 0;
    width: 100%;
    font-family: 'House of Cards w03';
    
}

.falconiumFooter ul {

    list-style-type: none;
    background-color: black;
    padding: 0%;
    margin: 0%;
    overflow: hidden;
}

.falconiumFooter a{
    color: white;
    text-decoration: none;
    padding: 15px;
    display: block;
    text-align: center;
}

.falconiumFooter a:hover{

    color: black;
    background-color: white;
    font-weight: bold;
    transition: 1s;
}

.falconiumFooter li {

    float: left;
}


body {
    background-color: rgb(24, 23, 23);
}


#navMenu {

    display: none;
}

.menu-icon {

    cursor: pointer;
    font-size: 24px;
    color: white;
}

#navMenu.active {
    display: flex;
    flex-direction: column;  /* Make items stack vertically */
    align-items: flex-start;  /* Align all items to the left */
    width: 100%;
}

.homeAbout {

    color : white;
    width: auto;
    margin: 0px;
    font-size: 18px;
    text-align: center;
    margin: 0 0;
    float: none;
}

.homeVideoSec {

    width : 30%;
    height : 30%;
    float: left;
    display: none;
}

.homeVideo {

    width: 100%;
    height: 100%;
}


.filler {

    font-family: 'House of Cards w03';
    color: white;
    width: 100%;
    margin: 0px auto;
    animation : popUp 2s

}

@media (min-width : 1248px) {

    .giveaway {
        margin: 40px;
        font-size: 24px;
        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
    }

    .giveaway:hover {

        background-color: black;
        color: white;
        transition: 1s;
    }

    .katowiceGiveawayWrapper {
        display: flex;
        flex-direction: column;
    }

    .katowiceImage {

        width: 100%;
        height: 100%;
    }

    .eSports {
        
        margin-top: 40px;
        margin-bottom: 40px;
        font-family: 'House of Cards w03';
        font-size: 42px;
        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
    }

    .katowiceText {

        font-size: 24px;
    }

    .taleOfTheTape {

        font-size: 42px;
        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
        font-family: 'House of Cards w03';
    }

    .youtubeVideo {

        display: flex;
        flex-wrap: wrap;
    }

    .video {
        margin: 40px;
        width: 100%;
        aspect-ratio: 16/9;
    }

    .video iframe {

        width: 100%;
        height: 100%;
    }

    .eSportsWrapper {

        color: white;
        display: flex;
        flex-direction: row;
        font-family: 'House of Cards w03';
        width: auto;
        height: auto;
    }
    
    .katowiceText {

        margin: 40px;
    }

    .katowiceText h1 {

        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
    }

    .videoAftermath {

        font-family: 'House of Cards w03';
        color: white;
        margin-top: 40px;
    }

    .newsText {
        color: white;
        font-family: 'House of Cards w03';
        width: 100%;
    }


    .intel285k {

        display: flex;
        align-items: center;
        margin-right: auto;
    }

    .intelCoreUltra {
        width: 100%;
    }

    .keepInTheKnow {

        font-family: 'House of Cards w03';
        color: black;
        background-color: white;
        font-size : 42px;
        width: auto;
        justify-content: center;
        display: flex;
    }

     .makeAClaim {

        font-family: 'House of Cards w03';
        display: flex;
        background-color: white;
        color: black;
        justify-content: center;
        font-size: 32px;
    }


    .servicesWeOffer {

        display: flex;
        justify-content: center;
        color: black;
        font-family: 'House of Cards w03';
        background-color: white;
        width: auto;
    }


.categoryContainer{

        font-family: 'House of Cards w03';
        color: grey;
        font-size: 32px;
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-around;
        
    }

.container {

        display: flex;
        flex-direction: row;
        clear: both;
        animation : popUp 2s;
    }



.highEnd {

    font-family: 'House of Cards w03';
    font-size: 34px;
    color: white;
    display: flex;
    justify-content: center;
}    

.featuredProducts {

    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.featuredProductsH1 {

    color: white;
    font-family: 'House of Cards w03';
    display: flex;
    justify-content: center;
}

.featuredParagraph {
    display: none;
    font-size: 24px;
    font-family: 'House of Cards w03';
}

.featuredParagraph.dark-mode {
    display: none;
    font-size: 24px;
    font-family: 'House of Cards w03';
    color: white;
    background-color: black; !important
}

.expandDots {

    display: flex;
    color: white;
    font-size: 24px;
    flex-direction: row;
}

.expandDots.dark-mode {

    display: flex;
    color: black;
    font-size: 24px;
    flex-direction: row;
}

.featuredSection {

    display: flex;
    flex-direction: row;
    align-items: center;
}

.featuredSection:hover .featuredParagraph {

    display: flex;
    flex-direction: row;
    color: white;
    font-family: 'House of Cards w03';
    font-size: 24px;
    animation: appear 4s forwards;
    padding: 40px;
} 


.featuredSection:hover .expandDots {
    
    display: none;
}

@keyframes appear {

    from {

        opacity: 0;
        background-image: none;
        color: white;
    }

    to {

        opacity: 1;
        background-image: linear-gradient(to right, white , rgba(245, 245, 245, 0.696));
        color: black;
    }
}

.falcyMedia {

    display: flex;
    justify-content: center;
    font-family: 'House of Cards w03';
    font-size: 34px;
    color: white;

}

    .featuredContainer{

        font-family: 'House of Cards w03';
        color: grey;
        font-size: 22px;
        display: flex;
        flex-direction: column;
        
    }

.productContainer {
  position: relative; /* Make the container positioned to allow absolute positioning of the info box */
}

.productInfoBody {
  display: none; /* Hide info box by default */
  position: absolute;
  top: 0; /* Align the info box to the top of the container */
  left: 100%; /* Position the box to the right of the container */
  width: 10vw; /* Make the info box take up full width of the container */
  padding: 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 100;
  box-sizing: border-box; /* Ensure padding doesn't affect the width */
  color: white;
}

.productContainer:hover .productInfoBody {
  display: block; /* Show the info box when hovering over the container */
  animation: productBodyAnimation 2s forwards;
}

.productInfoBody.active {
    display: flex;
    width: 50vw; /* Ensure it takes full width when active */
    padding: 20px;
    box-sizing: border-box;
    font-size: 34px;
    animation: productBodyAnimation 2s forwards;
}

    .mediaBody {

        color: grey;
        font-family: 'House of Cards w03';
        background-color: white;
        color: black;
        font-size: 42px;
        display: flex;
        justify-content: center;
        animation : popDown 2s
    }

    .mediaBody.dark-mode {

        color: grey;
        font-family: 'House of Cards w03';
        background-color: black;
        color: white;
        font-size: 42px;
        display: flex;
        justify-content: center;
        animation : popDown 2s
    }



    .homeFeaturedText {

        color: white;
        animation : popUp 2s;
        margin : 80px
    }
    
    #navMenu {
        
        display: flex;
        position: static;
        flex-direction:row;
        background: none;
        width: auto;
        font-size: 32px;
    }

    #navMenu a {
        width: auto;
        position: relative;
    }
    .menu-icon {
        
        display: none;
    }
    .homeAbout {

        color : white;
        width: 65%;
        float : none;
        margin: 40px;
        font-size: 23px; 
    }
    
    .homeVideoSec {
    
        width : 28%;
        height : 20%;
        float: left;
    }
    
    .homeVideo {
    
        width: 125%;
        height: 125%;
    }

    .homeAboutMain {

        font-size: 28px;
        margin: 40px;
        color: white;
    
    }
    
    .homeFeatured {
    
        font-size: 56px;
        font-family: 'House of Cards w03';
        margin: 40px;
        display: flex;
        color: grey;
        animation : popDown 2s
    }
    
    .whoWeAre {

        display: flex;
        justify-content: center;
        color: black;
        font-family: 'House of Cards w03';
        background-color: white;
        width: auto;
    }

    .container {

        display: flex;
        flex-direction: row;
        clear: both;
    }

    .loginElement {

    margin-left: auto;

    
}

.profileElement {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px; /* Space between items */
    margin-left: auto;
}

.accessibility a {
    font-size: 39.3px;
}

.accessibilityDropdown {

    display : flex;
    flex-direction: column;
    margin-left: auto;

}

.accessibility .accessibilityMenu {

    display : none;
    position: absolute;
    background-color: white;
    color: black;
    list-style: none;
    padding: 20px 20px;

}


.accessibilityDropdown:hover .accessibilityMenu{


    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style: none;
    align-items: center;
    font-size: 29.1px;
    font-family: 'House of Cards w03';
    cursor: pointer;
    color: black;

}

.accessibilityMenu li {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    margin-right: auto;
    padding: 10px;
}

.ourProductsDropdown {

    display : flex;
    flex-direction: column;

}


.ourProducts .ourProductsMenu {
    display: flex;
    flex-direction: column;
    position: absolute;
}


.ourProductsMenu a {
    display: none;
    background-color: white;
    color: black;
    font-size: 21.5px;
}

.ourProductsMenu li {
    width: 100%;
}

.ourProducts:hover .ourProductsMenu a{
    display: flex;
}


}

@media (max-width : 1248px) {

    .giveaway {

        color: black;
        background-color: white;
        display: flex;
        justify-content: center;
        font-size: 24px;
        font-family: 'House of Cards w03';
        margin-bottom: 40px;
        margin-top: 40px;
        width: 100%;
    }   

    .giveaway:hover {

        background-color: black;
        color: white;
        transition: 1s;
    }

    .katowiceText {

        color: white;
        font-size: 24px;
        font-family: 'House of Cards w03';
        margin-top: 40px;
        margin-left: 40px;
        margin-right: 40px;
    }

    .eSportsWrapper {

        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .katowiceImage {

        width: 100%;
        height: 100%;
        margin-bottom: 40px;
    }

    .eSports {    

        margin-bottom : 40px;
        font-family: 'House of Cards w03';
        font-size: 42px;
        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
        
    }

    .videoAftermath {

        font-family: 'House of Cards w03';
        font-size: 24px;
        margin: 40px;
        color: white;
    }

    .youtubeVideo {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    /* Responsive iframe wrapper */
    .video {
        width: 100%;
        max-width: 1000px; /* optional limit — change if you want */
        position: relative;
        aspect-ratio: 16 / 9; /* maintains the video shape */
    }

    .video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }


    .featuredContainer {

        width: 100%;
        margin: 0px;
    }

    .taleOfTheTape {

        color: black;
        background-color: white;
        font-family: 'House of Cards w03';
        display: flex;
        justify-content: center;
        font-size: 42px;
    }

    .keepInTheKnow {

        background-color: white;
        color: black;
        font-family: 'House of Cards w03';
        font-size: 42px;
    }

    .newsText {

        font-family: 'House of Cards w03';
        color: white;
        font-size: 24px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    
    .servicesMain {
        width: auto;
        margin-top: 40px;
        
    }

 .makeAClaim {

    display: flex;
    justify-content: center;
    font-size: 34px;
    font-family: 'House of Cards w03';
    color: black;
    background-color: white;
    width: 100%


}

.makeAClaim.dark-mode {
    background-color: black;
    color: white;
}


     .servicesWeOffer {

        display: flex;
        justify-content: center;
        color: black;
        font-family: 'House of Cards w03';
        background-color: white;
    }

     .productWrapper {
        flex-direction: column !important;
        width: 100%;
      }
    
      .productFigureDiv {
        flex-direction: column !important;
        width: 100%;
      }
    
      .productContainer {
        width: 100%;
      }
    
      .productInfoBody {
        width: 100%;
      }

      .productInfoBody.active {
        display: flex;
        width: 70vw; /* Ensure it takes full width when active */
        padding: 20px;
        box-sizing: border-box;
        font-size: 34px;
        animation: productBodyAnimation 2s forwards;
        margin : 40px;
    }

    

    .falconiumList ul li {

     width: 100%;

    }

    .profileElement {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
        margin-right: auto ;
        width: 100%;

    }

    .falconHomeFigure {

        width: 200px;
        height: 200px;
        margin: 0, auto
        

    }

    .falconHomeContainer {

        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0, auto;

    }


    #navMenu {
        
        display: none;

    }

    #navMenu.active {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        font-family: 'House of Cards w03';
    }




    .homeAbout {

        color : white;
        width: auto;
        margin: 40px auto;
        font-size: 24px;
        text-align: center;
    }
    

    .homeVideoSec {
    
        width : 100%;
        height : 20%;
        float: left;
    }
    
    .homeVideo {
    
        width: 100%;
        height: 100%;
    }

    .homeAboutMain {

        font-size: 24px;
        margin : 40px auto;
        color: white;
        font-family: 'House of Cards w03';
    }
    
    .homeFeatured {
    
        font-size: 56px;
        font-family: 'House of Cards w03';
        width: 65%;
        margin: 0 auto;
        color : white;
        text-align : center

    }

    .whoWeAre {

        display: flex;
        justify-content: center;
        color: black;
        font-family: 'House of Cards w03';
        background-color: white;
        width: auto;
    }

    .container {

        display: flex;
        flex-direction: column;
        width: 100%;
    }


    .homeFeaturedText {

        color: white;
        font-size: 24px;
        font-family: 'House of Cards w03';
        text-align: center;
        margin: 30px auto;
        width: 65%;
        animation : popUp 2s
    }

    .ourProductsBody {

        display: flex;
        color: black;
        background-color: white;

    }

    
    .nav ul {

        list-style: none;
        padding: 0;
        margin: 0;

    }

    .nav ul li {

        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        width: 100%;

    }
    

    }

.slider-wrapper {
    position: relative;
    max-width: 32rem;
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    text-align : center
}

.slider {
    display: flex;
    width: 100%;
    height: 500px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    box-shadow: 0 1.5rem 3rem -0.75rem hsla(0%, 0%, 0%, 0.25);
    border-radius: 0.5rem;
}

.slider img {
    flex 1 0 100%;
    scroll-snap-align: start;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.slider-nav {
    display: flex;
    column-gap: 1rem;
    position: absolute;
    bottom:1.25rem;
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
}

.slider-nav a {

    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color : white;
    opacity : 0.25;
    transition: opacity ease 250ms;
}
.slider-nav a:hover {

opacity: 1;
    
}

.whoWeAre {

    font-size: 42px;
    font-style: bold;
    animation: popDown 2s

    
}


.homeAboutMain {

    font-family: cursive;
    font-size : 24px;
    font-family: 'House of Cards w03';
    color: white;
    animation: popUp 2s

}

@keyframes popUp {

    from {
        transform: translate(5px, 150px);
        opacity: 0.2;
        color: black;
    }

    to {
        transform: translate(0px, 0px);
        opacity: 1;
        color: white;
    }
}

@keyframes popDown {

    from {
        transform: translate(5px, -150px);
        opacity 0.2;
        font: italic;
        color: white;
    }

    to {
        transform: translate(0px, 0px);
        opacity: 1;
        font-family: 'House of Cards w03';
        color: black;
    }
}

.homeFeatured {

    font-size: 42px;
    font-style: italic;
    width: auto;
    color: black;
    background-color: white;
    justify-content: center;
    align-items: center;
}



.loginVisual {

    background-color: white;
}



@font-face {
    font-family: 'House of Cards W03';
    src: url('https://db.onlinewebfonts.com/t/970677c69571772c9e53798ffe5a4aa0.woff2') format('woff2'),
         url('https://db.onlinewebfonts.com/t/970677c69571772c9e53798ffe5a4aa0.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}


.profileName {
    color: white;
    font-family: 'House of Cards w03', sans-serif;
    font-size: 42px;
}

.logoutLink {
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-family: 'House of Cards w03';
    cursor: pointer;
    transition: color 0.3s ease;
}

.logoutLink:hover {
    color: black;
    background-color: white;
}

.accessibility {

    font-family: 'House of Cards w03';
}


.fontSizeButton {

    font-family: 'House of Cards w03';
    outline: none;
    border: none;
    background-color: purple;
    color: white;
    font-size: 24.2px;
    cursor: pointer;

}

.fontSizeButton:hover {

    background-color: white;
    color: purple;
    transition: 1s;

}

/* Default colors for the dark-mode */
body.dark-mode {
  background-color: white;
  color: black;
}

body.dark-mode a {
  color: black;
  background-color: rgb(247, 246, 246);
}

body.dark-mode a:hover {
  color: white;
  background-color: black;
}


/* Dark mode specific styling for .whoWeAre */
.whoWeAre.dark-mode {
  background-color: black;
  color: white;
}

.homeAboutMain.dark-mode {

    color: black

}

.filler.dark-mode {

    color: black;
}

.homeFeatured.dark-mode {

    color: white;
    background-color: black;
}

.falconiumList ul.dark-mode {
    list-style-type: none;
    background-color: white;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: flex; /* use flex layout */
    align-items: center;
}

.homeFeaturedText.dark-mode {

    color: black;
}


.flipColorButton {

    background: none;
    border: none;
    outline: none;
    font-size: 24px;
    font-family: 'House of Cards w03';
    background-color: black;
    color: white;
    cursor: pointer;
}

.flipColorButton:hover {

    background-color: white;
    color: black;
    transition: 1s;

}

.vanillaFontButton {

    background-color: lightyellow;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    outline: none;
    border: none;
    cursor: pointer;

}

.vanillaFontButton:hover {

    background-color: black;
    color: lightyellow;
    transition: 1s;

}

.footerMain {
    display: flex;
    flex-direction: row;
    background-color: rgb(34, 34, 34);
    justify-content: space-around;
    font-family: 'House of Cards w03';
    width: 100%;
}

.footerMain.dark-mode {

    background-color: whitesmoke;
    
}

.footerMain.dark-mode a {

    color: black;
    
}

.footerMain.dark-mode a:hover{

    background-color: black;
    color: white;
    
}

.footerMain.dark-mode h1{

    color: black;
    
}

.footerMain h1 {

    color: white;
    font-size: 24px;
}

.footerMain ul li a {

     text-decoration: none;
     font-size: 18px;
}

.footerMain ul li a:hover{

    background-color: white;
    color: black;
    transition: .5s;

}

.socialMedia{

    display: flex;
    flex-direction: row;
    padding: 40px 0;
    gap: 20px;
}


.socialMedia a {

    width: 50px;
    height: 50px; 
    background-color: transparent;
    color: white;
}

.socialMedia li a {

    border-radius: 50%;
    border-color: white;
    border-style: solid;
    font-size: 14px;
    border: 2px;
    
}

.footerMain ul {

    list-style-type: none;
}

.footerMid ul li a {

    color: white;
}

.footerMidRight a {

    text-decoration: none;
    color: white;

}

.footerMidButton {
    display: none;
}

.newsButton {

    display: none;
}

.connectButton {
    display: none;
}

.footerLogo h1 {

     display: none;
}

@media (max-width : 1024px) {

    .featuredProducts {

        display: flex;
        flex-direction: column;
        margin-right: auto;
    }

    .featuredParagraph {

        display: none;
    }

    .featuredProductsH1 {

        color: white;
        display: flex;
        justify-content: center;
    }

    .highEnd {

        color: white;
        display: flex;
        justify-content: center;

    }
    
    .falcyMedia {

        color: white;
        display: flex;
        justify-content: center;
        font-size: 34px;
        margin: 40px;
    }

    .expandDots {

        font-size: 34px;
        color: white;
        display: flex;
        margin: 40px;
    }



    .featuredSection:hover .expandDots {
        display: none;
    }

     .featuredSection:hover .featuredParagraph {
        display: flex;
        flex-direction: column;
        font-size: 24px;
        color: white;
        margin: 40px;
        font-family: 'House of Cards w03';
        animation: appear 4s;
        padding: 40px;
    }


    .ourProductsDropdown {
        width: 100%;
    }

    .accessibilityDropdown {
        width: 100%;
    }

    .falconiumList li a {
        
        width: auto;
    }

    .ourProducts .ourProductsMenu {

        display: none;
    }
    

     .mediaBody {

        font-family: 'House of Cards w03';
        background-color: white;
        color: black;
        font-size: 42px;
        display: flex;
        justify-content: center;
        width: auto;
        animation : popDown 2s;

    }

    .mediaBody.dark-mode {

        font-family: 'House of Cards w03';
        background-color: black;
        color: white;
        font-size: 42px;
        display: flex;
        justify-content: center;
        width: auto;
        animation : popDown 2s;

    }
    
    .footerMain {

        display : flex;
        flex-direction : column
    }


    .socialMedia {

        display: none;
    }

    .socialMedia.active {
        
        display: block;
        display: flex;
        flex-direction: row;
        gap: 40px;
        margin: 10px;
        
    }

    .connectButton:hover {
        cursor: pointer;
        color: purple;
    }

    .services {
        display: none;
    }

    .services.active {
        
        display: block;
        display: flex;
        flex-direction: column;
        
    }

    .news {
        
        display: none;
    }

    .news.active {
        
        display: block
    }

    .footerMidButton {
        display: inline;
        margin-left: auto;
        float: right;
    }

    .newsButton {

        display: inline;
        margin-left: auto;
        float: right;
        cursor: pointer;
    }

    .connectButton {
        display: inline;
        margin-left: auto;
        float: right;
    }

    .connectButton:hover {
        
        animation: rotate 1s;
        transition: 2s;
    }

    .footerMidButton:hover {

        animation: rotate 1s;
        color: purple;
        transform: 2s;
        cursor: pointer;
    }

    .newsButton:hover {

        animation: rotate 1s;
        color: purple;
        transition: 2s;
    }



    .connectButton:hover {

        animation: rotate 1s;
    }

    @keyframes rotate {

        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    .footerLogo h1{

     display: flex;
     justify-content: center;
     align-content: center;
     font-size: 24px;
     color: black;
}

    .footerLogo {

        display: flex;
        flex-direction: row;
        align-items: center;
        background-color: white;
    }


}

.footerMain.dark-mode {

    background-color: whitesmoke;
    
}

.footerMain.dark-mode a {

    color: black;
    
}

.footerMain.dark-mode a:hover{

    background-color: black;
    color: white;
    
}

.footerMain.dark-mode h1{

    color: black;
    
}

.accessibility .accessibilityMenu {
    display: none;
}

.productWrapper {
    display: flex;
    flex-wrap: wrap; /* allow wrapping */
    justify-content: space-around; /* space between containers */
    gap: 20px;
    padding: 20px;
    font-family: 'House of Cards w03';
    font-size: 34px;
    color: white;
    flex-direction: column;
}

.productContainer {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-right: auto;
    animation: popUp 2s;

}


.productFigureDiv {

    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.productInfoBody {
    display: none;
    width: 50vw; /* Full viewport width */
    padding: 20px;
    box-sizing: border-box;
}


.productHeading {

    font-size: 34px;
    position: absolute;

}

.productInfoButton {

    cursor: pointer;
}

.legend {

    color: white;
    margin : 40px
}

.legend.dark-mode {

    color: black;
    margin : 40px
}



/* Slide-in and fade-in animation */
@keyframes appearAndGo {
  from {
    opacity: 0;
    transform: translateX(500px);
    font-size: 32px;
  }
  to {
    opacity: 1;
    transform: translateX(0);
    font-size: 32px;;
  }
}

/* Fade-out and hide animation */
@keyframes disappear {
  from {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    font-size: 32px;
  }
  to {
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    transform: translateX(-300px);
  }
}

/* Trigger this to animate the entrance */
.appearAndGo {
  animation: appearAndGo 4s ease-out forwards;
}

/* Trigger this to animate disappearance */
.disappear {
  animation: disappear 2s forwards;
  pointer-events: none;
}

.productHeading {

    color: white;
    padding: 10px;
    margin: -30px;
    font-weight: bold;
}

@keyframes productBodyAnimation {
    from {
        opacity: 0;
        background-color: black;
        color: white;
    }
    to {
        opacity: 1;
        background-color: white;
        color: black;
    }
}

.falcy1Text {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.falcy1Text.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.falcy2Text{

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 33px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.falcy2Text.dark-mode{

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 33px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}


.falcy3Text {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.falcy3Text.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}


.infoMenu1 {

    display: none;

}

.infoMenu2 {

    display: none;

}

.infoMenu3 {

    display: none;

}

@keyframes sidewaysFly {

    from {

        opacity: 0;
        transform: translate(200px, 0px);
    }

    to {

        opacity: 1;
        transform: translate(0px,0px);
    }

}

.infoMenu1.activeInfo1 {
    
    display: flex;
    animation: sidewaysFly 2s;
}

.infoMenu2.activeInfo2 {


    display: flex;
    animation: sidewaysFly 2s

}

.infoMenu3.activeInfo3 {

    display: flex;
    animation: sidewaysFly 2s;
}

.infoIcon1 {

    cursor : pointer
}

.infoIcon2 {

    cursor : pointer
}

.infoIcon3 {

    cursor : pointer
}

.form {

    margin: 40px;
    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    padding: 40px;
}

.form.dark-mode {
    background-color: black;
    color: white;
}

.submitButton {

    font-family: 'House of Cards w03';
    background-color: black;
    color: white;
    border: none;
    outline: none;
}

.submitButton.dark-mode {
    background-color: white;
    color: black;
}

.submitButton:hover {

    cursor: pointer;
}

.servicesWeOffer {

    font-size: 42px;
    font-style: bold;
    animation: popDown 2s

    
}

.ourProducts .ourProductsMenu a:hover {

    color: white;
    background-color: black;
    transition: 1s;
}

.categoryLaptops {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}


.categoryLaptops.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.categoryGP {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}


.categoryGP.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.categoryMisc {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.categoryMisc.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.laptopInfoMenu {

    display: none

}

.laptopInfoMenu.active {

    display: flex;
    flex-direction : row;
    color: black;
    font-size: 32px;
    font-family: 'House of Cards w03';

}

.laptopButton {

    cursor: pointer;

}

.peripheralInfoMenu {

    display: none;
}

.peripheralInfoMenu.active {

    display: flex;
    flex-direction : row;
    color: black;
    font-size: 32px;
    font-family: 'House of Cards w03';

}

.GPButton {

    cursor: pointer;
}

.miscellaneousInfoMenu{

    display: none;
}

.miscellaneousInfoMenu.active{

    display: flex;
    flex-direction: row;
    color: black;
    font-size: 32px;
    font-family: 'House of Cards w03';
}

.UFX-786 {

    border: none;
    outline: none;
    background-color: whitesmoke;
    width: auto;
    height: 100px;
}

.UFX-786 a {

    color: black;
    font-family: 'House of Cards w03';
    font-size: 12px;
    text-decoration: none;
}

.miscellaneousButton {

    cursor: pointer;

}

.linkSectionDiv {

    display: flex;
    flex-direction: column;
    font-family: 'House of Cards w03';
}

.linkFlex {

    display: flex;
    flex-direction: column;
}

.linkText{

    color: white;
}

.link1 a {

    font-size: 62px;
    vertical-align: middle;
    color: white;
    text-decoration: none;
}

.link1 a:hover {

    color: aqua;
}

.ourProductsMenu li a {

    color: black;
    background-color: white;
    text-decoration: none;
}

.ourProductsBody {

    width: auto;
    display: flex;
    background-color: white;
    color: black;
    justify-content: center;
    font-size: 42px;
    font-style: bold;
    animation: popDown 2s;
    font-family: 'House of Cards w03';

    
}

.ourProductsBody.dark-mode {

    width: auto;
    display: flex;
    background-color: black;
    color: white;
    justify-content: center;
    font-size: 42px;
    font-style: bold;
    animation: popDown 2s;
    font-family: 'House of Cards w03';

    
}
.falconiumList ul {
    list-style-type: none;
    background-color: black;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: flex; /* use flex layout */
    align-items: center;
}

.falconiumList li {

}

.falconiumList a{
    color: white;
    text-decoration: none;
    padding: 15px;
    display: flex;
    text-align: center;
    width: 100%;
    font-family: 'House of Cards w03';
    font-size: 23.65px;
}
.falconiumList a:hover{

    color: black;
    background-color: white;
    font-weight: bold;
    transition: 1s;
}


.navLogo {

    width: 75px;
    height: 75px;
}

.falconiumFooter {
    
    position : relative;
    left: 0;
    bottom: 0;
    width: 100%;
    font-family: 'House of Cards w03';
    
}

.falconiumFooter ul {

    list-style-type: none;
    background-color: black;
    padding: 0%;
    margin: 0%;
    overflow: hidden;
}

.falconiumFooter a{
    color: white;
    text-decoration: none;
    padding: 15px;
    display: block;
    text-align: center;
}

.falconiumFooter a:hover{

    color: black;
    background-color: white;
    font-weight: bold;
    transition: 1s;
}

.falconiumFooter li {

    float: left;
}


body {
    background-color: rgb(24, 23, 23);
}


#navMenu {

    display: none;
}

.menu-icon {

    cursor: pointer;
    font-size: 24px;
    color: white;
}

#navMenu.active {
    display: flex;
    flex-direction: column;  /* Make items stack vertically */
    align-items: flex-start;  /* Align all items to the left */
    width: 100%;
}

.homeAbout {

    color : white;
    width: auto;
    margin: 0px;
    font-size: 18px;
    text-align: center;
    margin: 0 0;
    float: none;
}

.homeVideoSec {

    width : 30%;
    height : 30%;
    float: left;
    display: none;
}

.homeVideo {

    width: 100%;
    height: 100%;
}



@media (min-width : 1248px) {

    .giveaway {
        margin: 40px;
        font-size: 24px;
        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
    }

    .giveaway:hover {

        background-color: black;
        color: white;
        transition: 1s;
    }

    .katowiceGiveawayWrapper {
        display: flex;
        flex-direction: column;
    }

    .katowiceImage {

        width: 100%;
        height: 100%;
    }

    .eSports {
        
        margin-top: 40px;
        margin-bottom: 40px;
        font-family: 'House of Cards w03';
        font-size: 42px;
        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
    }

    .katowiceText {

        font-size: 24px;
    }

    .taleOfTheTape {

        font-size: 42px;
        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
        font-family: 'House of Cards w03';
    }

    .youtubeVideo {

        display: flex;
        flex-wrap: wrap;
    }

    .video {
        margin: 40px;
        width: 100%;
        aspect-ratio: 16/9;
    }

    .video iframe {

        width: 100%;
        height: 100%;
    }

    .eSportsWrapper {

        color: white;
        display: flex;
        flex-direction: row;
        font-family: 'House of Cards w03';
        width: auto;
        height: auto;
    }
    
    .katowiceText {

        margin: 40px;
    }

    .katowiceText h1 {

        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
    }

    .videoAftermath {

        font-family: 'House of Cards w03';
        color: white;
        margin-top: 40px;
    }

    .newsText {
        color: white;
        font-family: 'House of Cards w03';
        width: 100%;
    }


    .intel285k {

        display: flex;
        align-items: center;
        margin-right: auto;
    }

    .intelCoreUltra {
        width: 100%;
    }

    .keepInTheKnow {

        font-family: 'House of Cards w03';
        color: black;
        background-color: white;
        font-size : 42px;
        width: auto;
        justify-content: center;
        display: flex;
    }

     .makeAClaim {

        font-family: 'House of Cards w03';
        display: flex;
        background-color: white;
        color: black;
        margin-bottom: 40px;
        justify-content: center;
        font-size: 32px;
    }


    .servicesWeOffer {

        display: flex;
        justify-content: center;
        color: black;
        font-family: 'House of Cards w03';
        background-color: white;
        width: auto;
    }


.categoryContainer{

        font-family: 'House of Cards w03';
        color: grey;
        font-size: 32px;
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-around;
        
    }

.container {

        display: flex;
        flex-direction: row;
        clear: both;
        animation : popUp 2s;
    }



.highEnd {

    font-family: 'House of Cards w03';
    font-size: 34px;
    color: white;
    display: flex;
    justify-content: center;
}    

.featuredProducts {

    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.featuredProductsH1 {

    color: white;
    font-family: 'House of Cards w03';
    display: flex;
    justify-content: center;
}

.featuredParagraph {
    display: none;
    font-size: 24px;
    font-family: 'House of Cards w03';
}

.featuredParagraph.dark-mode {
    display: none;
    font-size: 24px;
    font-family: 'House of Cards w03';
    color: white;
    background-color: black; !important
}

.expandDots {

    display: flex;
    color: white;
    font-size: 24px;
    flex-direction: row;
}

.expandDots.dark-mode {

    display: flex;
    color: black;
    font-size: 24px;
    flex-direction: row;
}

.featuredSection {

    display: flex;
    flex-direction: row;
    align-items: center;
}

.featuredSection:hover .featuredParagraph {

    display: flex;
    flex-direction: row;
    color: white;
    font-family: 'House of Cards w03';
    font-size: 24px;
    animation: appear 4s forwards;
    padding: 40px;
} 


.featuredSection:hover .expandDots {
    
    display: none;
}

@keyframes appear {

    from {

        opacity: 0;
        background-image: none;
        color: white;
    }

    to {

        opacity: 1;
        background-image: linear-gradient(to right, white , rgba(245, 245, 245, 0.696));
        color: black;
    }
}

.falcyMedia {

    display: flex;
    justify-content: center;
    font-family: 'House of Cards w03';
    font-size: 34px;
    color: white;

}

    .featuredContainer{

        font-family: 'House of Cards w03';
        color: grey;
        font-size: 22px;
        display: flex;
        flex-direction: column;
        
    }

.productContainer {
  position: relative; /* Make the container positioned to allow absolute positioning of the info box */
}

.productInfoBody {
  display: none; /* Hide info box by default */
  position: absolute;
  top: 0; /* Align the info box to the top of the container */
  left: 100%; /* Position the box to the right of the container */
  width: 10vw; /* Make the info box take up full width of the container */
  padding: 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 100;
  box-sizing: border-box; /* Ensure padding doesn't affect the width */
  color: white;
}

.productContainer:hover .productInfoBody {
  display: block; /* Show the info box when hovering over the container */
  animation: productBodyAnimation 2s forwards;
}

.productInfoBody.active {
    display: flex;
    width: 50vw; /* Ensure it takes full width when active */
    padding: 20px;
    box-sizing: border-box;
    font-size: 34px;
    animation: productBodyAnimation 2s forwards;
}

    .mediaBody {

        color: grey;
        font-family: 'House of Cards w03';
        background-color: white;
        color: black;
        font-size: 42px;
        display: flex;
        justify-content: center;
        animation : popDown 2s
    }

    .mediaBody.dark-mode {

        color: grey;
        font-family: 'House of Cards w03';
        background-color: black;
        color: white;
        font-size: 42px;
        display: flex;
        justify-content: center;
        animation : popDown 2s
    }



    .homeFeaturedText {

        color: white;
        animation : popUp 2s;
        margin : 80px
    }
    
    #navMenu {
        
        display: flex;
        position: static;
        flex-direction:row;
        background: none;
        width: auto;
        font-size: 32px;
    }

    #navMenu a {
        width: auto;
        position: relative;
    }
    .menu-icon {
        
        display: none;
    }
    .homeAbout {

        color : white;
        width: 65%;
        float : none;
        margin: 40px;
        font-size: 23px; 
    }
    
    .homeVideoSec {
    
        width : 28%;
        height : 20%;
        float: left;
    }
    
    .homeVideo {
    
        width: 125%;
        height: 125%;
    }

    .homeAboutMain {

        font-size: 28px;
        margin: 40px;
        color: white;
    
    }
    
    .homeFeatured {
    
        font-size: 56px;
        font-family: 'House of Cards w03';
        margin: 40px;
        display: flex;
        color: grey;
        animation : popDown 2s
    }
    
    .whoWeAre {

        display: flex;
        justify-content: center;
        color: black;
        font-family: 'House of Cards w03';
        background-color: white;
        width: auto;
    }

    .container {

        display: flex;
        flex-direction: row;
        clear: both;
    }

    .loginElement {

    margin-left: auto;

    
}

.profileElement {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px; /* Space between items */
    margin-left: auto;
}

.accessibility a {
    font-size: 39.3px;
}

.accessibilityDropdown {

    display : flex;
    flex-direction: column;
    margin-left: auto;

}

.accessibility .accessibilityMenu {

    display : none;
    position: absolute;
    background-color: white;
    color: black;
    list-style: none;
    padding: 20px 20px;

}


.accessibilityDropdown:hover .accessibilityMenu{


    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style: none;
    align-items: center;
    font-size: 29.1px;
    font-family: 'House of Cards w03';
    cursor: pointer;
    color: black;

}

.accessibilityMenu li {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    margin-right: auto;
    padding: 10px;
}

.ourProductsDropdown {

    display : flex;
    flex-direction: column;

}


.ourProducts .ourProductsMenu {
    display: flex;
    flex-direction: column;
    position: absolute;
}


.ourProductsMenu a {
    display: none;
    background-color: white;
    color: black;
    font-size: 21.5px;
}

.ourProductsMenu li {
    width: 100%;
}

.ourProducts:hover .ourProductsMenu a{
    display: flex;
}


}

@media (max-width : 1248px) {

    .giveaway {

        color: black;
        background-color: white;
        display: flex;
        justify-content: center;
        font-size: 24px;
        font-family: 'House of Cards w03';
        margin-bottom: 40px;
        margin-top: 40px;
        width: 100%;
    }   

    .giveaway:hover {

        background-color: black;
        color: white;
        transition: 1s;
    }

    .katowiceText {

        color: white;
        font-size: 24px;
        font-family: 'House of Cards w03';
        margin-top: 40px;
        margin-left: 40px;
        margin-right: 40px;
    }

    .eSportsWrapper {

        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .katowiceImage {

        width: 100%;
        height: 100%;
        margin-bottom: 40px;
    }

    .eSports {    

        margin-bottom : 40px;
        font-family: 'House of Cards w03';
        font-size: 42px;
        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
        
    }

    .videoAftermath {

        font-family: 'House of Cards w03';
        font-size: 24px;
        margin: 40px;
        color: white;
    }

    .youtubeVideo {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    /* Responsive iframe wrapper */
    .video {
        width: 100%;
        max-width: 1000px; /* optional limit — change if you want */
        position: relative;
        aspect-ratio: 16 / 9; /* maintains the video shape */
    }

    .video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }


    .featuredContainer {

        width: 100%;
        margin: 0px;
    }

    .taleOfTheTape {

        color: black;
        background-color: white;
        font-family: 'House of Cards w03';
        display: flex;
        justify-content: center;
        font-size: 42px;
    }

    .keepInTheKnow {

        background-color: white;
        color: black;
        font-family: 'House of Cards w03';
        font-size: 42px;
    }

    .newsText {

        font-family: 'House of Cards w03';
        color: white;
        font-size: 24px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    
    .servicesMain {
        width: auto;
        margin-top: 40px;
        
    }

 .makeAClaim {

    display: flex;
    justify-content: center;
    font-size: 34px;
    font-family: 'House of Cards w03';
    color: black;
    background-color: white;
    width: 100%


}

.makeAClaim.dark-mode {
    background-color: black;
    color: white;
}


     .servicesWeOffer {

        display: flex;
        justify-content: center;
        color: black;
        font-family: 'House of Cards w03';
        background-color: white;
    }

     .productWrapper {
        flex-direction: column !important;
        width: 100%;
      }
    
      .productFigureDiv {
        flex-direction: column !important;
        width: 100%;
      }
    
      .productContainer {
        width: 100%;
      }
    
      .productInfoBody {
        width: 100%;
      }

      .productInfoBody.active {
        display: flex;
        width: 70vw; /* Ensure it takes full width when active */
        padding: 20px;
        box-sizing: border-box;
        font-size: 34px;
        animation: productBodyAnimation 2s forwards;
        margin : 40px;
    }

    

    .falconiumList ul li {

     width: 100%;

    }

    .profileElement {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
        margin-right: auto ;
        width: 100%;

    }

    .falconHomeFigure {

        width: 200px;
        height: 200px;
        margin: 0, auto
        

    }

    .falconHomeContainer {

        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0, auto;

    }


    #navMenu {
        
        display: none;

    }

    #navMenu.active {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        font-family: 'House of Cards w03';
    }




    .homeAbout {

        color : white;
        width: auto;
        margin: 40px auto;
        font-size: 24px;
        text-align: center;
    }
    

    .homeVideoSec {
    
        width : 100%;
        height : 20%;
        float: left;
    }
    
    .homeVideo {
    
        width: 100%;
        height: 100%;
    }

    .homeAboutMain {

        font-size: 24px;
        margin : 40px auto;
        color: white;
        font-family: 'House of Cards w03';
    }
    
    .homeFeatured {
    
        font-size: 56px;
        font-family: 'House of Cards w03';
        width: 65%;
        margin: 0 auto;
        color : white;
        text-align : center

    }

    .whoWeAre {

        display: flex;
        justify-content: center;
        color: black;
        font-family: 'House of Cards w03';
        background-color: white;
        width: auto;
    }

    .container {

        display: flex;
        flex-direction: column;
        width: 100%;
    }


    .homeFeaturedText {

        color: white;
        font-size: 24px;
        font-family: 'House of Cards w03';
        text-align: center;
        margin: 30px auto;
        width: 65%;
        animation : popUp 2s
    }

    .ourProductsBody {

        display: flex;
        color: black;
        background-color: white;

    }

    
    .nav ul {

        list-style: none;
        padding: 0;
        margin: 0;

    }

    .nav ul li {

        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        width: 100%;

    }
    

    }

.slider-wrapper {
    position: relative;
    max-width: 32rem;
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    text-align : center
}

.slider {
    display: flex;
    width: 100%;
    height: 500px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    box-shadow: 0 1.5rem 3rem -0.75rem hsla(0%, 0%, 0%, 0.25);
    border-radius: 0.5rem;
}

.slider img {
    flex 1 0 100%;
    scroll-snap-align: start;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.slider-nav {
    display: flex;
    column-gap: 1rem;
    position: absolute;
    bottom:1.25rem;
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
}

.slider-nav a {

    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color : white;
    opacity : 0.25;
    transition: opacity ease 250ms;
}
.slider-nav a:hover {

opacity: 1;
    
}

.whoWeAre {

    font-size: 42px;
    font-style: bold;
    animation: popDown 2s

    
}


.homeAboutMain {

    font-family: cursive;
    font-size : 24px;
    font-family: 'House of Cards w03';
    color: white;
    animation: popUp 2s

}

@keyframes popUp {

    from {
        transform: translate(5px, 150px);
        opacity: 0.2;
        color: black;
    }

    to {
        transform: translate(0px, 0px);
        opacity: 1;
        color: white;
    }
}

@keyframes popDown {

    from {
        transform: translate(5px, -150px);
        opacity 0.2;
        font: italic;
        color: white;
    }

    to {
        transform: translate(0px, 0px);
        opacity: 1;
        font-family: 'House of Cards w03';
        color: black;
    }
}

.homeFeatured {

    font-size: 42px;
    font-style: italic;
    width: auto;
    color: black;
    background-color: white;
    justify-content: center;
    align-items: center;
}



.loginVisual {

    background-color: white;
}



@font-face {
    font-family: 'House of Cards W03';
    src: url('https://db.onlinewebfonts.com/t/970677c69571772c9e53798ffe5a4aa0.woff2') format('woff2'),
         url('https://db.onlinewebfonts.com/t/970677c69571772c9e53798ffe5a4aa0.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}


.profileName {
    color: white;
    font-family: 'House of Cards w03', sans-serif;
    font-size: 42px;
}

.logoutLink {
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-family: 'House of Cards w03';
    cursor: pointer;
    transition: color 0.3s ease;
}

.logoutLink:hover {
    color: black;
    background-color: white;
}

.accessibility {

    font-family: 'House of Cards w03';
}


.fontSizeButton {

    font-family: 'House of Cards w03';
    outline: none;
    border: none;
    background-color: purple;
    color: white;
    font-size: 24.2px;
    cursor: pointer;

}

.fontSizeButton:hover {

    background-color: white;
    color: purple;
    transition: 1s;

}

/* Default colors for the dark-mode */
body.dark-mode {
  background-color: white;
  color: black;
}

body.dark-mode a {
  color: black;
  background-color: rgb(247, 246, 246);
}

body.dark-mode a:hover {
  color: white;
  background-color: black;
}


/* Dark mode specific styling for .whoWeAre */
.whoWeAre.dark-mode {
  background-color: black;
  color: white;
}

.homeAboutMain.dark-mode {

    color: black

}

.filler.dark-mode {

    color: black;
}

.homeFeatured.dark-mode {

    color: white;
    background-color: black;
}

.falconiumList ul.dark-mode {
    list-style-type: none;
    background-color: white;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: flex; /* use flex layout */
    align-items: center;
}

.homeFeaturedText.dark-mode {

    color: black;
}


.flipColorButton {

    background: none;
    border: none;
    outline: none;
    font-size: 24px;
    font-family: 'House of Cards w03';
    background-color: black;
    color: white;
    cursor: pointer;
}

.flipColorButton:hover {

    background-color: white;
    color: black;
    transition: 1s;

}

.vanillaFontButton {

    background-color: lightyellow;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    outline: none;
    border: none;
    cursor: pointer;

}

.vanillaFontButton:hover {

    background-color: black;
    color: lightyellow;
    transition: 1s;

}

.footerMain {
    display: flex;
    flex-direction: row;
    background-color: rgb(34, 34, 34);
    justify-content: space-around;
    font-family: 'House of Cards w03';
    width: 100%;
}

.footerMain.dark-mode {

    background-color: whitesmoke;
    
}

.footerMain.dark-mode a {

    color: black;
    
}

.footerMain.dark-mode a:hover{

    background-color: black;
    color: white;
    
}

.footerMain.dark-mode h1{

    color: black;
    
}

.footerMain h1 {

    color: white;
    font-size: 24px;
}

.footerMain ul li a {

     text-decoration: none;
     font-size: 18px;
}

.footerMain ul li a:hover{

    background-color: white;
    color: black;
    transition: .5s;

}

.socialMedia{

    display: flex;
    flex-direction: row;
    padding: 40px 0;
    gap: 20px;
}


.socialMedia a {

    width: 50px;
    height: 50px; 
    background-color: transparent;
    color: white;
}

.socialMedia li a {

    border-radius: 50%;
    border-color: white;
    border-style: solid;
    font-size: 14px;
    border: 2px;
    
}

.footerMain ul {

    list-style-type: none;
}

.footerMid ul li a {

    color: white;
}

.footerMidRight a {

    text-decoration: none;
    color: white;

}

.footerMidButton {
    display: none;
}

.newsButton {

    display: none;
}

.connectButton {
    display: none;
}

.footerLogo h1 {

     display: none;
}

@media (max-width : 1024px) {

    .featuredProducts {

        display: flex;
        flex-direction: column;
        margin-right: auto;
        font-family: 'House of Cards w03';
    }

    .featuredParagraph {

        display: none;
    }

    .featuredProductsH1 {

        color: white;
        display: flex;
        justify-content: center;
    }

    .highEnd {

        color: white;
        display: flex;
        justify-content: center;

    }
    
    .falcyMedia {

        color: white;
        display: flex;
        justify-content: center;
        font-size: 34px;
        margin: 40px;
    }

    .expandDots {

        font-size: 34px;
        color: white;
        display: flex;
        margin: 40px;
    }



    .featuredSection:hover .expandDots {
        display: none;
    }

     .featuredSection:hover .featuredParagraph {
        display: flex;
        flex-direction: column;
        font-size: 24px;
        color: white;
        margin: 40px;
        font-family: 'House of Cards w03';
        animation: appear 4s;
        padding: 40px;
    }


    .ourProductsDropdown {
        width: 100%;
    }

    .accessibilityDropdown {
        width: 100%;
    }

    .falconiumList li a {
        
        width: auto;
    }

    .ourProducts .ourProductsMenu {

        display: none;
    }
    

     .mediaBody {

        font-family: 'House of Cards w03';
        background-color: white;
        color: black;
        font-size: 42px;
        display: flex;
        justify-content: center;
        width: auto;
        animation : popDown 2s;

    }

    .mediaBody.dark-mode {

        font-family: 'House of Cards w03';
        background-color: black;
        color: white;
        font-size: 42px;
        display: flex;
        justify-content: center;
        width: auto;
        animation : popDown 2s;

    }
    
    .footerMain {

        display : flex;
        flex-direction : column
    }


    .socialMedia {

        display: none;
    }

    .socialMedia.active {
        
        display: block;
        display: flex;
        flex-direction: row;
        gap: 40px;
        margin: 10px;
        
    }

    .connectButton:hover {
        cursor: pointer;
        color: purple;
    }

    .services {
        display: none;
    }

    .services.active {
        
        display: block;
        display: flex;
        flex-direction: column;
        
    }

    .news {
        
        display: none;
    }

    .news.active {
        
        display: block
    }

    .footerMidButton {
        display: inline;
        margin-left: auto;
        float: right;
    }

    .newsButton {

        display: inline;
        margin-left: auto;
        float: right;
        cursor: pointer;
    }

    .connectButton {
        display: inline;
        margin-left: auto;
        float: right;
    }

    .connectButton:hover {
        
        animation: rotate 1s;
        transition: 2s;
    }

    .footerMidButton:hover {

        animation: rotate 1s;
        color: purple;
        transform: 2s;
        cursor: pointer;
    }

    .newsButton:hover {

        animation: rotate 1s;
        color: purple;
        transition: 2s;
    }



    .connectButton:hover {

        animation: rotate 1s;
    }

    @keyframes rotate {

        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    .footerLogo h1{

     display: flex;
     justify-content: center;
     align-content: center;
     font-size: 24px;
     color: black;
}

    .footerLogo {

        display: flex;
        flex-direction: row;
        align-items: center;
        background-color: white;
    }


}

.footerMain.dark-mode {

    background-color: whitesmoke;
    
}

.footerMain.dark-mode a {

    color: black;
    
}

.footerMain.dark-mode a:hover{

    background-color: black;
    color: white;
    
}

.footerMain.dark-mode h1{

    color: black;
    
}

.accessibility .accessibilityMenu {
    display: none;
}

.productWrapper {
    display: flex;
    flex-wrap: wrap; /* allow wrapping */
    justify-content: space-around; /* space between containers */
    gap: 20px;
    padding: 20px;
    font-family: 'House of Cards w03';
    font-size: 34px;
    color: white;
    flex-direction: column;
}

.productContainer {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-right: auto;
    animation: popUp 2s;

}


.productFigureDiv {

    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.productInfoBody {
    display: none;
    width: 50vw; /* Full viewport width */
    padding: 20px;
    box-sizing: border-box;
}


.productHeading {

    font-size: 34px;
    position: absolute;

}

.productInfoButton {

    cursor: pointer;
}

.legend {

    color: white;
    margin : 40px
}

.legend.dark-mode {

    color: black;
    margin : 40px
}



/* Slide-in and fade-in animation */
@keyframes appearAndGo {
  from {
    opacity: 0;
    transform: translateX(500px);
    font-size: 32px;
  }
  to {
    opacity: 1;
    transform: translateX(0);
    font-size: 32px;;
  }
}

/* Fade-out and hide animation */
@keyframes disappear {
  from {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    font-size: 32px;
  }
  to {
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    transform: translateX(-300px);
  }
}

/* Trigger this to animate the entrance */
.appearAndGo {
  animation: appearAndGo 4s ease-out forwards;
}

/* Trigger this to animate disappearance */
.disappear {
  animation: disappear 2s forwards;
  pointer-events: none;
}

.productHeading {

    color: white;
    padding: 10px;
    margin: -30px;
    font-weight: bold;
}

@keyframes productBodyAnimation {
    from {
        opacity: 0;
        background-color: black;
        color: white;
    }
    to {
        opacity: 1;
        background-color: white;
        color: black;
    }
}

.falcy1Text {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.falcy1Text.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.falcy2Text{

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 33px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.falcy2Text.dark-mode{

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 33px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}


.falcy3Text {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.falcy3Text.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}


.infoMenu1 {

    display: none;

}

.infoMenu2 {

    display: none;

}

.infoMenu3 {

    display: none;

}

@keyframes sidewaysFly {

    from {

        opacity: 0;
        transform: translate(200px, 0px);
    }

    to {

        opacity: 1;
        transform: translate(0px,0px);
    }

}

.infoMenu1.activeInfo1 {
    
    display: flex;
    animation: sidewaysFly 2s;
}

.infoMenu2.activeInfo2 {


    display: flex;
    animation: sidewaysFly 2s

}

.infoMenu3.activeInfo3 {

    display: flex;
    animation: sidewaysFly 2s;
}

.infoIcon1 {

    cursor : pointer
}

.infoIcon2 {

    cursor : pointer
}

.infoIcon3 {

    cursor : pointer
}

.form {

    margin: 40px;
    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    padding: 40px;
}

.form.dark-mode {
    background-color: black;
    color: white;
}

.submitButton {

    font-family: 'House of Cards w03';
    background-color: black;
    color: white;
    border: none;
    outline: none;
}

.submitButton.dark-mode {
    background-color: white;
    color: black;
}

.submitButton:hover {

    cursor: pointer;
}

.servicesWeOffer {

    font-size: 42px;
    font-style: bold;
    animation: popDown 2s

    
}

.ourProducts .ourProductsMenu a:hover {

    color: white;
    background-color: black;
    transition: 1s;
}

.categoryLaptops {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}


.categoryLaptops.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.categoryGP {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}


.categoryGP.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.categoryMisc {

    background-color: white;
    color: black;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.categoryMisc.dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    text-decoration: none;
    font-size: 34px;
    padding: 4px;
    display: flex;
    flex-direction: row;
}

.laptopInfoMenu {

    display: none

}

.laptopInfoMenu.active {

    display: flex;
    flex-direction : row;
    color: black;
    font-size: 32px;
    font-family: 'House of Cards w03';

}

.laptopButton {

    cursor: pointer;

}

.peripheralInfoMenu {

    display: none;
}

.peripheralInfoMenu.active {

    display: flex;
    flex-direction : row;
    color: black;
    font-size: 32px;
    font-family: 'House of Cards w03';

}

.GPButton {

    cursor: pointer;
}

.miscellaneousInfoMenu{

    display: none;
}

.miscellaneousInfoMenu.active{

    display: flex;
    flex-direction: row;
    color: black;
    font-size: 32px;
    font-family: 'House of Cards w03';
}

.UFX-786 {

    border: none;
    outline: none;
    background-color: whitesmoke;
    width: auto;
    height: 100px;
}

.UFX-786 a {

    color: black;
    font-family: 'House of Cards w03';
    font-size: 12px;
    text-decoration: none;
}

.miscellaneousButton {

    cursor: pointer;

}

.linkSectionDiv {

    display: flex;
    flex-direction: column;
    font-family: 'House of Cards w03';
}

.linkFlex {

    display: flex;
    flex-direction: column;
}

.linkText{

    color: white;
}

.link1 a {

    font-size: 62px;
    vertical-align: middle;
    color: white;
    text-decoration: none;
}

.link1 a:hover {

    color: aqua;
}

.ourProductsMenu li a {

    color: black;
    background-color: white;
    text-decoration: none;
}

.ourProductsBody {

    width: auto;
    display: flex;
    background-color: white;
    color: black;
    justify-content: center;
    font-size: 42px;
    font-style: bold;
    animation: popDown 2s;
    font-family: 'House of Cards w03';

    
}

.ourProductsBody.dark-mode {

    width: auto;
    display: flex;
    background-color: black;
    color: white;
    justify-content: center;
    font-size: 42px;
    font-style: bold;
    animation: popDown 2s;
    font-family: 'House of Cards w03';

    
}

.registerForm {

    display: flex;
    flex-direction: column;
    color: black;
    background: white;
    font-size: 34px;
    font-family: 'House of Cards w03';
    align-items: center;
    border-color: purple;
    border-radius: 10px;
    border-style:solid;

}

.registerForm ::placeholder{

    font-family: 'House of Cards w03';
    color: black;
    font-size: 14px;
    font-weight: bold;
}

.registerForm .dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    font-size: 34px;
    display: flex;
}

.loginForm {

    display: flex;
    flex-direction: column;
    color: black;
    background: white;
    font-size: 34px;
    font-family: 'House of Cards w03';
    align-items: center;
    border-color: purple;
    border-radius: 10px;
    border-style:solid;

}

.loginForm ::placeholder{

    font-family: 'House of Cards w03';
    color: black;
    font-size: 14px;
    font-weight: bold;
}

.loginForm .dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    font-size: 34px;
    display: flex;
}


.submitButton {

    font-family: 'House of Cards w03';
    border: none;
    outline: none;
    background-color: black;
    color: white;
    cursor: pointer;


}

.registerButton {

    font-family: 'House of Cards w03';
    font-size: 23px;
    background-color: purple;
    color: white;
    border-radius: 2%;
    outline-width: 0px;
    cursor: pointer;
}

.registerButton:hover {
    background-color: white;
    color: purple;
    transition: 3s;
    outline-width: 0px;
}

.loginButton {

    font-family: 'House of Cards w03';
    font-size: 23px;
    background-color: purple;
    color: white;
    border-radius: 2%;
    outline-width: 0px;
    cursor: pointer;
}

.loginButton:hover {
    background-color: white;
    color: purple;
    transition: 3s;
    outline-width: 0px;
}

.loginFormDiv {
    display: block;
}

.loginFormDiv.hidden {
    display: none;
}

.registerFormDiv {
    display: none;
}

.registerFormDiv.active {
    display: block !important;
}

.logoutForm {

    display: flex;
    flex-direction: column;
    color: black;
    background: white;
    font-size: 34px;
    font-family: 'House of Cards w03';
    align-items: center;
    border-color: purple;
    border-radius: 10px;
    border-style:solid;
    margin-top: 40px;
    

}

.logoutForm ::placeholder{

    font-family: 'House of Cards w03';
    color: black;
    font-size: 14px;
    font-weight: bold;
}

.logoutForm .dark-mode {

    background-color: black;
    color: white;
    font-family: 'House of Cards w03';
    font-size: 34px;
    display: flex;
    margin-top: 40px;
}

.logOut {

    font-family: 'House of Cards w03';
    font-size: 24px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;

}

.logOutButton {

    background-color: white;
    color: purple;
    font-family: 'House of Cards w03';
    border: none;
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
}

.logoutContainer {
    color: purple;
    outline-color: purple;
    outline-width: 2px;
    background-color: white;
    font-family: 'House of Cards w03';
    display: flex;
    justify-content: center;
    margin: 40px;
    
}

.navIcon