body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
header {
  width: 90%;
  background-color: white;
  display: flex;
  position: fixed;
  justify-content: space-between;
  padding: 25px;
}

.logo {
  font-size: 30px;
  font-family: "Notable", sans-serif;
  font-weight: bolder;
  margin-left: 100px;
  margin-top: 15px;
  z-index: 4;
  letter-spacing: 2px;
}
nav ul {
  list-style: none;
  display: flex;
  z-index: 4;
}
nav ul li {
  padding: 10px;
  z-index: 4;
}
nav ul li a {
  text-decoration: none;
  color: #2c2c2c;
  font-family: "Gruppo", cursive;
  font-size: 18px;
  font-weight: 800;
  z-index: 4;
}
.thumb_container {
  width: 90%;
}
.thumbimg {
  max-width: 50vh;
  max-height: 60vh;
  width: auto;
  height: auto;
  position: absolute;
  z-index: 1;
}
.thumbimg:hover {
  z-index: 2;
}

.thumb_london {
  top: 1350px;
  left: 20%;
}
.thumb_science {
  top: 1590px;
  left: 5%;
}
.thumb_fila {
  top: 3400px;
  left: 75%;
}

.thumb_graziavara {
  top: 6200px;
  left: 70%;
}
.thumb_dibzoo {
  top: 8400px;
  left: 70%;
}
.thumb_waiting{
  top: 2300px;
  left: 45%;
  max-width: 40vh !important;
  max-height: 55vh !important;
}
.thumb_clubber{
  top: 2760px;
  left: 50%;
}
.thumb_graziawild {
  top: 2500px;
  left: 68%;
  max-width: 65vh !important;
  max-height: 85vh !important;
  width: auto;
  height: auto;
}
.thumb_graziadove {
  top: 3500px;
  left: 30%;
}
.thumb_graziasept {
  top: 5350px;
  left: 20%;
}
.thumb_harper {
  top: 5200px;
  left: 45%;
}
.thumb_yuvraj{
  top: 1200px;
  left: 55%;
}
.thumb_jamesgt {
  top: 1500px;
  left: 70%;
}
.thumb_mensxp {
  top: 4500px;
  left: 65%;
}
.thumb_neon {
  top: 3700px;
  left: 10%;
}
.thumb_goa{
  top: 4350px;
  left: 5%;
}
.thumb_palmspring {
  top: 5500px;
  left: 65%;
}
.thumb_puma {
  top: 1650px;
  left: 32%;
}
.puma_vid {
  top: 4900px;
  left: 70%;
}
.neon_vid {
  top: 7200px;
  left: 15%;
}
.thumb_redlon {
  top: 5700px;
  left: 15%;
}
.thumb_verve {
  top: 3050px;
  left: 65%;
}
.thumb_rohit {
  top: 2500px;
  left: 5%;
}
.thumb_viceind {
  top: 4700px;
  left: 10%;
}
.thumb_tabia{
  top: 5050px;
  left: 5%;
  max-width: 35vh !important;
}
.thumb_voguesoph {
  top: 4250px;
  left: 43%;
}

.thumb_voguework {
  top: 3050px;
  left: 25%;
}
.thumb_alavia{
  top: 1950px;
  left: 65%;
}
.thumb_alisha {
  top: 6400px;
  left: 65%;
}
.thumb_loft{
  top: 6400px;
  left: 50%;
}
.thumb_og{
  top: 7000px;
  left: 60%;
}
.thumb_graziafest {
  top: 5900px;
  left: 55%;
}
.thumb_varun {
  top: 2100px;
  left: 10%;
}
.thumb_tapsee {
  top: 6700px;
  left: 25%;
}
.thumb_conc {
  top: 6000px;
  left: 30%;
}
.thumb_lifted{
  top: 6600px;
  left: 2%;
}
.thumb_mapusa{
  top: 6300px;
  left: 10%;
}
.thumb_sustain {
  top: 4050px;
  left: 70%;
}
.thumb_newyuvraj{
  top: 3800px;
  left: 70%;
}

.thumb_ogan {
  top: 3200px;
  left: 5%;
}
.thumb_vogueman {
  top: 7500px;
  left: 65%;
}
.thumb_manushi {
  top: 7500px;
  left: 30%;
}
.thumb_idee{
  top: 8000px;
  left: 20%;
}
.thumb_equa{
  top: 8650px;
  left: 35%;
}
.thumb_simba{
  top: 8000px;
  left: 60%;
}
.thumb_manushi {
  top: 7500px;
  left: 40%;
  margin-top: 50px;
}
.thumb_soul{
  top: 8900px;
  left: 65%;
}
.thumb_marlea{
  top: 8300px;
  left: 40%;
}
.thumb_sriyomi{
  top: 8600px;
  left: 10%;
}
.thumb_badshah{
  top: 150px;
  left: 75%;
}
.thumb_bof{
  top: 4800px;
  left: 35%;
}
.thumb_chumbak{
  top: 850px;
  left: 75%;
}
.thumb_kareena_puma{
  top: 1500px;
  left: 45%;
}
.thumb_kl_rahul_puma{
  top:650px;
  left: 15%;
}
.thumb_munchies{
  top: 580px;
  left: 55%;
}
.thumb_paper{
  top: 1090px;
  left: 10%;
}
.thumb_peter{
  top: 3900px;
  left: 40%;
}
.thumb_puma-kareena{
  top: 100px;
  left: 10%;
}
.heads {
  position: fixed;
  font-family: "Gruppo", cursive;
  font-size: 30px;
  font-weight: bold;
  top: 90%;
  left: 5%;
  opacity: 0;
  z-index: 3;
  letter-spacing: 1px;
}
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  opacity: 0.5;
}

/* .transition-fade {
  transition: 0.5s;
  opacity: 1;
} */

/* html.is-animating .transition-fade {
  opacity: 0;
} */