body{font-family: Arial, sans-serif;
     background-color: #264653;
     color: white;
     text-align: center;
     margin: 50px;
     transition: background-color 0.5s ease, color 0.5s ease;}
 
 h1 {margin-bottom: 30px;}
 
 .container {background-color: #2a9d8f;
             padding: 20px;
             border-radius: 10px;
             display: inline-block;
             transition: background-color 0.5s ease;}
 
 label, select, button {font-size: 18px;
                        margin: 10px 5px;}
 
 button {background-color: #e76f51;
  	 color: white;
 	 border: none;
	 padding: 10px 20px;
       	 cursor: pointer;
   	 border-radius: 6px;
  	 transition: background-color 0.3s ease;}
 
 button:hover {background-color: #f4a261;}
 
 .output-box {margin-top: 25px;
   	      background-color: #f4a261;
  	      color: #264653;
  	      padding: 20px;
  	      font-size: 20px;
  	      border-radius: 8px;
  	      min-height: 60px;
  	      width: 400px
  	      margin-left: auto;
  	      margin-right: auto;
  	      transition: background-color 0.5s ease, color 0.5s ease;}
 
 
 body.schwarzer-humor {background-color: black !important;
   		       color: red !important;
  		       transition: none;
  		       height: 100vh;
   		       margin: 0;
   		       padding: 0;
   		       overflow: hidden;}
 
 
 body.schwarzer-humor * {background-color: black !important;
  			 color: red !important;
 			 border-color: red !important;
  			 box-shadow: none !important;}
 
 
 body.schwarzer-humor #output-box {background-color: black !important;
 				   color: red !important;
  				   font-size: 48px;
   				   font-weight: 900;
  				   padding: 50px 20px;
  				   border: none !important;
  				   box-shadow: none !important;
 				   user-select: none;
				   margin: 40px auto;
				   width: 80%;
				   max-width: 600px;
				   text-align: center;}
 
 body.schwarzer-humor .container {background-color: black !important;
  				  border: none !important;
  				  box-shadow: none !important;}
 
 body.schwarzer-humor h1,
 body.schwarzer-humor label,
 body.schwarzer-humor select,
 body.schwarzer-humor button {display: none !important;}