/*!
  * Item: Kitzu
  * Description: Personal Portfolio Template
  * Author/Developer: Exill
  * Author/Developer URL: https://themeforest.net/user/exill
  * Version: v1.1.0
  * License: Themeforest Standard Licenses: https://themeforest.net/licenses
  */

/*----------- ADD YOUR CUSTOM CSS STYLES BELOW -----------*/

#overlay-blue {
  position: fixed;
  width: 50%;
  height: 50%;
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
  background-color: rgba(1, 91, 187, 0.4);
  z-index: 1;
  cursor: pointer;
}

#overlay-yellow {
  position: fixed;
  width: 50%;
  height: -50%;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  background-color: rgba(254, 213, 1, 0.4);
  z-index: 1;
  cursor: pointer;
}


.flag {
  opacity: 0.4;
  position: fixed;
  width: 50%;
  height: 100%;
  z-index: 1;
  /* width: 80vmin; */
  aspect-ratio: 70 / 45;
}

.flag.progress {
  background:
    conic-gradient(at 14% 50%, #0000 221.25deg, white 222deg 318deg, #0000 318.25deg),
    conic-gradient(at 23% 50%, #0000 221.25deg, #ffa6b9 222deg 318deg, #0000 318.25deg),
    conic-gradient(at 32% 50%, #0000 221.25deg, #00d2ff 222deg 318deg, #0000 318.25deg),
    conic-gradient(at 41% 50%, #0000 221.25deg, #753000 222deg 318deg, #0000 318.25deg),
    conic-gradient(at 50% 50%, #0000 221.25deg, black 222deg 318deg, #0000 318.25deg),
    linear-gradient(red 0 16.66%, orange 0 33.33%, yellow 0 50%, green 0 66.66%, blue 0 83.33%, indigo 0);
}			

#home .player {
    position: absolute;
    z-index: 1;
    width: inherit;
    height: inherit;
    -o-filter: blur(5px);
    filter: blur(4px) brightness(50%);
    object-fit: cover;
    transform: scale(1.04);
    -moz-transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -o-transform:scale(1.5);
    -ms-transform:scale(1.5);
    transform:scale(1.5);

  
}
.home-name {
  text-shadow:0px 0px 15px #000;

}
.cd-headline {
  text-shadow:0px 0px 15px #000;

}

#home .container {
    position: relative;
    z-index: 10;
}