html, body {
  height: 100%;
  font-family: "Nunito", sans-serif;
}

#mainNavbar .navbar-brand {
  color: beige;
  padding: 1%;
}

#mainNavbar .nav-link {
  color: beige;
}

#mainNavbar .nav-link:hover {
  color: #EA1C2C;
}

#header {
  /* background-image: url('https://images.unsplash.com/photo-1458682625221-3a45f8a844c7?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=60'); */
  background-image: url('imgs/header1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.4);
  min-height: 100%;
}
#vertical-center {
  margin: 0;
 position: absolute;
 top: 50%;
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);

}
#header-name {
  font-size: 400%;
}
#header-title {
  font-size: 200%;
 }

#headerhr {
  width: 55%;
  border-top: 1px solid white;
  border-bottom: 2px solid white;
}

hr {
  width: 30%;
  border-bottom: 2px solid #EA1C2C;
}

.section-content {
  padding-top: 3%;
}

#about {
  background: #FBF9F1;
  padding: 5% !important;
  line-height: 1.75;
}

#about img {
  height: 100%;
  width: 100%;
  border-radius: 80%;
}
.pad5{
  padding: 3%;
}


#skills {
  background: #637A9F;
  padding: 5%;
}

.skillbutton {
  padding: 10% 10%;
  background: rgb(241, 241, 241);
  font-size: 25px;
  border-radius: 20px;
  box-shadow: 11px 8px 52px #2c3258;
}

/* .skillbutton:hover {
  background-color: #9DFFE2;
} */

#education {
  padding: 5%;
  background: #FBF9F1;
}

.section-title {
  padding-top: 6%;
}

.section-title h3 {
  font-weight: 700;
}

.section-para {
  padding-top: 3%;
  line-height: 2;
}

#educationp {
  padding-top: 3%;
}



#projects {
  background: #63a583;
  padding: 5%;
}

.card {
  padding: 2.5%;
}

.project-card {
  padding: 2.5%;
}

#contact {
  background: #b33a3a;
  padding: 5%;
}

.odd hr {
  border-bottom: 2px solid grey;
}

.form-group {
  padding: 1.5%;
}

.section-info button {
  padding: 1% 2%;
}

#footer {
  padding: 8%;
  background: #dedede;
}

.main-title {
  padding-bottom: 5%;
}

.social-icon ul {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  display: flex;
}

.social-icon ul li {
  list-style: none;
  margin: 0 15px;
}

.social-icon ul li .fab {
  font-size: 30px;
  line-height: 60px;
  transition: 0.6s;
  color: #000;
}

.social-icon ul li .fab:hover {
  color: #fff;
}

.social-icon ul li a {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  transition: 0.6s;
  box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5);
}

.social-icon ul li a:hover {
  transform: translate(0, -10px);
}

.social-icon ul li:nth-child(1) a:hover {
  background-color: #3b5998;
}

.social-icon ul li:nth-child(2) a:hover {
  background-color: #e4405f;
}

.social-icon ul li:nth-child(3) a:hover {
  background-color: #007bb5;
}

.social-icon ul li:nth-child(4) a:hover {
  background-color: #007bb5;
}

.fas {
  font-size: 2rem;
  padding-top: 1%;
}

.cpyright {
  padding-top: 2%;
}