.container .avatar{
  width: 25%;
  margin-right: auto;
  margin-left: auto;
  display: block;
}
.container h1{
  text-align: center;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  color: black;
  font-weight: bold;
}

/* body{
  background: url("https://blog.visme.co/wp-content/uploads/2017/07/50-Beautiful-and-Minimalist-Presentation-Backgrounds-03.jpg");
  background-size: 1920px 1080px;
} */

.container .info p{
  display: block;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  text-align: center;
  color: black;
  font-weight: bold;
}

/* .container .info .social{
  text-align: left;
} */

.container .github{
  width: 26px;
  color: black;
}

.container{
  background: url("assets\\pictures\\img.jpg");
  border-radius: 20px;
  opacity: 1;
  animation: fade 1.5s linear;
}

@keyframes fade {
  0%,100% { opacity: 0 }
  100% { opacity: 1 }
}

.social-part .fa{
  padding-right:20px;
}
ul li a{
  margin-right: 20px;
}

.sub-container .title{
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  text-align: left;
  padding-left: 10px;
  opacity: 100%;
  color: black;
  font-weight: bold;
}

.sub-container{
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  text-align: left;
  padding-top: 20px;
  padding-left: 20px;
  opacity: 80%;
}

.sub-container .para{
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  text-align: left;
  opacity: 80%;
  padding-left: 30px;
  padding-top: 10px;
  font-size: large;
}

/*---Navigation Bar---*/

.fa {
  padding: 20px;
  font-size: 30px;
  text-align: center;
  text-decoration: none;
  margin: 1px 10px;
  align-items: center;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  border-radius: 10px;
  color: white;
  width: 55px;
  border-radius: 50%;
}

.fa-github {
  background: #000000;
  border-radius: 10px;
  color: white;
  size: 55px;
  border-radius: 50%;
}

.fa-google {
  background: #dd4b39;
  border-radius: 10px;
  color: white;
  size: 55px;
  border-radius: 50%;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
  border-radius: 10px;
  size: 60px;
  border-radius: 50%;
}

.fa-instagram {
  /* background: #e24ea5; */
  color: white;
  border-radius: 10px;
  size: 60px;
  background: #f09433; 
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  border-radius: 50%;
}

.colapse {
  padding: 10px;
}

/*---footer---*/
.footer {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  position: fixed;
  left: 0;
  bottom: 0;
  height: 24px;
  width: 100%;
  padding: -3px;
  color: black;
  background-color: antiquewhite;
  text-align: center;
}