@charset "UTF-8";
/* CSS Document */

@media (min-width: 1400px){.container {max-width: 1480px!important;} }
@media (min-width: 1600px){.container {max-width: 1620px!important;} }


html, body {
margin:0;
padding:0;
height:100%;
}

body {background-color: #000;}

.carousel-item {
  height: 600px /*100vh*/;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

h1, h2, h3, h4, h5, h6 {font-family: 'Nunito', sans-serif; font-weight: 900;}
a, a:hover {text-decoration: none;}


h1 {font-size: 40px;}
@media (min-width: 1200px) {
h1 {font-size: 60px;}
}

.bg-gold-gradient {background: rgb(240,152,25);background: linear-gradient(0deg, rgba(240,152,25,1) 0%, rgba(237,222,93,1) 35%, rgba(240,152,25,1) 100%);}
						
	
.font-nunito {font-family: 'Nunito', sans-serif; }

.scrolling-wrapper {overflow-x: auto;}						
						
.text-shadow-item {text-shadow: 1px 1px 2px rgba(21, 65, 71, 1);}						
						
#music-chartz h4 {font-size: 20px!important; line-height: 28px!important;}

#music-chartz h3 {font-weight: normal;font-size: 20px!important; line-height: 28px!important;}						
@media only screen and (min-width: 768px){ #music-chartz h3 {font-size: 29px!important;line-height: 50px!important;} }
@media only screen and (min-width: 1024px){ #music-chartz h3 {font-size: 29px!important;line-height: 50px!important;} }
@media only screen and (min-width: 1400px){ #music-chartz h3 {font-size: 29px!important;line-height: 50px!important;} }

#music-chartz h6 {font-size: 30px; line-height: 10px; }
@media only screen and (min-width: 768px){ #music-chartz h6 {font-size: 34px!important;line-height: 46px!important;} }
@media only screen and (min-width: 1024px){ #music-chartz h6 {font-size: 40px!important;line-height: 50px!important;} }
		.bg-spotify {background: rgb(255,255,255);
background: linear-gradient(128deg, rgba(255,255,255,1) 0%, rgba(30,215,96,1) 23%, rgba(29,185,84,1) 57%, rgba(25,20,20,1) 100%);}
		.text-shadow {text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.6);}


.text-darkgreen {color: #154147;}

.bg-yellow {background-color: #fcf400;}
.bg-lightgreen {background-color: #00fdce;}
.bg-blue {background-color: #000098;}
.bg-lightblue {background-color: #359afc;}
.bg-pink {background-color: #eb008b;}
.bg-purple {background-color: #38006d;}
.bg-brightyellow {background-color: #fced20;}
.bg-youtube-gradient {background: rgb(244,92,67);background: radial-gradient(circle, rgba(244,92,67,1) 37%, rgba(235,51,73,1) 79%);}
	

.text-pink {color: #eb008b;}
.text-darkgreen {color: #154147;}
.text-brightyellow {color: #fced20;}
.text-purple {color: #7b2a93!important;}
.text-lightblue {color: #359afc;}
.text-yellow {color: #fcf400;}
.text-brightyellow {color: #fced20;}


.border-radius-10 {border-radius: 10px;}
.border-radius-15 {border-radius: 15px;}

.list-group-item {background-color: transparent!important;}
				.bg-grey-gradient {background: rgb(209,208,206);
background: linear-gradient(0deg, rgba(209,208,206,1) 0%, rgba(248,246,247,1) 98%);}

.bg-gradient-aqua-pink {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#02fecd+0,ff00ff+100 */
background: #02fecd; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #02fecd 0%, #ff00ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #02fecd 0%,#ff00ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #02fecd 0%,#ff00ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02fecd', endColorstr='#ff00ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.bg-gradient-schild {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a29acb+16,38006d+82,38006d+82 */
background: #a29acb; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #a29acb 16%, #38006d 82%, #38006d 82%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #a29acb 16%,#38006d 82%,#38006d 82%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #a29acb 16%,#38006d 82%,#38006d 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a29acb', endColorstr='#38006d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
		
		.bg-gradient-lightblue {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d7ece9+0,7ccad3+100 */
background: #d7ece9; /* Old browsers */
background: -moz-linear-gradient(top,  #d7ece9 0%, #7ccad3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d7ece9 0%,#7ccad3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d7ece9 0%,#7ccad3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7ece9', endColorstr='#7ccad3',GradientType=0 ); /* IE6-9 */
}
		
		.bg-gradient-green {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7ccad3+0,d7ece9+50,7ccad3+50 */
background: #7ccad3; /* Old browsers */
background: -moz-linear-gradient(top,  #7ccad3 0%, #d7ece9 50%, #7ccad3 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7ccad3 0%,#d7ece9 50%,#7ccad3 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7ccad3 0%,#d7ece9 50%,#7ccad3 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ccad3', endColorstr='#7ccad3',GradientType=0 ); /* IE6-9 */
}
		
.box-shadow-purple {-webkit-box-shadow: 2px 2px 5px 2px rgba(73,69,124,1);
-moz-box-shadow: 2px 2px 5px 2px rgba(73,69,124,1);
box-shadow: 2px 2px 5px 2px rgba(73,69,124,1);}
		
/* @media (min-width: 992px) {.navbar-expand-lg .navbar-nav .nav-link {padding-right: 15px; padding-left: 15px;} }*/

.box-shadow {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
	.btn {border: solid 2px; font-family: 'Exo 2', sans-serif; font-size: 18px; font-weight: bold;border-radius: 1.3em;
    padding: 0.7em 1.6em;}
	.btn-trans-border {border-color: #fff; color: #fff;}
	
	.btn-spotify {border-color: #1DB954; background-color: #1DB954; color: #fff;}

	.btn-darkorange {border-color:#ef3821; background-color: #ef3821; color: #fff;}
	.btn-orange {border-color: #f66821; background-color: #f66821; color: #fff;}
	.small {font-size: 100%!important;font-weight: 400!important; padding-bottom: 0rem!important;}
	.bg-darkpurple {background-color: #522583;}
	.text-darkorange {color: #ef3821;}
	.text-spotify {color: #1DB954;}
	.text-youtube {color: #FF0000;}

p, ul, ol {font-family: 'Exo 2', sans-serif;font-size: 1.2rem;font-weight: 400;line-height: 1.5;}
#biografie p {color: #fff; font-weight: bold; font-family: 'Exo 2', sans-serif; font-size: 25px; line-height: 1.2; padding-bottom: 2rem;}

	.bg-gradient-orange {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffedc8+0,fec750+26,ef3821+100 */
background: #ffedc8; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ffedc8 0%, #fec750 26%, #ef3821 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ffedc8 0%,#fec750 26%,#ef3821 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ffedc8 0%,#fec750 26%,#ef3821 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffedc8', endColorstr='#ef3821',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
	
	.bg-gradient-purple {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9c32d0+0,35026b+100 */
background: #9c32d0; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #9c32d0 0%, #35026b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #9c32d0 0%,#35026b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #9c32d0 0%,#35026b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c32d0', endColorstr='#35026b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

		.bg-lightpurple {background-color: #9f2bff;}
	
	/* [1] The container */
.img-hover-zoom {
   /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.2);
}