.navbar{
  background-color: transparent;
  backdrop-filter: blur(10px);
}
.banner{
    margin-top: 90px;
}

.profile-glow {
  filter: drop-shadow(0 0 0 #00d4ff) drop-shadow(0 0 5px #00d4ff) drop-shadow(0 0 15px #00d4ff);
  transition: filter 0.3s ease-in-out;
}

.profile-glow:hover {
  filter: drop-shadow(0 0 0 #00d4ff) drop-shadow(0 0 10px #00d4ff) drop-shadow(0 0 25px #00d4ff);
}

.card{
    cursor: pointer;
	height: 100%;
}
.skill{
  font-size: x-large;
}


.bIcon{
    width: 100%;
    text-align: center;
    font-size: 40px;
}

/*.img-fluid:hover{
    
    box-shadow: 
        0 0 10px #0ff, 
        0 0 20px #0ff, 
        0 0 40px #0ff, 
        0 0 60px #0ff, 
        0 0 80px #0ff, 
        0 0 100px #0ff;
    
}
.imgcontainer{
    margin-top: 200px;
    margin-left: 120px;
    height: 300px;
    width: 350px;
    
    
}
.img-fluid{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 
        0 0 5px #0ff, 
        0 0 10px #0ff, 
        0 0 20px #0ff, 
        0 0 30px #0ff, 
        0 0 40px #0ff, 
        0 0 50px #0ff, 
        0 0 75px #0ff;
    transition: box-shadow 0.3s ease;
    
}*/

.card-img-top{
    height: 50vh;
}
.navbar-brand{
	font-size: 30px;
}
body {
  margin: 0;
  color: white;
  background-attachment: fixed;
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
}

/* Fade-in background layer */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url('background_2.png') no-repeat center center / cover;
  z-index: -1;
  opacity: 0;
  animation: fadeInBackground 1s ease-in forwards;
}

/* Fade-in keyframe */
@keyframes fadeInBackground {
  to {
    opacity: 1;
  }
}

@keyframes slideIn {
    	to {
       				transform: translateX(0);
   			}
}

.card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  
}
.card{
  background: rgba(255, 255, 255, 0);
  backdrop-filter: blur(40px);
  color: white;
}
.card-title {
  margin-bottom: 1rem;
}

.card-text {
  flex-grow: 1;
}
.copyright{
	width: 100%;
	text-align: center;
	background-color: black;
  font-weight: 50px;
  font-size: larger;
}
.copyright a{
	text-decoration: none;
}
.nav-link:hover{
	font-size: 25px;
	color: aqua;
}
.nav-link{
    color:white;
    font-size: 20px;
}