* {
    font-family:'Segoe Print';;
    
}
body {
    background-color: white;       
}

.navbar {
    
    text-transform: uppercase;
    letter-spacing: 0.08em;
    background: rgba(0,0,0,0.6) !important
}
.navbar-brand {
     font-weight: 500;
     font-size: 1.5em;
}
.nav-item {
    padding: 0.5em;
    font-size: 1em;
    color: honeydew;
}
.navbar-brand {
    font-family: 'cursive';
    padding-left: 1.8em;
}
.home-inner{
    background: url("/img/bgmain.png");
    background-blend-mode: darken !important;
}
.caption {
    position: relative;
    top : -42em;
    color: white;
    padding-top: 3em;;
    z-index: 1;
    text-shadow: .1rem .1rem .8rem black;
    height: 0px;
}
.caption a {
    
    font-family: 'Segoe Print';
    font-size: 9vh;
    color: #f719ad !important;
    overflow: auto;
}
.caption h1 {
    font-family: 'cursive';
    padding-top: 0.5em;
}
.caption h3 {
    font-family: 'cursive';
    margin-bottom: 2rem;
    margin-top: 2rem;
}
.caption h6 {
    font-family: 'Segoe Print';
    letter-spacing: .2em;
}
 .btn-lg{
    color: white;
    border-radius: 0% !important;
    outline:  none;
    padding-left: 4em;
    margin-top: 5vh;;
    padding-right: 4em;
    
}

.dev img {
    
    box-shadow: 0px 0px 33px -4px rgba(0,0,0,0.75);
    max-width: 90%;
}
.about_heading{
    padding-top: 0.5em;
    border-width: 2px !important;
    color: black;
}
.lead {
    padding-top: 0.5em;
    color : rgb(134, 131, 131);
    font-family: 'Quicksand', sans-serif;
    font-size: 1.1em;
}
.info strong {
    color: black;
    margin-right: 4em;
}
.info h6{
    font-size: 1em;
    margin-bottom: 1.1em;
     
}
.fa {
    background-color: #a914ff;
    color : white;
    border-radius: 50%;
    padding: 10px;
    padding-left: 11px;
    margin-right: 10px;
    max-width: 100%;
    max-height: 40px;;
}
.h_edu1 {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 6em;
    color: rgba(230, 225, 225, 0.959);
    letter-spacing: 0.08em;
}
.h_edu2 {
    font-family: 'Quicksand', sans-serif;
    font-size: 3em;
    font-weight: bolder;
    letter-spacing: 0.09em;
    position: relative;
    top : -2.8em
}
.col-12 .h_edu1 {
    font-size: 4.2em;
}
.col-12 .h_edu2 {
    font-size: 2.4em;
}
.edu_elm {
    
    background-color: rgb(246, 243, 243);
    border-radius: 5px;
    position: relative;
    
}
.edu_elm h2 {
    font-family: 'Quicksand', sans-serif;
    color: rgba(185, 183, 183, 0.959);
    font-size: 1.7em;
    letter-spacing: 0.04em;
}
.edu_elm h5 {
    font-size: 1.1em;
    padding-bottom: 1em;
    padding-top: 0.5em;
    font-weight: 900;
    
}
.edu_elm h3 {
    font-weight: 900;
    font-size: 1.1em;
    color:  rgba(141, 141, 141, 0.959);
}
.edu_row {
    position: relative;
    top: -4em;
}
.progress-bar {
    background-color : #FF1493;
}
.pro-elem{
    transition-property: all;
    transition-duration: 250ms;
    transition-timing-function: ease-in-out;
    cursor: pointer;
}
.pro-elem:hover{
    transform: scale(1.02);
    box-shadow: 0px 0px 33px -19px rgba(0,0,0,0.75);
}
.gradient{
    margin-top: 10em !important;
    padding-top: 15em !important;
    height: 19em;
    background: #FF1493;
background: linear-gradient(0deg, #FF1493 10%, #d653e2 44%, rgba(251,251,251,0.258140756302521) 100%);

}
.fa-hover{
    transition-duration: 100ms;
    transition-property: all;
    transition-timing-function: ease-in-out;
}
.fa-hover:hover {
    transform: scale(1.6,1.6);
}



@media (max-height : 820px) {
 .fix-cap {
     padding-top: 35% !important
 }
}
@media (max-width : 436px) {
  .fix-size {
      font-size: 13vw !important;
  }
  .fix-size1 {
    font-size: 3.6vw ;
    
}
.fix-edu {
    font-size: 13vw !important;
    position: relative;
    left: -12vw;
}
.fix-edu1 {
  font-size: 3.6vw ;
  top: -24vw;
}
}