
html, body {
  background: linear-gradient(90deg, rgb(39, 53, 158) 60%, #1a1a40 100%);
}
body{
      overflow-y: scroll;  
  overflow-x: hidden; 
}

.img{
  width: 140px;
  margin-left: 200px;
  margin-right: 800px;
}

.navbar{
  background-color: rgb(39, 53, 158)!important;
}

.nav-link{
  color: white!important;
  font-weight: bold;
  font-size: 15px;
  margin-right: 20px;
}

.container-fluid1{
  width: 100%;
  background-image: url('GGaa.png');
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  
}

.text-home{
  margin-left: 210px;
  color: rgba(253, 253, 253, 0.884);
  font: bold;
}



.btn2{
  background-color: rgb(39, 53, 158)!important;
  color: white!important;
  font-weight: bold;
  font-size: 20px;
  text-decoration: none;
  border-radius: 10px;
  
}

.btn2:hover{
  background-color: rgb(5, 11, 58)!important;

}

.btn6{
  background-color: rgb(39, 53, 158)!important;
  color: white!important;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
  margin-left: 210px;
  border-radius: 10px;
}

.img-fluid{
  width: 100px;
}

.container1{
  height: 50px;
  width: 300px;
  background-color: rgb(39, 53, 158);
  border-radius: 10px;
  text-align: center;
  padding: 10px;

}

.desen {

  
  padding: 60px 0px;
  background-color: rgb(39, 53, 158);
  width: 100%;
}

.img-fluid4{
  width: 500px;
}

.text-dark{
  color:  rgba(253, 253, 253, 0.884)!important;
}
.text-dark1{
  color: rgb(255, 255, 255)!important;
}
.text-secondary{
  color: rgb(247, 247, 247)!important;
}


.project-box {
  border-radius: 8px;
  background-color: white;
  transition: transform 0.3s;
}

.project-box:hover {
  transform: translateY(-5px);
  background-color: #e9f0ff;
}

.mb-3{
  border-radius: 10px;
}

.btn{
    background-color: rgb(39, 53, 158)!important;
  color: white!important;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 50px;
}
.btn:hover{
    background-color: rgb(5, 11, 58)!important;

}

.footer-custom {
  background: linear-gradient(90deg, rgb(39, 53, 158) 60%, #1a1a40 100%);
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.5px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  box-shadow: 0 -2px 16px rgba(39,53,158,0.15);
  height: 180px
}

.footer-custom img {
  filter: drop-shadow(0 2px 8px rgba(0,0,0,0.2));
}

.footer-link {
  color: #fff;
  text-decoration: underline;
  margin: 0 8px;
  transition: color 0.2s;
}

.footer-link:hover {
  color: #ffd700;
  text-decoration: none;
}

.row{

  margin-bottom: 80px;

}