@import url('https://googleapis.com');


.jammazur {
    display: flex;
    justify-content: center;
    width: 30%;
  display: block;      /* Converts the image to a block element */
  margin-left: auto;   /* Automatically balances the left margin */
  margin-right: auto;  /* Automatically balances the right margin */
  margin-top: 5%;
      transition: transform 0.3s ease-in-out; 
      opacity: 0.75;
}

.jammazur:hover {
    transform: scale(1.1);
    opacity: 1;
}

html {
  scroll-behavior: smooth;
}

.flex-container {
  display: flex;
  /* Creates 3 equal columns; wraps extra items to the next row */
}

.flex-container > div {
  background: #e0e0e0;
  padding: 20px;
}


.arrow {
    width: 75px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5%;
    transition: transform 0.3s ease-in-out; 
}

.arrow:hover {
    transform: scale(1.1);
    
}

.desc {
    font-family: "Lacquer";
    color: #ffffff;
    margin-right: 20%;
    margin-left: 25%;
    text-align: left;
    font-size: 2.2em;
    width: 50%;
    letter-spacing: 5px;
}


.about {
    display: flex;
    #transform: translateY(-4em);
}

.ig {
    text-decoration: none;
    color: #ffffff;
    font-size: 0.8em !important;
    transform: translateY(-10px);
}

.ig:hover {
    opacity: 0.5;
}

#tiktoklogo {
    scale: 1.5;
}

a {
    text-decoration:none;
}

.tiktok {
    float: right;
    text-decoration: none;
    color: #ffffff;
}

.tiktok:hover {
    opacity: 0.5;
}


.about {
    
    transform: translateY(-2em) scale(2);
}


.tabs {
    color: #ffffff;
    display: flex;
    margin-right: auto;
    margin-left: auto;
}

.tab {
    color: #ffffff;
    text-align: center;
    flex: 1;
    padding: 15px;
    max-width: 16% !important;

}

.buddon {
        transition: transform 0.3s ease;
}

.buddon:hover {
    transform: scale(1.1);
}

#zed:hover {
    transform: scale(1.2) !important;
}

#zed {
    transform: scale(1.1);
        opacity: 0.5;
}

#filmz {
    width: 50%;
}

#writing {
    width: 70%;
}

#writing:hover {
    transform: scale(1.1); !important;
}

#shortz {
    width: 100%;
}

#resume {
    width: 80%;
}

#comix {
    width: 60%;
}

#writingbuddon {
    transform: translateX(-30px);
}

.tabs {
    scale: 0.8;
}


.category {
    text-align: center;
    color: #ffffff;
    font-size: 72px;
    font-family: "Lacquer";
    margin-top: 5%;
    margin-bottom: 5%;
}


.container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    float: middle;
}

.reel {
    padding: 20px;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
}



.menu-checkbox {
    display: none;
}

@media screen and (max-width: 767px) {
  .desc {
    font-size: 20px;
    margin-left: 10%;
    width: 85%;
    margin-right: 10%;
  }
  
.tabs {
  margin-bottom: -80% !important;
}

.menu-button {
display: flex;
  color: white;
  width: 30%;
  font-size: 72px;
  margin-left: 44%;
  align-items: center;
  margin-top: 5%;
}

.tabs {
      transition: margin-bottom 0.2s ease;

}

.menu-checkbox + .tabs {
    transform: translateY(-200%);
}

.menu-checkbox:checked + .tabs {
  transition: margin-bottom 0.2s ease;
  display: block !important;
  transform: translateY(40px);
  margin-bottom: 0% !important;
}

.menu-checkbox:checked {
}
  /*
  #dropdown.category:hover {
      opacity: 0.5;
  }
  
  #dropdown.category:hover + .tabs {
      display: block;
      
  }
  */
  
 
 
  
  
  
  .jammazur {
      scale: 2;
      margin-top: 20%;
      margin-bottom: 0%;
  }
  
  .tabs {
      display: grid;
      flex-wrap: wrap;
      padding-left: 30%;
      margin-top: -10%;
      border-top: 2px dashed grey;
      border-bottom: 2px dashed grey;
      padding-top: 5%;
      padding-bottom: 5%;
  }
  
  
  .tab {
      max-width: 50% !important;
  }
  
  .buddon {
      width: 100%;
  }
  
  .reel {
      width: 80%;
      margin: auto;
  }
}