html {
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
}
body{
  max-width:100vw;
  color:#fff;
  scroll-snap-type: y mandatory;
}
#landing{
  min-height:100vh;
  background:url(../img/history-in-hd-e5eDHbmHprg-unsplash.jpg)no-repeat center center;
  background-size:cover;
  -webkit-background-size:cover;
  -o-background-size:cover;
  -moz-background-size:cover;
  display: flex;
  scroll-snap-align: start;
}
#landing .svg-wrapper{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
}
/* end landing page */

#about{
  background:url(https://pbs.twimg.com/media/EVvJpmgU8AAEq2q.jpg:large) no-repeat center center;
  background-size:cover;
  -webkit-background-size:cover;
  -o-background-size:cover;
  -moz-background-size:cover;
  min-height:100vh;
  position: relative;
  scroll-snap-align: start;
}
#portfolio{
  background:url(https://images.unsplash.com/photo-1540198163009-7afda7da2945?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8ZWFydGh8ZW58MHwxfDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60) no-repeat center center;
  background-size:cover;
  -webkit-background-size:cover;
  -o-background-size:cover;
  -moz-background-size:cover;
  min-height:100vh;
  position: relative;
  padding-bottom: 6rem;
  scroll-snap-align: start;
}
#contact{
  background:url(https://images.unsplash.com/photo-1578592325919-ca966e981cb5?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1189&q=80) no-repeat center center;
  background-size:cover;
  -webkit-background-size:cover;
  -o-background-size:cover;
  -moz-background-size:cover;
  min-height:100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  scroll-snap-align: start;
}
#current-projects, #bootcamp-projects, #wordpress-projects {
  scroll-snap-align: start;
}

.skills{
  flex-direction: column;
  align-items: center;
  border: solid white .5px;
  background: #011C27;
  color: white;
  opacity: 0.9;
  text-align: center;
  padding-top: 10px;
}




/* cool name effect */
a:hover,a:focus{text-decoration:none;}
.svg-wrapper {
  position: relative;
  /* top: 45%; */
  transform: translateY(-50%);
  margin: 0 auto;
  max-height:60px;
  cursor:default;
}
.shape {
  stroke-dasharray: 140 540;
  stroke-dashoffset: -474;
  stroke-width: 8px;
  fill: transparent;
  /* modify this with the color you want */
  stroke: #19f6e8;  
  border-bottom: 5px solid black;
  transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}
.text {
  font-family: serif;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 8px;
  color: #fff;
  top: -48px;
  position: relative;
  text-align:center;
}
.svg-wrapper:hover .shape {
  stroke-width: 2px;
  stroke-dashoffset: 0;
  stroke-dasharray: 760;
}
/* end cool name effect */


/* .text-2 a:nth-child(even){
margin: 10px;
} */
.nav-btn{
background: #011C27;
color: white;
opacity: 0.9;
}
.nav-btn h2{
font-size: 20px;
margin: 12px;
}

#navbar {
  position: absolute;
  z-index: 1;
}

#port-wrapper{
  width:100%;
  height:100%;
}
.about-me-menu{
  display: flex;
  justify-content: space-between;
}
.relaod-icon{
  color: white !important;
  padding: 15px !important;
}
.relaod-icon:hover{
  cursor: pointer;
}

.sticky {
  position: fixed !important;
  top: 0 !important;
  width: 100%;
}


.title-content{
  width: 100%;
}
.content{
  margin:0px 50px;
}
/* .content-body{
  width: 100%;
} */
.word-desc{
text-align: center;
}
.work-link{
padding-top: 15px;
color: white;
}
.work-link:hover, a:hover{
color: #EBD71C;
}
.image-link:hover{
  background-color: #EBD71C;
}
.cust-caption{
  display:none;
  position: absolute;
  background-color: rgba(30,30,30,0.8);
  padding : 10px;
  color:#ddd;
  margin:5px;
  bottom:0;
  left:0;
  right:0;
  height : 60%;
  margin:5px;
  overflow-y : auto;
}

iframe{
  display: flex;
}
svg {
  margin-right: 10px;
}
a:hover {
  color: #92bde7;
}

.col-md-4{
  width: 30%;
}
.word-desc{
  background-color: #011C27;
  padding: 30px;
  margin: 15px;
}
.project-description{
  border: solid white 1px;
  border-radius: 2%;
  padding: 10px;
}
.portfolio_titles{
  text-align: center; 
  font-size: 50px; 
  margin: 0;
  padding: 80px 0px 10px;
}



/* .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
  padding-top: 6rem;
}

.tabs {
  margin-bottom: 6rem;
}

.slick-slide {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
}

.project-img {
  width: 50%;
  background-color: #011C27;
}

.slide img {
  width: 100%;
  height: 500px;
  object-fit: contain;
  transition: width 2.5s ease-in-out 2.5s;
}
.slide img:hover {
  width: auto;
  position: relative;
  z-index: 1;
}

.description {
  width: 50%;
  background-color: #011C27;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
} */




@media only screen and (max-width : 768px){
  #text-changer-1{
    margin-left:50px;
  }
  .nav-btn h2{
  margin: 6px;
  }
  .col-md-4{
    width: 90% !important;
  }
  .portfolio_titles{
    margin: 20px auto;
  }
}
@media only screen and (max-width: 340px){
a:hover,a:focus{text-decoration:none;}
.svg-wrapper{
  top: 55%;
  max-height:120px;
  cursor:default;
  }

}