#slideset1 {height: 70%;width: 100%; position: relative}
 #slideset1 > * {opacity: 0.0; position: absolute;
  top: 0; left: 0; animation: 15s autoplay1 infinite}
  @keyframes autoplay1 {
  0% {visibility: visible
 
  }
  1.33% {
 
  }
4.33% {
  opacity: 1.0
  }
 20.33% {
  opacity: 1.0
  }
  30.33% {
  opacity: 1.0
  }
  40.33% { opacity: 0.0
  
  }
  
}
#slideset1 > *:nth-child(1) {animation-delay: 0s}
#slideset1 > *:nth-child(2) {animation-delay: 5s}
#slideset1 > *:nth-child(3) {animation-delay: 10s}
    
/*---------------------------------------------*/
	html,
      body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        font-family: "Helvetica", sans-serif;
      }
      img {
        max-width: 100%;
      }
      
      .menu {
        position: absolute;
        left: 0;
        z-index: 900;
        width: 100%;
        bottom: 0;
      }
      .menu label {
        cursor: pointer;
        display: inline-block;
        width: 16px;
        height: 16px;
        background: #fff;
        border-radius: 50px;
        margin: 0 0.2em 1em;
      }
      .menu label:hover,
      .menu label:focus {
        background: #1c87c9;
      }

	  .slide {
   width: 100%;
  height: 100%;
  position: absolute;

    animation-name: slided;
        animation-duration: 15s;
        animation-direction: normal;
        animation-iteration-count: infinite;
		
}
      [id^="slide"]:checked + .slide {
        left: 0;
        z-index: 100;
        transition: left 0.65s ease-out;
      }
   .bck_image{
		  width: 100%;
        height: 100%;
		grid-column:1;
		grid-row:1;
		
	  }
	  .slidetexts{
		  z-index:10;
		  width: 100%;
        height: 100%;
		position: absolute;
		top: 0;
        background-color: rgb(126 196 252 / 50%);   
	  }
	   .slider-container{
		   height: 100%;
        width: 50%;
        position: relative;
        overflow: hidden;
		  background-size: cover;
        text-align: center;
    background-color:blue;
        margin: auto;
         
		
      }
      @keyframes slide {
         0% { margin-left: -200%; }
  28.333% { margin-left: -200%; }
  29.333% { margin-left: -100%; }
  61.667% { margin-left: -100%; }
  66.667% { margin-left: -50%; }
  98% { margin-left: -50%; }
  100% { margin-left: 0; }
      }
	  


.welcometitle{
	
	 font-weight:bold;

	 font-size:170%;
 
	 text-shadow: 1px 4px #011a40;
color:#fff;
	 padding:5px;
		  width:90%;
		  align:center;
 margin:auto;
	 }
  
.welcometext{
	text-align: justify;
	font-weight:bold;
	text-shadow: 1px 1px #011a40;
	color:#fff;
	 padding:5px;
	margin:auto;
	width:90%;	 
	align:center;
	 }

.fieldtitle{
   margin:auto;
	margin-top:60px;
	font-weight:bold;
   font-family: serif;
   text-shadow: 1px 1px #fff;
  font-size:150%;
color:#012e02;
	 padding:5px;
		  width:70%;
		  align:center;
	border-radius: 5px;
	background-color: rgb(126 196 252 / 60%);   
	
	 }
#important_links_container{
background:white;

 border:4px solid #0000ff;		
}
	#important_links{
     display:flex;
		gap:10px;
		 flex-wrap: wrap;
		justify-content: center;
		background:white;
		margin-bottom:20px;
	}
.home_animate_items{
  
	color:#fff;
 padding:15px;
	text-decoration: none;
	font-weight:bold;
	border: 1px solid #cae3f6;
box-shadow: 0 1px 6px 3px #87919a;
	border-top:none;
	background: linear-gradient(white, green)

}
 
.home_animate_items:hover {
 color:#033188;
  background: linear-gradient(to bottom, #4CAF50, rgb(250, 250, 250),rgb(250, 250, 250),  hsl(200deg 95.78% 5.54%) );
}
 
.animatebuttons{
		  
        width: 100%;
        position: relative;
        overflow: hidden;
        text-align: center;
        margin: auto;
          animation-name: slided;
        animation-duration: 5s;
        animation-direction: normal;
        animation-iteration-count: 1;
		
      }
  
      @keyframes slided {
         0% { margin-bottom: -50%;
            margin-left: -100%;
            }
  
  100% { margin-bottom: 0;
        margin-left: 0%;
       }
      }
	  
 
.homeimages{
    width:500px;
  height:200px;
   border-radius:50%;
  }
 

#portals_container{
	 background:#f0f8ff;
	border: 2px solid gray;
	margin:0;
	padding:5px;
	padding-top:0;
}



#portals_h2{
	color:white;
	background: blue;
	padding:5px;
	border-bottom: 2px solid gray;
	margin:0;
	margin-bottom:10px;
	box-shadow: 1px 2px white;
	/* border-bottom-right-radius:40px; */
	/* border-bottom-left-radius:40px; */
	/* border-radius:40px; */
}

.home_col_container{
	display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
	
}

.home_col	{
	width:500px;
 padding:5px;
 background:white;
 /* display: inline; */
 border:1px solid #9999b7;
 border-radius:10px;
box-shadow: 4px 2px 6px  #474040;
	
 } 
.home_col_container div p{
	margin:auto;
	font-family: Arial, Geneva, Helvetica, sans-serif;	 
 font: 1rem Geneva;
	font-style: oblique 10deg;
	text-align:justify;
	margin:5px;
	 }
.home_col_container div p a{
	margin:auto;
	
	color:re;
	 }


.home_col_h3 {
	color:blue;
 text-shadow: 1px 2px #011a40;

}
.home_col_container	hr{
 height:5px;
	width:90%;
 border-top: 2px dotted #f1f1f1;
	
	} 
.slide_up {
            animation: slide_up 1s ease-in-out ;
        }
.fieldtitle{
	 animation: sliding_In_bounce 5s ease-in-out infinite;

		}