body {
    /* background-image: url(https://www.futurepedia.io/diamond-lattice.png), linear-gradient(25deg, #e89f38, #eb8d09,#f2b661, #f59b42); */
      background-size: auto, 500% 500%;
      animation: gradient 20s ease infinite;
      height: 100vh;


      background-image: linear-gradient(
        180deg,
        transparent,
        rgba(56, 55, 55, 0.61),
        #000000
      );
      background-color: #000000;
      

  }
  
  @keyframes gradient {
      0% {
          background-position: 0% 50%;
      }
      50% {
          background-position: 100% 50%;
      }
      100% {
          background-position: 0% 50%;
      }
  }
.nav-background{
    background-color: transparent;
}
.second-section-image{
    height: 500px;
    width: 500px;
    margin-right: 10px;
    margin-top: 50px;
}
.esports-main-font{
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
    font-weight: bold;
}
.esports-main-para{
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
    font-size: 18px;
}
.esports-main-button{
    padding: 10px;
}

.esports-main-font-one{
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: black;
    font-weight: bold;
    font-size: 48px;
}
.esports-main-para-two{
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: black;
    font-size: 18px;
}
.exports-second-section-first{
    padding-top: 50px;
}
.esports-main-para-two-span{
    color: orange;
    font-weight: 500;
}
.esports-second-card-head{
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: black;
    font-weight: bold;
    font-size: 36px;
}
hr.colored {
    border-color: orange;
    
}
hr {
    max-width: 250px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    height: 2px;
    margin: 15px auto;
}
.esports-card-first-icon{
    padding-top: 10px;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 38px;
    font-weight: bold;
}
.esports-third-section-padding{
    padding: 50px;
}
.esports-card-paragraph{
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
}
.middle-red{
    font-weight: bold;
    color: orange;
}
.esports-main-para-embed{
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: black;
    font-size: 44px;
    font-weight: bold;
}
.noobs-section-logo{
    height: 120px;
    width: 120px;
}
html{
    scroll-behavior: smooth;
}
.navbarText{
    font-family: "Rubik",sans-serif;
    font-weight: 400;
    font-size: 20px;
}
.navbarText {
    text-decoration: none;
    color: white;
    margin-left:22px; 
    
}
.navbarText:hover{
    text-decoration: none;
    color: white;
    background-color: #F37B1F;
    padding: 10px;
    border-radius: 10px;
    transition: color 0.3s ease, background-color 0.3s ease;
}
.nav-noobs-logo{
    height: 90px;
    width: 110px;
}
.scroll-animation {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.scroll-animation.animate {
    opacity: 1;
    transform: translateY(0);
}
.contact-us-card{
    background-color:white;
    padding: 20px;
    border-radius: 10px;
}
.contactus-card-main-background{
    background-color: #f5f5f5;
    padding: 60px;
}
.contact-us-main-heading{
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 38px;
    text-transform: uppercase;
    margin-top: 10px;
}
.contact-noobs-logo{
    height: 60px;
    width: 90px;
}
.email-text{
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: orange;
}
.navbarText:focus{
    text-decoration: none;
    color: white;
    background-color: #F37B1F;
    padding: 10px;
    border-radius: 10px;
    transition: color 0.3s ease, background-color 0.3s ease;
}
.socialContainer {
    width: 52px;
    height: 52px;
    background-color: rgb(44, 44, 44);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition-duration: .3s;
}

/* instagram*/
.containerOne:hover {
    background-color: #d62976;
    transition-duration: .3s;
}

/* twitter*/
.containerTwo:hover {
    background-color: #00acee;
    transition-duration: .3s;
}

/* linkdin*/
.containerThree:hover {
    background-color: #0072b1;
    transition-duration: .3s;
}

/* Whatsapp*/
.containerFour:hover {
    background-color: #128C7E;
    transition-duration: .3s;
}

.socialContainer:active {
    transform: scale(0.9);
    transition-duration: .3s;
}

.socialSvg {
    width: 17px;
}

.socialSvg path {
    fill: rgb(255, 255, 255);
}

.socialContainer:hover .socialSvg {
    animation: slide-in-top 0.3s both;
}

@keyframes slide-in-top {
    0% {
        transform: translateY(-50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.contact-section-main-background {
    background-color: #f5f5f5;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 60px;
}

.footer-section-main-heading {
    font-family: 'popins', Sans-Serif;
    font-weight: 700;
    color: #DC143C;
    font-size: 28px;
}

.footer-icon-background {
    background-color: #f5f5f5;
    height: 50px;
    width: 50px;
    border-radius: 60px;
    padding-top: 14px;
    padding-bottom: 46px;
    padding-right: 17px;
    padding-left: 16px;
    margin-bottom: 15px;
    margin: 5px;
}

.footer-section-para {
    color: black;
}

.footer-icon {
    color: #5a7184;
    font-size: 20px;
}

.foot-head {
    color: #5a7184;
    font-size: 20px;
    font-weight: 650;
}

.foot-para {
    color: #5a7184;
    font-size: 16px;
}

.card {
    width: fit-content;
    height: fit-content;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    gap: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.055);
}


.esports-second-section {
    background-color: #423e3a;
}

.esports-main-font,
.esports-main-para,
.esports-main-font-one,
.esports-main-para-two,
.esports-card-first-icon,
.esports-card-paragraph,
.esports-main-para-embed,
.foot-head,
.foot-para {
    color: #fff !important;
}

.middle-red {
    color: orange !important;
}

hr.colored {
    border-color: orange !important;
}

.socialContainer {
    background-color: #000 !important;
}

.containerOne:hover {
    background-color: #d62976 !important;
}

.containerTwo:hover {
    background-color: #00acee !important;
}

.containerThree:hover {
    background-color: #0072b1 !important;
}

.containerFour:hover {
    background-color: #128C7E !important;
}

.contact-section-main-background,
.contactus-card-main-background {
    background-color: #000;
}

.footer-icon-background {
    background-color: #fff !important;
}

.footer-section-para,
.foot-head,
.foot-para {
    color: #fff !important;
}