@charset "ISO-8859-1";

/* Fonts */

@font-face {
    font-family: 'Evolventa';
    src:url('media/fonts/Evolventa/Evolventa.ttf.woff') format('woff'),
        url('media/fonts/Evolventa/Evolventaw.ttf.svg#1942-report') format('svg'),
        url('media/fonts/Evolventa/Evolventa.ttf.eot'),
        url('media/fonts/Evolventa/Evolventa.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal; 
    }

@font-face {
    font-family: 'Cookiss';
    src:url('media/fonts/Cookiss/Cookiss.ttf.woff') format('woff'),
        url('media/fonts/Cookiss/Cookissw.ttf.svg#1942-report') format('svg'),
        url('media/fonts/Cookiss/Cookiss.ttf.eot'),
        url('media/fonts/Cookiss/Cookiss.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
    }

/* @font-face {
    font-family: ''Cookiss'';
    font-style: normal;
    font-weight: normal;
    src: local(''Cookiss''), url('media/fonts/'Cookiss'.woff') format('woff');
    } */
    
@font-face {
    font-family: '1942-report';
    src:url('media/fonts/1942-report.ttf.woff') format('woff'),
        url('media/fonts/1942-report.ttf.svg#1942-report') format('svg'),
        url('media/fonts/1942-report.ttf.eot'),
        url('media/fonts/1942-report.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
    }

/* General */


body { margin-left:0pt; margin-right:0pt; }

.bg { 
	  background-image:url(media/pix/style/bg/bg.webp);
	  background-position:50% 50%;
	  background-repeat:repeat; 
	  background-attachment:fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-color:#77bc0b;
}

.bgindex { 
	  background-image:url(media/pix/style/bg/bg-old.jpg); 
	  background-position:50% 50%;
	  background-repeat:repeat;
	  background-attachment:fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
	  background-color:#77bc0b; 
}

.bgsynth { 
	  background-image:url(media/pix/style/bg/synth1blur.jpg); 
	  background-position:center top; 
	  background-color:#6590f3; 
	  background-repeat:repeat; 
	  background-attachment:fixed;
}

.bg-color-gradient {
    color: rgb(232, 230, 227);
    background-image:  linear-gradient(-45deg, rgb(51, 94, 153), rgb(40, 53, 73), rgb(78, 34, 41), rgb(38, 42, 43)); 
    background-color: initial;
}

.me { 
	background-image:url(bio/media/pix/me-inv.png); 
	background-position:center top; 
	background-color:#5ef20f; 
	background-repeat:no-repeat; 
	background-attachment:fixed; 
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i { font-family:'Evolventa',sans-serif; }

h3 { background-color:#161616; border-radius:25px; /* border:2px solid #d0d0d0; 
border-style:double; */ box-shadow:0 0 50px black;  padding:10px 15px 10px 15px; margin-left:25px; margin-right:25px; text-align:center; font-size:10px; font-style:normal; color:#d19b3b; }

h4 { background-color:#e94e59; border-radius:25px; /* border:2px solid #d0d0d0;
border-style:double; */ box-shadow:0 0 50px black;  padding:10px 15px 10px 15px; margin-left:15px; margin-right:15px; text-align:center; font-size:10px; font-style:normal; /* color:#5ef20f; */ }

h5 { background-color:#e94e59; border-radius:25px; border:2px solid #81817f;
/* border-style:double; */ box-shadow:0 0 50px black;  padding:10px 15px 10px 15px; margin-left:25px; margin-right:25px; text-align:justify; font-size:16px; font-style:normal; color:#050505; }

h6 { 
   background-color:#e94e59;
   /* background-color:#525355; */
   border-radius:50px; 
   border:2px solid #81817f; 
   /* border-style:double; */ 
   box-shadow:0 0 50px black;  
   padding:3px 15px 3px 15px; 
   margin-left:25px; 
   margin-right:25px; 
   text-align:center; 
   font-size:17px; 
   /* color:#81817f; */ 
   color:#d73428;
   }
   
#title { 
   /* background-color:#050505; 
   background-color:#525355; */ 
   border-radius:50px; 
   border:2px solid #81817f; 
   /* border-style:double; */ 
   box-shadow:0 0 50px black;  
   padding:3px 15px 3px 15px; 
   margin-left:25px; 
   margin-right:25px; 
   /* text-align:center; */
   font-size:17px; 
   /* color:#81817f; */ 
   color:#d73428; 
   }



   /* Navigation */

#bottomnav {
    position: fixed;
    /* left: 37%; */
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    /* right: auto; */
    width: 36em;
    /* margin-left: auto;
    margin-right: auto;
    -3.5em 0 0 0; */
    z-index: 5;
    background: hsla(0, 100%, 0%, 0.0);
    background-color: #e94e59;
    border:		5px solid #81817f;
    border-style:	double;
    font-weight: bold;
    font-size: 13px;
    /* text-align: center;
    text-color: #d19b3b;
    text-shadow: 7px 7px 7px beige;
    border: solid hsla(80, 90%, 40%, 0.5); */
    border-bottom: none;
    padding: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 0 50px black;
    border-radius: 3em 3em 0 0;
    }

#bottomnav2 {
    position: fixed;
    /* left: 37%; */
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    /* right: auto; */
    width: 45em;
    /* margin-left: auto;
    margin-right: auto;
    -3.5em 0 0 0; */
    z-index: 20;
    /* background: hsla(0, 100%, 0%, 0.0);
    background-color: #e94e59; */
    /* border:		5px solid #81817f;
    border-style:	double;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    text-color: #d19b3b;
    text-shadow: 7px 7px 7px beige;
    border: solid hsla(80, 90%, 40%, 0.5); */
    /* border-bottom: none; */
    padding: 0.5em 0.5em 0.5em 0.5em;
    /* box-shadow: 0 0 50px black; */
    border-radius: 3em 3em 0 0;
    }

#leftnav {
    position: fixed;
    /* left: 37%; */
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    /* right: auto; */
    width: 36em;
    /* margin-left: auto;
    margin-right: auto;
    -3.5em 0 0 0; */
    z-index: 5;
    background: hsla(0, 100%, 0%, 0.0);
    background-color: #e94e59;
    border:		5px solid #81817f;
    border-style:	double;
    font-weight: bold;
    font-size: 13px;
    /* text-align: center;
    text-color: #d19b3b;
    text-shadow: 7px 7px 7px beige;
    border: solid hsla(80, 90%, 40%, 0.5); */
    border-left: none;
    padding: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 0 50px black;
    border-radius: 0 3em 3em 0;
    }

#rightnav {
    position: fixed;
    /* left: 37%; */
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    /* right: auto; */
    width: 36em;
    /* margin-left: auto;
    margin-right: auto;
    -3.5em 0 0 0; */
    z-index: 5;
    background: hsla(0, 100%, 0%, 0.0);
    background-color: #e94e59;
    border:		5px solid #81817f;
    border-style:	double;
    font-weight: bold;
    font-size: 13px;
    /* text-align: center;
    text-color: #d19b3b;
    text-shadow: 7px 7px 7px beige;
    border: solid hsla(80, 90%, 40%, 0.5); */
    border-right: none;
    padding: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 0 50px black;
    border-radius: 3em 0 0 3em;
    }

#topnav {
    position: fixed;
    /* left: 37%; */
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    /* right: auto; */
    width: 36em;
    /* margin-left: auto;
    margin-right: auto;
    -3.5em 0 0 0; */
    z-index: 5;
    background: hsla(0, 100%, 0%, 0.0);
    background-color: #e94e59;
    border:		5px solid #81817f;
    border-style:	double;
    font-weight: bold;
    font-size: 13px;
    /* text-align: center;
    text-color: #d19b3b;
    text-shadow: 7px 7px 7px beige;
    border: solid hsla(80, 90%, 40%, 0.5); */
    border-top: none;
    padding: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 0 50px black;
    border-radius: 0 0 3em 3em;
    }

#topnav2 {
    position: fixed;
    /* left: 37%; */
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    /* right: auto; */
    width: 55em;
    /* margin-left: auto;
    margin-right: auto;
    -3.5em 0 0 0; */
    z-index: 20;
    /* background: hsla(0, 100%, 0%, 0.0);
    background-color: #e94e59; */
    /* border:		5px solid #81817f;
    border-style:	double;
    font-weight: bold;
    font-size: 13px; */
    /* text-align: center;
    text-color: #d19b3b;
    text-shadow: 7px 7px 7px beige;
    border: solid hsla(80, 90%, 40%, 0.5); */
    /* border-top: none; */
    padding: 0.5em 0.5em 0.5em 0.5em;
    /* box-shadow: 0 0 50px black; */
    border-radius: 0 0 3em 3em;
    }
   
.bold { font-weight:bold; }

.play { background-color:#000621; border-radius:25px; /* border:2px solid #d0d0d0; 
border-style:double; */ box-shadow:0 0 50px black;  padding:10px 15px 10px 15px; margin-left:25px; margin-right:25px; /* text-align:center */; font-size:16px; font-style:normal; color:#37bfcd; }

p { font-size:13px; color:#ffffff; /* text-align:justify; /* margin-left:25px; margin-right: 25px; */ }

p.big { font-size:15px; text-align:center; }

ul,ol,li,th,address

blockquote { font-size:13px; /* color:#5ef20f; text-align:justify; /* margin-left:25px; margin-right: 25px; */ }

p.y  { font-size:10px; color:#ffb745; text-align:justify; /* margin-left:50px; margin-right: 50px; */ }

div  { font-size:10px; text-align:center; }

/* Inhalte zentrieren */

#center {
  display: flex;
  align-items: center;
  justify-content: center;
  }

.center {
  display: flex;
  align-items: center;
  justify-content: center;
  }
  
  
/* Blinkender Text */


#blink {
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 2s; 
    animation-iteration-count: infinite;            
}

@keyframes animation_blink {
    0% { opacity: 1; }
    50% { opacity: 0.1; }
    100% { opacity: 1; }    
}


/* Akkordeon */

details {
      background-color:#e94e59;
      border-radius:25px; 
      border:2px solid #81817f; 
      /* border-style:double; */ 
      box-shadow:0 0 50px black;  
      /* padding:10px 15px 10px 15px; */
      margin-left:25px; 
      margin-right:25px; 
      /* text-align:center */; 
      font-size:16px; 
      font-style:normal; 
      color:#ffffff;
    /* border: 1px solid #aaa;
    border-radius: 8px; */
    padding: .5em .5em 0; 
}

details.solid {
      background-color:#e94e59;
      border-radius:25px;
      border:2px solid #81817f;
      /* border-style:double; */
      box-shadow:0 0 50px black;
      /* padding:10px 15px 10px 15px; */
      margin-left:25px;
      margin-right:25px;
      /* text-align:center */;
      font-size:16px;
      font-style:normal;
      color:#ffffff;
    /* border: 1px solid #aaa;
    border-radius: 8px; */
    padding: .5em .5em 0;
}

details.h3 {
      background-color:#161616;
      border-radius:25px;
      border:0px solid #81817f;
      /* border-style:double; */
      box-shadow:0 0 50px black;
      /* padding:10px 15px 10px 15px; */
      margin-left:25px;
      margin-right:25px;
      /* text-align:center */;
      font-size:16px;
      font-style:normal;
      color:#d19b3b;
    /* border: 1px solid #aaa;
    border-radius: 8px; */
    padding: .5em .5em 0;
}

details.small {
      /* background-color:#000621; */
      border-radius:25px; 
      border:2px solid #81817f; 
      /* border-style:double; */ 
      box-shadow:0 0 50px black;  
      /* padding:10px 15px 10px 15px; */
      margin-left:15px; 
      margin-right:15px; 
      /* text-align:center */; 
      font-size:16px; 
      font-style:normal; 
      color:#ffffff;
    /* border: 1px solid #aaa;
    border-radius: 8px; */
    padding: .5em .5em 0; 
}

summary {
    font-family:'Evolventa',sans-serif;
    font-weight: bold;
    margin: -.5em -.5em 0;
    padding: .5em;
}

details[open] {
    padding: .5em;
}

/* details[open] summary {
    border-bottom: 1px solid #aaa;
    margin-bottom: .5em;
} */


/* Classes */


/* dark text-color */


.dark-l-box { font-family:'Cookiss',Helvetica,sans-serif; font-size:15px; font-style:normal; color:#161616; padding: 20px 20px 20px 20px; }

.dark-m-box { font-family:'Cookiss',Helvetica,sans-serif; font-size:12px; font-style:normal; color:#161616; padding: 20px 20px 20px 20px; }

.dark-s-box { font-family:'Cookiss',Helvetica,sans-serif; font-size:10px; font-style:normal; color:#161616; padding: 20px 20px 20px 20px; }

a.dark:link { color:#050505; text-decoration:underline; }

a.dark:visited { color:#050505; text-decoration:underline; }

a.dark:active { color:#050505; text-decoration:none; }

a.dark:hover { color:#050505; text-decoration:none; }


/* green text-color */


.green-l-box { 
             font-family: ''Cookiss'';
             font-size: 14px;
             font-style: normal;
             color: #5ef20f;
             padding: 20px 20px 20px 20px;
             }

.green-m-box { font-family:'Cookiss',Helvetica,sans-serif; font-size:12px; font-style:normal; color:#5ef20f; padding: 20px 20px 20px 20px; }

.green-s-box { font-family:'Cookiss',Helvetica,sans-serif; font-size:10px; font-style:normal; color:#5ef20f; padding: 20px 20px 20px 20px; }

a.green:link { color:#5ef20f; text-decoration:underline; }

a.green:visited { color:#5ef20f; text-decoration:underline; }

a.green:active { color:#5ef20f; text-decoration:none; }

a.green:hover { color:#5ef20f; text-decoration:none; }


/* grey links */


a.grey:link { color:#81817f; text-decoration:underline; }

a.grey:visited { color:#81817f; text-decoration:underline; }

a.grey:active { color:#81817f; text-decoration:none; }

a.grey:hover { color:#81817f; text-decoration:none; }


/* light links */


a.light:link { color:#cacaca; text-decoration:underline; }

a.light:visited { color:#cacaca; text-decoration:underline; }

a.light:active { color:#cacaca; text-decoration:none; }

a.light:hover { color:#cacaca; text-decoration:none; }


/* red text color */


a.red:link { color:#ff1705; text-decoration:underline; }

a.red:visited { color:#ff1705; text-decoration:underline; }

a.red:active { color:#ff1705; text-decoration:none; }

a.red:hover { color:#ff1705; text-decoration:none; }


/* yellow text-color */


.y-l {	font-family:'Cookiss',Helvetica,sans-serif; font-size:15px; font-style:normal; color:#ffff33; }

.y-lash {	font-family:'Cookiss',Helvetica,sans-serif; font-size:15px; font-style:normal; color:#ffff33; text-shadow:3px 3px 3px black; }

.y-lash-box { font-family: 'Cookiss',Helvetica,sans-serif; font-size:15px; font-style:normal; color:#ffff33; text-shadow: 3px 3px 3px black; padding: 20px 20px 20px 20px; }

.y-s { font-family:'Cookiss',Helvetica,sans-serif; font-size:10px; color:#ffff33; }

.y { color:#ffff33; }


/* yellow2 text-color */


.y2 { text-color:#ffb745; }

.y2-l {	font-family:'Cookiss',Helvetica,sans-serif; font-size:15px; font-style:normal; color:#ffb745; }

.y2-lash-box { font-family:'Cookiss',Helvetica,sans-serif; font-size:15px; font-style:normal; color:#ffb745; text-shadow: 3px 3px 3px black; padding: 20px 20px 20px 20px; }

a.y2:link { color:#ffb745; text-decoration:underline; }

a.y2:visited { color:#ffb745; text-decoration:underline; }

a.y2:active { color:#ffb745; text-decoration:none; }

a.y2:hover { color:#ffb745; text-decoration:none; }

/* y2 new text-color */

/* a.y2:link { color:#d19b3b; text-decoration:underline; }

a.y2:visited { color:#d19b3b; text-decoration:underline; }

a.y2:active { color:#d19b3b; text-decoration:none; }

a.y2:hover { color:#d19b3b; text-decoration:none; } */


/* yellow3 link text-color */


a.y3:link { color:#ffa82b; text-decoration:underline; }

a.y3:visited { color:#ffa82b; text-decoration:underline; }

a.y3:active { color:#ffa82b; text-decoration:none; }

a.y3:hover { color:#ffa82b; text-decoration:none; }

/* yellow4 link text-color */

a.y4:link { color:#d19b3b; text-decoration:underline; }

a.y4:visited { color:#d19b3b; text-decoration:underline; }

a.y4:active { color:#d19b3b; text-decoration:none; }

a.y4:hover { color:#d19b3b; text-decoration:none; }

/* white link text-color */

a.white:link { color:#ffffff; text-decoration:underline; }

a.white:visited { color:#ffffff; text-decoration:underline; }

a.white:active { color:#ffffff; text-decoration:none; }

a.white:hover { color:#ffffff; text-decoration:none; }


/* Boxes IDs */


#box { 
      /*width: 		55%; */
      background-color: #ffffff; 
      background-color: hsla(0, 100%, 00%, 0.1); 
      /*border: 	5px solid #d0d0d0; 
      border-style: 	double ; */
      border-radius: 	50px; 
      box-shadow: 	0 0 125px black; 
      /*padding: 		50px 50px 50px 50px;*/
      }

/* #box1 { 
      width: 		850px;  
      background-color: #161616; 
      /* background-color: hsla(0, 100%, 00%, 0.1); 
      border: 	5px solid #d0d0d0; 
      border-style: 	double ; */
      /* border-radius: 	50px; 
      box-shadow: 	0 0 50px black; 
      padding: 		50px 50px 50px 50px;
      } */
      
#box1 { 
      width:		850px; 
      /* background-color:	#161616; */
      /* background-color:	hsla(0, 100%, 00%, 0.1); */
      border:		5px solid #d0d0d0; 
      border-style:	double; 
      border-radius:	50px; 
      box-shadow:	0 0 50px black; 
      padding:		20px 20px 20px 20px;
      /* text-align:	center; 
      font-family: 	'Cookiss',Helvetica,sans-serif; 
      font-size:	12px; 
      font-style:	normal; 
      color:        #5ef20f
      color:		#ff0d07; 
      text-shadow: 3px 3px 3px black; */ 
      }
      
#box-cover { 
      height:		715px; 
      width:		715px; 
      background:	#888888 url(media/pix/style/cover.webp) no-repeat center;
      background-size:	715px 715px; 
      border-radius:	150px; 
      box-shadow:	0 0 125px black; 
      }
      
#box-me { 
      height:		150px; 
      width:		150px; 
      /* background-color: #e9e9e9 */
      background:	/* #ffa82b */ url(media/pix/bio/ich.png) no-repeat center;
      background-size:	150px 150px; 
      border-radius:	35px; 
      box-shadow:	0 0 125px black; 
      }
      
#credits { 
      width: 		525px;  
      background-color: #ffffff; 
      background-color: hsla(0, 100%, 00%, 0.1); 
      /*border: 	5px solid #d0d0d0; 
      border-style: 	double ; */
      border-radius: 	50px; 
      box-shadow: 	0 0 125px black; 
      padding: 		25px 25px 25px 25px;
      text-align:	center; 
      font-family: 	'Cookiss',Helvetica,sans-serif; 
      font-size:	12px; 
      font-style:	normal; 
      color:		#ffb745; 
      /*text-shadow: 2px 2px 2px black;*/
      }
      
.display { 
      /* width:		222px; */
      background-color:	#5ef20f; 
      /* background-color:	hsla(0, 100%, 00%, 0.1); 
      border:		5px solid #d0d0d0; 
      border-style:	double ; */
      border-radius:	50px; 
      box-shadow:	0 0 50px black; 
      padding:		3px 15px 3px 15px;
      margin-left:  25px:
      margin-right: 25px;
      text-align:	center; 
      font-family: 	'Cookiss',Helvetica,sans-serif; 
      font-size:	14px; 
      font-style:	normal; 
      color:        #161616;
      /* color:		#ff0d07; 
      text-shadow: 3px 3px 3px black; */ 
      }

#details {
      background-color:#e94e59;
      border-radius:25px;
      border:2px solid #81817f;
      /* border-style:double; */
      box-shadow:0 0 50px black;
      /* padding:10px 15px 10px 15px; */
      margin-left:25px;
      margin-right:25px;
      /* text-align:center */;
      font-size:16px;
      font-style:normal;
      color:#ffffff;
    /* border: 1px solid #aaa;
    border-radius: 8px; */
    padding: .5em .5em .5em;
}

#download { 
      width: 		55%;  
      background-color: #ffffff; 
      background-color: hsla(0, 100%, 00%, 0.1); 
      /*border: 	5px solid #d0d0d0; 
      border-style: 	double ; */
      border-radius: 	50px; 
      box-shadow: 	0 0 125px black; 
      padding: 		50px 50px 50px 50px;
      text-align:	left; 
      font-family: 	'Cookiss',Helvetica,sans-serif; 
      font-size:	17px; 
      font-style:	normal; 
      color:		#ffb745; 
      /*text-shadow: 2px 2px 2px black;*/
      }      
      
#footer { 
      width: 		444px;  
      background-color: #161616; 
      /* background-color: hsla(0, 100%, 00%, 0.1); 
      border: 	5px solid #d0d0d0; 
      border-style: 	double ; */
      border-radius: 	50px; 
      box-shadow: 	0 0 50px black; 
      padding: 		25px 25px 25px 25px;
      text-align:	center; 
      font-family: 	'Cookiss',Helvetica,sans-serif; 
      font-size:	10px; 
      font-style:	normal; 
      color:		#5ef20f; 
      /*text-shadow: 2px 2px 2px black;*/
      }

#header { 
      width:		55%;  
      background-color:	#ffffff; 
      background-color:	hsla(0, 100%, 00%, 0.1); 
      /*border:		5px solid #d0d0d0; 
      border-style:	double ; */
      border-radius:	50px; 
      box-shadow:	0 0 35px black; 
      padding:		70px 70px 70px 70px;
      text-align:	center; 
      }
      
#news { 
      width: 		33%;  
      background-color: #ffffff; 
      background-color: hsla(0, 100%, 00%, 0.1); 
      /*border: 	5px solid #d0d0d0; 
      border-style: 	double ; */
      border-radius: 	50px; 
      box-shadow: 	0 0 125px black; 
      padding: 		50px 50px 50px 50px;
      text-align:	left; 
      font-family: 	'Cookiss',Helvetica,sans-serif; 
      font-size:	14px; 
      font-style:	normal; 
      color:		#ffb745; 
      text-shadow: 2px 2px 2px black;
      }      

#playlist { 
      width:		444px; 
      /* background-color:	#161616; */
      /* background-color:	hsla(0, 100%, 00%, 0.1); */
      border:		5px solid #81817f; 
      border-style:	double; 
      border-radius:	50px; 
      box-shadow:	0 0 50px black; 
      padding:		20px 20px 20px 20px;
      text-align:	center; 
      font-family: 	'Cookiss',Helvetica,sans-serif; 
      font-size:	12px; 
      font-style:	normal; 
      color:        #5ef20f
      /* color:		#ff0d07; 
      text-shadow: 3px 3px 3px black; */ 
      }
      
#playlist2 { 
      width:		444px; 
      background-color:	#ffffff; 
      background-color:	hsla(0, 100%, 00%, 0.1); 
      /*border:		5px solid #d0d0d0; 
      border-style:	double ; */
      border-radius:	50px; 
      box-shadow:	0 0 50px black; 
      padding:		50px 50px 50px 50px;
      text-align:	center; 
      font-family: 	'Cookiss',Helvetica,sans-serif; 
      font-size:	17px; 
      font-style:	normal; 
      color:		#161616; 
      /*text-shadow: 3px 3px 3px black; */ 
      }
      
#playlist3 { 
      width:		333px; 
      /* background-color:	#161616; */
      /* background-color:	hsla(0, 100%, 00%, 0.1); */
      border:		5px solid #d0d0d0; 
      border-style:	double ; 
      border-radius:	50px; 
      box-shadow:	0 0 50px black; 
      padding:		50px 50px 50px 50px;
      text-align:	center;
      font-family: 	'Cookiss',Helvetica,sans-serif; 
      font-size:	13px; 
      font-style:	normal; 
      color:		#5ef20f; 
      /*text-shadow: 3px 3px 3px black; */ 
      }
      
#playlist3b { 
      width:		333px; 
      /* background-color:	#161616; */
      /* background-color:	hsla(0, 100%, 00%, 0.1); */
      border:		5px solid #d0d0d0; 
      border-style:	double ; 
      border-radius:	50px; 
      box-shadow:	0 0 50px black; 
      padding:		50px 50px 50px 50px;
      text-align:	center; 
      font-family: 	'Cookiss',Helvetica,sans-serif; 
      font-size:	10px; 
      font-style:	normal; 
      color:		#ffb745; 
      /*text-shadow: 3px 3px 3px black; */ 
      }
      
#playlist4 { 
      width:		333px; 
      background-color:	#e9e9e9; 
      /* background-color:	hsla(0, 100%, 00%, 0.1); 
      border:		5px solid #d0d0d0; 
      border-style:	double ; */
      border-radius:	50px; 
      box-shadow:	0 0 50px black; 
      padding:		50px 50px 50px 50px;
      text-align:	center; 
      font-family: 	'Cookiss',Helvetica,sans-serif; 
      font-size:	15px; 
      font-style:	normal; 
      color:		#161616; 
      /*text-shadow: 3px 3px 3px black; */ 
      }