body{font-family:Muli,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';padding-top:54px;color:#17457a}
 
 @media (min-width:992px){body{padding-top:0;padding-left:17rem}}
 
 h1,h2,h3,h4,h5,h6{font-family:'Saira Extra Condensed',-apple-system,BlinkMacSystemFont,'Segoe UI',Titillium Web,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-weight:700;text-transform:uppercase;color:#343a40}

 h1{font-size:6rem;line-height:5.5rem}
 h2{font-size:3.5rem;}h3{font-size:2rem}
 

 h2{
	background-image: linear-gradient(to left, violet, indigo, green, blue, rgb(39, 139, 124), rgb(110, 56, 196), rgb(23, 142, 118));
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	color: transparent;
  }
 p.lead{font-size:1.15rem;font-weight:400}
 .subheading{text-transform:uppercase;font-weight:500;font-family:'Saira Extra Condensed',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:1.5rem}
 .social-icons a{display:inline-block;height:3.5rem;width:3.5rem;background-color:#495057;color:#fff!important;border-radius:100%;text-align:center;font-size:1.5rem;line-height:3.5rem;margin-right:1rem}
 .msg-wrapper {
    white-space: pre-wrap;
  }
 .social-icons a:last-child{margin-right:0}
 
 
 .dev-icons{font-size:3rem}
 .dev-icons .list-inline-item i:hover{color:#275aa2f0}
 #sideNav .navbar-nav .nav-item .nav-link{font-weight:800;letter-spacing:.05rem;text-transform:uppercase}
 #sideNav .navbar-toggler:focus{outline-color:#d74009f0}
 
 @media (min-width:992px){#sideNav{text-align:center;position:fixed;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:17rem;height:100vh}
 #sideNav .navbar-brand{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto auto 0;padding:.5rem}
 #sideNav .navbar-brand .img-profile{max-width:10rem;max-height:10rem;border:.5rem solid rgba(255,255,255,.2)}
 #sideNav .navbar-collapse{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:100%;margin-bottom:auto}
 #sideNav .navbar-collapse .navbar-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}
 #sideNav .navbar-collapse .navbar-nav .nav-item{display:block}
 #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link{display:block}}
 section.resume-section{padding-top:5rem!important;padding-bottom:5rem!important;max-width:75rem}
 section.resume-section .resume-item .resume-date{min-width:none}
 body > #sideNav{
	height: 100%;
 }
 body > .resume-section{
	height: 100%;
 }
#sideNav{
	font-family: 'Helvetica', sans-serif;
	background: rgb(26, 188, 156);
	background: -moz-linear-gradient(-45deg, rgba(26, 188, 156, 1) 0%, rgba(142, 68, 173, 1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(26, 188, 156, 1) 0%, rgba(142, 68, 173, 1) 100%);
	background: linear-gradient(135deg, rgba(26, 188, 156, 1) 0%, rgba(142, 68, 173, 1) 100%);
 }
 @keyframes float {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
}

.resume-section{
	margin: 0;
	padding: 0;
	font-family: 'Helvetica', sans-serif;
	background: rgb(26, 188, 156);
	background: -moz-linear-gradient(-45deg, rgb(213, 224, 221) 0%, rgb(210, 189, 219) 100%);
	background: -webkit-linear-gradient(-45deg, rgb(214, 225, 223) 0%, rgb(230, 209, 240) 100%);
	background: linear-gradient(135deg, rgb(214, 228, 225) 0%, rgb(219, 195, 230) 100%);
}
 .img-profile {
  width: 150px;
  height: 150px;
  box-sizing: border-box;
  border: 5px white solid;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
  transform: translatey(0px);
  animation: float 6s ease-in-out infinite;
}

@keyframes nameFloat {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}
.names, h2{
  animation: nameFloat 6s ease-in-out infinite;
}

@keyframes iconFloat {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-10px);
	}
}
@keyframes glow {
  from {
    text-shadow: 0 0 20px #248691;
  }
  to {
    text-shadow: 0 0 30px #31aebc, 0 0 10px #4dbbc7;
  }
}
.navbar-collapse{
  animation: glow 2s ease-in-out infinite alternate;
  
}

.social-icons a:hover{background-color:rgba(11, 99, 207, 0.789); animation: iconFloat 6s ease-in-out infinite;}

 @media (min-width:768px)
 {section.resume-section{min-height:100vh}s
 ection.resume-section .resume-item .resume-date{min-width:18rem}}
 @media (min-width:992px){section.resume-section{padding-top:3rem!important;padding-bottom:3rem!important}}
 .bg-primary{background-color:#d74009f0!important}
 .text-primary{
	background-image: linear-gradient(to left, rgb(110, 56, 196), rgb(23, 142, 118));
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	color: transparent!important
}
 a{color:#1b8490f0}
 a:active,a:focus,a:hover{color:#4e288b}


/* 
h3 {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	}
@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
	50% {
		opacity: 1;
	}
	100%{
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
}
@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
	50% {
		opacity: 1;
	}
	100%{
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
}  */