body{
  margin: 0;
  box-sizing: border-box;
}
header {

  font-family:'Hind', sans-serif;
  font-size: xx-large;
  text-align: center;
  background-color: #FFFAFA;
}
}
header::after{
  content: '';
  display: table;
  clear: both;
}
nav {
  float: left;
  position:relative;
}
nav ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
nav li{
  display: inline-block;
  margin-left: 70px;
  padding-top: 35px;
  position: relative;
}
nav a{
  color:#110c11;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;

}
nav a:hover {
  color: whitesmoke;
}
nav a::before{
  content: '';
  display: block;
  height: 4px;
  width: 0%;
  background-color: black;
  position: absolute;
  transition: all ease-in-out 250ms;
}
nav a:hover::before {
  width: 100%;
}
.navcolor{
  background: #57807D;
  display: bleck;
  height: 90px;
  text-align: center;

}
.candy-image {
  background: url("images/candy.jpg") no-repeat center;
  background-size: cover;
  height: 500px;
  position: relative;
  margin: 20px;
}

.candy-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
.ai-image {
  background: url("images/social.png") no-repeat center;
  background-size: cover;
  height: 700px;
  width: 60%;
  position: absolute;
  margin-top:360px;
  margin-bottom: 260px;
}

.ai-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 130%;
  transform: translate(-50%, -50%);
  color: black;
  margin-left: 100px;
  margin-right: 200px;
  font-family: 'Hind', sans-serif;
}

.black_background{
  background-color: #2b2b2b;
  width: auto;
  height: 900px;
  margin-top: 1500px;
  padding-bottom: 20px;
  margin-bottom: 260px;
  font-family: 'Hind', sans-serif;
  <!--border-radius: 15px;-->

}

.black_background img{
  float: right;
  height: 500px;
  width: auto;
  shape-outside: circle(44%);
}

.secondbg {
  background: url("images/gamec.jpg") no-repeat center;
  background-size: cover;
  height: 500px;
  position: relative;
  margin: 20px;

}
.secondbg-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

.gaming{
  background-color: #fafaff;
  height: 700px;
  width: auto;
  position: absolute;
  margin-top:360px;
  margin-bottom: 260px;
  font-family: 'Mukta Vaani', sans-serif;
}

.gaming img{
  float: left;
  height: auto;
  width: 50%;
  margin-top: 200px;
}
.black_backgroundii{
  background-color: #2b2b2b;
  width: auto;
  height: 900px;
  margin-top: 1500px;
  padding-bottom: 20px;
  margin-bottom: 260px;
font-family: 'Mukta Vaani', sans-serif;
  <!--border-radius: 15px-->;
}
.black_backgroundii img{
  float: left;
  height: 300px;
  width: auto;
  shape-outside: circle(44%);
}
.cited{
  width: auto;
  height: 750px;
  margin: 65px auto 10px;
  padding: 20px;
  border: 1px solid  #C4FFFA;
  background: #c6c6cc;
  border-radius: 0px 15px 15px 0px;
  text-align: center;
}
ul {
			list-style: none;
      font-size: 30px;

    }
    @media screen and (max-width:960px) {
  gallery-section .image{
    flex: 33.33%;
  }
}
@media screen and (max-width:768px) {
  gallery-section .image{
    flex: 50%;
  }
}
@media screen and (max-width:480px) {
  gallery-section .image{
    flex: 100%;
  }
}
.artist{
  font-family: 'Montserrat';
}