*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

body, html {

  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  background: #141414;
  font-family: "Figtree", Arial, sans-serif;
}

body {
/*background: linear-gradient(195deg, rgb(36, 198, 220), rgb(25, 25, 112));*/
background-image: linear-gradient(41deg, rgba(107, 107, 107, 0.04) 0%, rgba(107, 107, 107, 0.04) 8%,rgba(31, 31, 31, 0.04) 8%, rgba(31, 31, 31, 0.04) 100%),linear-gradient(9deg, rgba(228, 228, 228, 0.04) 0%, rgba(228, 228, 228, 0.04) 62%,rgba(54, 54, 54, 0.04) 62%, rgba(54, 54, 54, 0.04) 100%),linear-gradient(124deg, rgba(18, 18, 18, 0.04) 0%, rgba(18, 18, 18, 0.04) 37%,rgba(233, 233, 233, 0.04) 37%, rgba(233, 233, 233, 0.04) 100%),linear-gradient(253deg, rgba(201, 201, 201, 0.04) 0%, rgba(201, 201, 201, 0.04) 55%,rgba(47, 47, 47, 0.04) 55%, rgba(47, 47, 47, 0.04) 100%),linear-gradient(270deg, rgba(172, 172, 172, 0.04) 0%, rgba(172, 172, 172, 0.04) 33%,rgba(26, 26, 26, 0.04) 33%, rgba(26, 26, 26, 0.04) 100%),linear-gradient(64deg, rgba(11, 11, 11, 0.04) 0%, rgba(11, 11, 11, 0.04) 38%,rgba(87, 87, 87, 0.04) 38%, rgba(87, 87, 87, 0.04) 100%),linear-gradient(347deg, rgba(199, 199, 199, 0.04) 0%, rgba(199, 199, 199, 0.04) 69%,rgba(4, 4, 4, 0.04) 69%, rgba(4, 4, 4, 0.04) 100%),linear-gradient(313deg, rgba(36, 36, 36, 0.04) 0%, rgba(36, 36, 36, 0.04) 20%,rgba(91, 91, 91, 0.04) 20%, rgba(91, 91, 91, 0.04) 100%),linear-gradient(90deg, rgb(10, 17, 72),rgb(35, 148, 228));
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

body img {

  z-index: 999;
  display:flex;
  position:absolute;
  left:0%; 
  right:0%;
  top:0%; 
  bottom:0;
  margin:auto;
  max-width:50%;
  max-height:50%;
  overflow:auto;

}


footer span{

  z-index: 999;
  display:flex;
  position:absolute;
  left:0; 
  bottom:0;
  margin-left:45%;
  margin-right: auto;
  margin-bottom: 10px;
  overflow:auto;
  font-size: 12px;
  color: #6b6d7079 !important;
}

h1 { 
  font-family: "Figtree", Arial, sans-serif;
  font-size: 32px;
  font-weight:400;
  color: #fff;
  z-index: 999;
  display:flex;
  position:absolute;
  left:42%; 
  right:auto;
  top:70%; 
  bottom:0;
  margin:auto;
  max-width:50%;
  max-height:50%;
  overflow:auto;

}

h2 { 
  font-family: "Figtree", Arial, sans-serif;
  font-size: 24px;
  font-weight:400;
  color: #fff;
  line-height: 2rem;
  text-align:center;
  z-index: 999;
  display:flex;
  position:absolute;
  left:0%; 
  right:0%;
  top:80%; 
  bottom:0;
  margin-left: 25%;
  margin-right: 25%;
  overflow:auto;

}

h3 { 
  font-family: "Figtree", Arial, sans-serif;
  font-weight:400;
  color: #fff;
  line-height: 2rem;
  text-align:center;
  z-index: 999;
  display:flex;
  position:absolute;
  left:0%; 
  right:0%;
  top:0%; 
  bottom:0;
  margin-top: 45%;
  margin-left: 25%;
  margin-right: 25%;
  overflow:auto;

}

h4 { 
  font-family: "Figtree", Arial, sans-serif;
  font-weight:400;
  color: #fff;
  line-height: 2rem;
  text-align:center;
  z-index: 999;
  display:flex;
  position:absolute;
  left:0%; 
  right:0%;
  top:95%; 
  bottom:0;
  margin-left: 25%;
  margin-right: 25%;
  overflow:auto;

}





/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* Styles */

}

/* Smartphones (portrait) -----------Active */
@media only screen
and (max-width : 320px) {
/* Styles */

 
}

/* Smartphones (landscape) -----------Active */
@media only screen
and (min-width : 321px) {
/* Styles */
body img {
  max-width: 50%;
  max-height: 50%;
   overflow: hidden;
 }

}



@media only screen and (max-width: 480px) {
  body img {
    width: 100%;
    overflow: hidden;
  }
  
}

@media only screen and (min-width: 481px) {
  body img {
    width: 70%;
    overflow: hidden;
  }
  
}


/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */

}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
/* Styles */
body img {
  max-width: 50%;
  max-height: 50%;
   overflow: hidden;
 }
 

}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
/* Styles */
body img {
  max-width: 50%;
  max-height: 50%;
   overflow: hidden;
 }
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */

 
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */

}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */body img {
  max-width: 50%;
  max-height: 50%;
   overflow: hidden;
 }
}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */body img {
  max-width: 50%;
  max-height: 50%;
   overflow: hidden;
 }
}