/*
 *  FONTS
 *
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700&amp;display=swap" rel="stylesheet">
font-family: 'Outfit', sans-serif;
  font-size: 6em;
  font-weight: 400;
  line-height: 0.8;
  text-align: center;


  font: normal 0.85em Verdana, Verdana, Geneva, sans-serif;
 *
*/


/*
 *  COLORS
 * 
 background-color: #4dbcda;

*/

/*
 *  IMAGES
 *
  background-image: url("images/transp_texture_natural-paper.png");
 *
*/

#wrapper-panel {
	color: #000000;
	box-shadow: 0 0 10px #000;
    background-color:  #4dbcda;
	background-image: url("../images/transp_texture_natural-paper.png");
	/*background-color: fuchsia;*/
}

.wrap-login-form-btn{
    box-shadow: 0 5px 30px 0px rgba(77, 188, 218, 0.5);
    -moz-box-shadow: 0 5px 30px 0px rgba(77, 188, 218, 0.5);
    -webkit-box-shadow: 0 5px 30px 0px rgba(77, 188, 218, 0.5);
    -o-box-shadow: 0 5px 30px 0px rgba(77, 188, 218, 0.5);
    -ms-box-shadow: 0 5px 30px 0px rgba(77, 188, 218, 0.5);
    /*  rgb(77, 188, 218) = hsl(193, 66%, 58%) = #4dbcda;  */
}


.login-form-bgbtn{
    background-color:  #4dbcda;
    color: #000000;
}

.login-form-bgtn:hover{
    color:#fff;
}

.wrap-login-form-btn:hover{
    box-shadow: 0 5px 30px 0px rgba(186, 234, 247, 0.5);
    -moz-box-shadow: 0 5px 30px 0px rgba(186, 234, 247, 0.5);
    -webkit-box-shadow: 0 5px 30px 0px rgba(186, 234, 247, 0.5);
    -o-box-shadow: 0 5px 30px 0px rgba(186, 234, 247, 0.5);
    -ms-box-shadow: 0 5px 30px 0px rgba(186, 234, 247, 0.5);
    /* rgb(186, 234, 247) = hsl(193, 80%, 85%) = #baeaf7;   */
}

#nameplate h1 {
     margin-top: 0px;
     margin-bottom: 0px;

     font-family: 'Outfit', sans-serif; 
	 font-size:4em;	
	 font-weight: 400;
	 line-height: 0.8;
}