body{
  background-color: #070707;
  }

header{
  min-height: 100vh;
  margin-top:-100px !important;

}

section {
   min-height: 100vh;
width:auto;
}

.text-center{
  
  font-size:2.4em;
  color:white;
  text-align: left !important;
    font-weight:400;

}

.navbar-nav > li{
  padding-left:1.5em !important;
 
}


header .container{
  width:68%;
   min-height: 100vh;
  /* background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3),rgba(0,0,0,0.7)); */

}

section .container{
margin: 0 auto;
    width: 70%;
}

.success p{
  margin-left: 15px !important; 
  width:80%;
  font-weight:200;
}

.cv{
  text-decoration: none;

}


#portfolio .text-center{
margin-bottom:30px;
}
  .paragraphs{

    font-size: 1.2em;
    text-align: left;
  }

  .cinema-gif{
    margin-top: -40px;
  }

  .space-left{margin-left:10px;
  }

  
    .intro-text{
       font-family: 'Montserrat', serif;
      color: white;
      font-size: 30px;
      margin-top:60px;
       position:relative;
         display: inline;
         font-weight:200;

    }
    .anim{        text-align: left;
  padding-top: 80px;

}
.anim .typed-cursor{
    font-size: 40px;
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
    .intro-text1{
       font-family: 'Nunito', serif;
      color: #33a189;
      font-size: 30px;
      margin-top:30px;
           text-align: left;
       position:relative;
    }
    body{
      position:relative;
    }
    .navbar-right{
z-index:1;
position:absolute;
margin-left:150px;
 font-family: 'Nunito', serif;
 color:white !important;
    }

hr.star-light, hr.star-primary{
  visibility:hidden;
}

#myBtn{padding-top:80px;
  width:70px;
   
  margin:0 auto;
}
#myBtn:hover {
  transform: translateY(5px);}



.service{
  color:white !important;
    font-family: 'Nunito', serif;
    text-align: left;
}

.service h6{
  font-weight:200;
}
#skills img{
  margin:0 auto;
  height:100px;
  width:100px;
}

.topui{
  margin-top:30px;
}

.cvlink{
    color: white !important;
    padding: 10px 16px;
  background-color:  #33a189;
  margin:0px auto;
      border: 3px solid #fff;
}

.cvlink:hover{
  color: #33a189 !important;
  background-color: white;
    padding: 10px 16px;
  margin:0px auto;
      border: 3px solid #fff;
}

.img-fluid{
  box-shadow: 0px 10px 28px 10px rgb(0,0,0,0.05);
}

footer .container{
  width:70%;
}

.navbar .container{
  width:70%;
}

.list-inline{
  font-weight:200;
  padding-left: 0px !important;
}
.paragraphs{
  font-weight:200;
  padding-left: 0px !important;
}

.list-inline .important{
  font-weight:400;
}

.portfolio h2{
  text-align:left;
}
.container .info{
  padding-bottom:40px !important;
}



.note{
  /* margin-top:44px;
  background-color: #09241e;

border-radius: 10px;
text-align: center;
padding:20px; */


}

.note h5{
  color:#f0f5f4;
  font-weight: normal !important;
}

.mybtn{
padding:12px;
  border-radius:10px;
  background-color:white;
  color:black !important;
  font-weight: 700;
}

.mybtn-secondary{
padding:12px;
 border: 2px solid white;
  background-color: black;
  color: white !important;
  border-radius:10px;
  font-weight: 700;
  margin-left: 8px;
}




.mybtn-secondary a{
  color:white !important;
}




.mybtn:hover{
  padding:12px;
    border-radius:10px;
    background-color:#f0f5f4;
    color:black !important;
    font-weight: 700;
  }

.mybtn a{
  color:black !important
}

#about .container{
  margin-top:100px;
}

#skills .container{
  margin-top:100px;
}


@media (min-width: 767px) {

#about h2{
  width:80%;
}

header .container{
  width:68%;
   min-height: 100vh;
  /* background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3),rgba(0,0,0,0.7)); */

}


}



@media (max-width: 767px) {
  #navbarResponsive {
    background-color: #070707 !important;
  
  }
  
  #about h2{
    width:100%;
  
  }

header .container{
    width:90%;
     min-height: 100vh;
    /* background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3),rgba(0,0,0,0.7)); */
  
  }

  #about .container{
    width:90%;
  }

  #skills .container{
    width:90%;
  }

  #portfolio .container{
    width:90%;
  }

  footer .container{
    width:90%;
  }

  .navbar .container {
    width: 82%;
}