@charset "UTF-8";
.body {
	 font-family: "Inconsolata", monospace;
  font-optical-sizing: auto;
	
	
	
}

html, body {
  height: 100%;
    /* Apply custom cursor to the entire page */
            cursor: url('life.png'), auto; 
/* Style the custom element */
#custom-cursor {
    /* Required for JavaScript positioning */
    position: fixed; 
    top: 0;
    left: 0;
    
    /* Icon styling - adjust size, shape, and appearance */
    width: 40px;
    height: 40px;
    border-radius: 50%; /* Makes it a circle */
    background-color: dodgerblue;
    
    /* Ensures the custom cursor appears above other content */
    z-index: 9999;
    
    /* Center the icon on the mouse pointer */
    transform: translate(-50%, -50%);
    
    /* Optional: Smooth movement */
    transition: transform 0.1s ease-out; 
    
    /* Ensure it doesn't interfere with clicks on other elements */
    pointer-events: none;
}
#logo {
	height: 500px;
	min-width: 0px;
	padding-top: 30px;
	padding-bottom: 40px;
	margin-bottom: 40px;
	margin: 0 auto;
	text-align:center;
	}
	.logo2 {
	float: left;
	background-color:orange;
	width: 500px;
	height: auto;
	border-radius: 25px;
	padding: 10px;
	margin-left: 45px;
}
video {
  width: 100%; /* Makes the video take up the full width of its parent container */
  height: auto; /* Maintains the video's aspect ratio */
  display: block; /* Removes any extra space below the video */
}


article{
   text-align: left;
   
	
    display: inline-block;
    width: 640px;
    background-color:black;
	color:white;
	padding: 20px;
	margin-bottom: 20px;
}
article2{
   text-align: left;
    border-radius: 70px;
	border-style:solid;
	border-color:green;
    display: inline-block;
    width: 710px;
    background-color:black;
	color:white;
	padding: 20px;
	margin-bottom: 20px;
	}
	
/* Background color for navbar and dropdown menus */


.navbar-custom, .navbar-custom .dropdown-menu {
color:black;
    
	font-family: 'Nunito', sans-serif;
	font-weight: 900;
 position: sticky:

}

/* Text color for navbar and dropdown menus */

.navbar-custom .navbar-brand, .navbar-custom .navbar-text,

.navbar-custom .navbar-nav .nav-link,

.navbar-custom .dropdown-item {

color:white;
  text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;

}
.navbar.fixed-top.navbar-expand-lg.col-md-12.navbar-custom .navbar-brand {
}
.navbar.fixed-top.navbar-expand-lg.col-md-12.navbar-custom .navbar-brand .justify-content-center {
    text-align:sticky;
}
.navbar-brand {

    width: 110px;
    height: 120px;
   position: fixed:

    background-repeat: no-repeat;
    background-size: 90px 109px
    content-align:center;
    padding-left: 20px;
    
    background-position: 1% c
%;
    background-position: 0% center;
}


.navbar.fixed-top.navbar-expand-lg.col-md-12.navbar-custom .navbar-brand {
}
.navbar.fixed-top.navbar-expand-lg.col-md-12.navbar-custom .navbar-brand {
}

/* Background and text colors for current page link and links on hover and focus */

.navbar-custom .nav-item.active .nav-link,

.navbar-custom .nav-item:hover .nav-link,

.navbar-custom .nav-item:focus .nav-link,

.navbar-custom .dropdown-item:hover, 

.navbar-custom .dropdown-item:focus {

    background-color:#1E90FF;
	border-radius: 50px;
	 height: 100%;
	text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
    color: white;
	 position: fixed:

	 

	padding-left:10px; 

}

/* Border and text colors for menu icon on small screens */

.custom-toggler.navbar-toggler {

   

    color: #fff;

}

/* Hamburger icon - use same rgb values as previous rule for stroke */

.custom-toggler .navbar-toggler-icon {

background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='5' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  filter: drop-shadow(0 0 9px #FFD700); /* yellow glow */
  border-color: #FFD700;
  box-shadow: 0 0 5px #FFD700;
}
}


/* resp image */
.col-lg-12 {padding-right: 0px;
padding-left: 0px;

padding-bottom: 0px;
width:100%
}


/* slideshow */
#inter3{
  position:relative;
  width:100%;
}
h2 {
}
	

}



#inter3 > img { 
    
    position: absolute;
    left: 0px;
	top:0px;
    opacity: 0;

    object-fit: cover;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 60s linear infinite 0s;
    -moz-animation: imageAnimation 60s linear infinite 0s;
    -o-animation: imageAnimation 60s linear infinite 0s;
    -ms-animation: imageAnimation 60s linear infinite 0s;
    animation: imageAnimation 60s linear infinite 0s; 
}


#inter3 > img:nth-child(1)  {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s; 
}

#inter3 > img:nth-child(2)  {
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    -ms-animation-delay: 5s;
    animation-delay: 5s; 
}
#inter3 > img:nth-child(3) {
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s; 
}
#inter3  > img:nth-child(4) {
    -webkit-animation-delay: 15s;
    -moz-animation-delay: 15s;
    -o-animation-delay: 15s;
    -ms-animation-delay: 15s;
    animation-delay: 15s; 
}
#inter3 > img:nth-child(5) {
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s; 
}


#inter3 > img:nth-child(6) {
    -webkit-animation-delay: 25s;
    -moz-animation-delay: 25s;
    -o-animation-delay: 25s;
    -ms-animation-delay: 25s;
    animation-delay: 25s; 
}

#inter3 > img:nth-child(7) {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}

#inter3 > img:nth-child(8) {
    -webkit-animation-delay: 35s;
    -moz-animation-delay: 35s;
    -o-animation-delay: 35s;
    -ms-animation-delay: 35s;
    animation-delay: 35s; 
}


#inter3 > img:nth-child(9) {
    -webkit-animation-delay: 40s;
    -moz-animation-delay: 40s;
    -o-animation-delay: 40s;
    -ms-animation-delay: 40s;
    animation-delay: 40s; 
}

#inter3 > img:nth-child(10) {
    -webkit-animation-delay: 45s;
    -moz-animation-delay: 45s;
    -o-animation-delay: 45s;
    -ms-animation-delay: 45s;
    animation-delay: 45s; 
}

#inter3 > img:nth-child(11) {
    -webkit-animation-delay: 50s;
    -moz-animation-delay: 50s;
    -o-animation-delay: 50s;
    -ms-animation-delay: 50s;
    animation-delay: 50s; 
}

#inter3 > img:nth-child(12) {
    -webkit-animation-delay: 55s;
    -moz-animation-delay: 55s;
    -o-animation-delay: 55s;
    -ms-animation-delay: 55s;
    animation-delay: 55s; 
}



@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}



.animation-container{

object-fit:cover;


}


.footer-container{
position: relative;}


.footer-column{

width: 100%;
padding-left: 20px;
padding-bottom:20px;
padding-top:20px;
	background-image:url("../images/name.gif");

}
.container-fluid{
width:100%
pdding:0px;}

.col-lg-12{
width:100%
pdding: 0px;

}


.videoembed {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.videoembed iframe, .videoembed object, .videoembed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#researchpage{
	background-image: url("../images/gr47.jpg");
	background-size: cover;
	width: 100%;
	padding-left:0px;
	font-family: Nunito;
	
}

#research-content{
	
	width: 100%;
	padding-left:20px;
}

#research-content p{
	color:black;
}
.intro{
	padding-left: 20px;
	padding: 20px;
	
}
.introh1{
	color:black;
}
#mouse-follower {
  position: absolute;
  /* Adjust size, background, z-index as needed */
  width: 30px;
  height: 30px;
  background-image:url("images/luver.gif");
  border-radius: 50%; /* Example: a circular shape */
  pointer-events: none; /* Important: Prevents the icon from interfering with mouse events on other elements */
  z-index: 9999; /* Ensure it stays on top of other content */
  transform: translate(-50%, -50%); /* Centers the icon on the cursor */
}
}