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

        .title {
            text-align: left;
            text-shadow: 2px 2px 15px white;
            font-size:xx-large;
        }
        .title-description {
            text-align: left;
            font-size: small;
            font-style: italic;
        }
        .section-name {
			width:100%;
            height: 50px;
            margin-top: 30px;
			vertical-align: middle;
        }
        .logo {
            width: 200px;
        }
        h1.section-title {
            text-decoration: underline;
        }
        h4.section-name-text {
			padding-top:10px;
            text-indent: 25px;
			vertical-align: middle;
        }
        h5.section-description {
            background-color: white;
            border: 1px lightgray solid;
            border-radius: 4px;
            padding: 4px 6px;
            outline: none;
            margin-top: 10px;
            text-indent: 15px;
        }
        .blue-background
        {
            background-color: rgba(63, 125, 219, 1);
        }
        a.redirect {
            color: aqua;
            font-style: italic;
            text-decoration: none;
        }
		#header1{
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.nav_col_1{}
		.nav_col_2{ background-color: none; color:rgba(0,0,0,1.00);text-align: center;}
		.nav_col_3{ background-color: none; color:rgba(255,255,255,1.00);text-align: center;}
		.nav_col_4{}
		.nav_col_5{ background-color: none; color:rgba(255,255,255,1.00);text-align: center;}
		.nav_col_6{}
		.navbar_container{padding-top:10px; padding-bottom:10px;}
        body {
            padding-bottom: 150px;
        }
	
		
		#creeaza_cont{
			background-color:#FC880B;
			border: 3px solid #9E5607;
			border-radius: 20px;
			padding-left:20px;
			padding-right:20px;
			padding-bottom: 3px;
		}	
		#creeaza_cont:hover{
			background-image: linear-gradient(185deg, white, #914E05 );
			border-left: 3px solid #9E5607; 
			border-bottom: 8px solid #9E5607; 
			border-top: 3px solid #ffffff;
			border-right: 2px solid orange; 
			border-radius: 20px;
			
		}
		.inner-glow {
			   
			}
		.inner-glow:hover {
			text-shadow: 0px 0px #FFFF00;
			color:white;
			}
		#intra_cont{
			background-color: #848484;
			border: 3px solid #5E5E5E; 
			border-radius: 20px;
			padding-left:20px;
			padding-right:20px;
			padding-bottom: 3px;
		}
		#intra_cont:hover{
		background-image: linear-gradient(185deg, white, #444444);
			border-bottom: 8px solid #444444; 
			border-top: 3px solid #ffffff;
			border-radius: 20px;	
		}
		#testeaza_cont{
			background-color: #204B97;
			border: 3px solid #5E5E5E; 
			border-radius: 20px;
			padding-left:20px;
			padding-right:20px;
			padding-bottom: 3px;
			color:white !important;
		}
		#testeaza_cont:hover{
			background-image: linear-gradient(185deg, white, #204B97);
			border-bottom: 8px solid #5E5E5E; 
			border-top: 3px solid #ffffff;
			border-radius: 20px;
		}
		
		

particle {
  position: fixed;
  left: 0;
  top: 0;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
}
#button1 {
	box-shadow: 10px 10px 15px #4e4f4f;
	width:100%;
	color: black;
	font-size: 18px;
	background-image: linear-gradient(170deg, white, #0266e2);
			border: 3px solid #003473;
			border-radius: 10px;
			padding-bottom: 5px;
}
#button1:hover {
	box-shadow: 5px 4px 15px #4e4f4f;
	background-image: linear-gradient(90deg, #82b1eb, #03418f );
			border-left: 3px solid #03418f; 
	color: white;
	
}
#button2 {
	box-shadow: 10px 10px 15px #4e4f4f;
	width:100%;
	color: black;
	font-size: 18px;
	background-image: linear-gradient(170deg, white, #fba206);
			border: 3px solid #b37303;
			border-radius: 10px;
			padding-bottom: 5px;
}
#button2:hover {
	box-shadow: 5px 4px 15px #4e4f4f;
	background-image: linear-gradient(90deg, #fba206, #b57403 );
			border-left: 3px solid #8c5a03; 
	color: white;
	
}
#button3 {
	box-shadow: 10px 10px 15px #4e4f4f;
	width:100%;
	color: red;
	font-weight: bold;
	font-size: 18px;
	background-image: linear-gradient(170deg, white, #fcdc04);
			border: 3px solid #fcdc04;
			border-radius: 10px;
			padding-bottom: 5px;
}
#button3:hover {
	box-shadow: 5px 4px 15px #4e4f4f;
	background-image: linear-gradient(90deg, #fcdc04, #917f04 );
			border-left: 3px solid #fcdc04; 
	color: white;
	font-weight: bold;
	
}