body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #0b1c2c;
  color: #dbefff;
}


.navbar {
  background-color: #959595 !important; 
  box-shadow: 0 2px 5px rgba(30, 144, 255, 0.3); 
}

.navbar-brand,
.nav-link {
  color: whitesmoke !important;
  font-weight: 600;
  transition: color 0.3s ease;
}

.nav-link:hover,
.nav-link:focus {
  color: #1e90ff !important; 
}


h2, h3, h4 {
  color: #1e90ff;
  font-weight: 700;
  margin-bottom: 1rem;
}


#home {
  background: linear-gradient(135deg, #0b1c2c, #13293d);
  color: white;
  padding-top: 100px;
  padding-bottom: 60px;
  position: relative;
}

#home h1.display-4 {
  font-weight: 800;
}

#home h4 {
  font-weight: 600;
  margin-top: 0.5rem;
}

.overlay-text {
  background: rgba(0, 0, 0, 0.5);
  padding: 20px;
  border-radius: 8px;
  max-width: 90%;
}


.btn-primary {
  background-color: #1e90ff;
  border: none;
  transition: background-color 0.3s ease;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #006bb3;
  box-shadow: 0 0 10px #4682b4;
}


.progress-bar {
  background-color: #1e90ff;
  transition: width 1s ease-in-out;
}


#about p, #about ul li {
  color: #e0f7fa;
  font-size: 1rem;
}

#about ul {
  padding-left: 0;
}

#about ul li {
  margin-bottom: 0.5rem;
}


#resume {
  color: #0b1c2c;
}


#contact {
  background-color: #0b1c2c;
  color: #dbefff;
}

#contact form label {
  font-weight: 600;
  color: #1e90ff;
}

#contact input.form-control,
#contact textarea.form-control {
  border: 2px solid #1e90ff;
  transition: border-color 0.3s ease;
}

#contact input.form-control:focus,
#contact textarea.form-control:focus {
  border-color: #006bb3;
  box-shadow: 0 0 8px #4682b4;
}


.progress-bar {
  background-color: #1e90ff;
}


#backToTop {
  position: fixed;
  bottom: 25px;
  right: 25px;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  font-size: 1.5rem;
  background-color: #1e90ff;
  border: none;
  color: white;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(30, 144, 255, 0.6);
  transition: background-color 0.3s ease;
}

#backToTop:hover {
  background-color: #006bb3;
}


body.scrolled #backToTop {
  display: flex;
}


.social-icons a {
  font-weight: 600;
}