#launch-page{
    padding: 310px;
    margin-left: 150px;
}

#welcome-message{
    margin-left: 60px;
}

html{
    padding: 100px;
}

.typewriter {
    font-family: 'Goudy Bookletter 1911',Georgia,"Times New Roman",serif;
	display: inline-block;
}

.typewriter-text {
    display: inline-block;
  	overflow: hidden;
  	letter-spacing: 2px;
      animation: 
      6s typing-erase 6s steps(50, end) infinite,
      blink-caret .5s step-end infinite;
    white-space: nowrap;
    font-size: 30px;
    font-weight: 700;
    border-right: 4px solid #445E93;
    box-sizing: border-box;
    color: #445E93
}

  
  /* The type and erase effect */
  @keyframes typing-erase {
    0% { width: 0 }
    80% { width: 100% }
    90%, 100% { width: 0 }
  }
  
  /* The typewriter cursor effect */
  @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: gray }
  }


.heading{
    font-size: 150%;
    font-weight: bold;
    padding: 19px;
    color: #445E93;

}

.location-logo{
    width: 30px;
}

#location{
    font-size: 100%;
    padding: 19px;
    color: #445E93;

}

span{
    font-size: 150%;
}

a, p, h1, strong, h1, h2, h3, h4,  li, figcaption, b, input, button {
    font-family: 'Goudy Bookletter 1911',Georgia,"Times New Roman",serif;
}



.nav-bar{
    margin-left: 210px;
}


.nav-link{
    color: #445E93;
    margin-left: 9px;
    font-size: 93%;
}

/** ABOUT ME SECTION **/


#name{
    font-size: 120%;
    font-weight: bold;
}

.profile-pic {
    border-radius: 60%;
    margin-top: 70px;
  }

.menu-items{
    float: right;
    padding: 20px;  
}
ul{
    list-style-type: none;
}

#bio{
    padding: 19px;  
}

#about-me
{
    display: flex;
    width: 1200px;
    border: 1px none white;
    padding: 2px;
    margin: 20px;
}

/** EDUCATION **/

#education{
    display: flex;
    width: 1200px;
    border: 1px none white;
    padding: 2px;
    margin: 20px;

}

#education1{
    width: 600px;
    border-right: 1px solid black;
}

#education2{
    width: 600px;
}
.degree{
    font-size: 120%;
}

.institution{
    font-size: 130%;
    font-weight: bold;
    color: #445E93;

}

#degree1{
    border-radius: 8%;
}

#degree2{
    border-radius: 8%;
}

/** WORK EXPERIENCE **/

.designation{
    font-style: italic;
}

/** PROJECT SECTION **/

.card-title{
    color: #80a7f5; font-family: 'Goudy Bookletter 1911',Georgia,'Times New Roman','serif'; font-size: 90%; white-space: nowrap;
}

.project-section
{
    display: flex;

}

.project{
    display: flex;
}

.project-details{
    width: 500px;
    height: 300px;
    margin: 5px;
    font-size: 80%;
    border: 0.1px ridge rgb(230, 222, 222)
}

.btnProject{
    font-weight: bold;
    float: right;
    width: 150px;
    height: 30px;
    background-color: #80a7f5;
    margin-right: 10px;
}

.project-heading{
    color: #445E93;
    font-size: 110%;
}

.project-logos{
    width: 40px;
}

.resume-section{
    width: 1200px;
    border: 1px none #E6E6E9;
}

.companyLogo{
    width: 60px;
    margin: 20px;
}

.btn.btn-primary{
    /* width: 85px;
    height: 30px;    */
    margin-left: 10px;
    display: inline-block;
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
    font-size: 90%;
    border: 1px none black;
}

/** SKILLS SECTION **/


.img-fluid{
    width: 550px;
}

.technologies{
    display: flex;
    position: relative;
}

.img__description {
    position: absolute;
    top: 30;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(29, 106, 154, 0.72);
    color: #fff;
    visibility: hidden;
    opacity: 0;
    font-size: 110%;
    overflow: hidden;
  
    /* transition effect. not necessary */
    transition: opacity .2s, visibility .2s;
  }

  .technologies:hover .img__description {
    visibility: visible;
    opacity: 1;
  }

.sub-heading{
    font-size: 110%;
    font-weight: bold;
    padding: 19px;
    color: #445E93;

}

/** Footer Section **/

.navigate-top{
    position: fixed;
    bottom: 0.5rem;
    right: 0.5rem;
    width: 100px;
}


footer{
    width: 1200px;
    border: 1px none white;
    font-family: 'Goudy Bookletter 1911',Georgia,"Times New Roman",serif;;
}

#social-media{
    float: right;
}

.social-media-logos{
    width: 50px;
    height: 50px;
    margin-right: 55px;
}

.follow-me{
    font-weight: bold;
    font-size: 110%;
}

#copyright{
    margin-left: 400px;
    margin-top: 100px;
    font-size: 130%;
}

/** KNOW ME MORE **/

.know-me-section{
    display: flex;
}

.know-me-heading{
    font-size: 200%;
    /* margin-top: 110px; */
    color:#445E93;
    white-space: nowrap;
}

.content{
    margin: 20px;
}

.know-me-description{
    margin-top: 130px;
}

.media-gallery{
    width: 600px;
    margin-left: 15px;
}

.img-caption{
    font-weight: bold;
}