nav {
   background-color: #000; 
   padding-bottom: 5%;
  
}

#me{
   width: 25%;
   
}

#about{
   background-color: #ffff; 
   color: #000;
}

pre{
   color: palevioletred;
}

.para{
  
   display: flex;
   height: 100%;
   margin: auto;
   align-items:center;
   justify-content:center;

}
.para2{
   display: flex;
   align-items:center;
   justify-content:center;
}

#projects{
   background-color: #000; 
   color: #fff;
}


#resume{
   background-color: #ffff; 
   color: #000;
}

.card{
   color: #000;
   box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
   border: none;
   margin-bottom: 10%;
}

.rounded-circle{
   border: 10px;
}

.row {
   --bs-gutter-x: 1.5rem;
   --bs-gutter-y: 0;
   display: flex;
   flex-wrap: wrap;
   margin-top: calc(-1 * var(--bs-gutter-y));
   margin-right: calc(-0.5 * var(--bs-gutter-x));
   margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.myself {
   margin-bottom: 3rem;
   text-align: center;
   align-items: center;
 }
 .myself img {
   width: 14rem;
   height: 14rem;
   border: 0.5rem solid rgba(0, 0, 0, 0.1);
 }


 footer{
   background-color: #000;
   color: #fff;
 }