.text-black{
  color:rgb(0,0,0)!important;
}
.logo-size{
	  transform:scale(2.1);
}	
.soundPic,.codingPic,.guitarPic,.bartendingPic{
    background-attachment: scroll!important;
}
.soundPic{
    background-image: url(../img/backgrounds/soundDesign.jpg);    
}
.codingPic{
    background-image: url(../img/backgrounds/guitar.jpg);
}  
.guitarPic{
    background-image: url(../img/backgrounds/coding.jpg);
}
.bartendingPic{
    background-image: url(../img/backgrounds/bartendingPic.jpg); 
}
#nav-style{
	background-color: rgb(0,0,0,0.7)!important;
	border-width: 0 0 5px 0;
	border-style: outset;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	filter:drop-shadow(3px 3px 3px rgb(0,0,0,0.5));
}	
.t1-md {
    font: 400 40px/1 'Peace Sans';
    letter-spacing: normal;
    text-transform: uppercase;
}
.logo{
    position:absolute;
    z-index: 10;
}
.nameTextA{
    position:absolute;
    left:8%;
    top:30%;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 500;
    animation-name: textAnimaB;
    animation-duration: 0.7s;
    -webkit-transition: all 0.7s;
    z-index: 1;
    opacity: 1;
    animation-fill-mode: forwards;
    }
.logo:hover{
    transition:0.7s;
    transform:rotate(-360deg);
 }
.logo:not(:hover) .nameTextA {
    visibility: hidden;
    transition: visibility 0.7s 1s;
}       
.logo:hover ~ .nameTextA{
	animation-fill-mode: both;
    animation-name: textAnimaA;
    animation-duration: 0.7s;
    animation-iteration-count: 1;
}
@keyframes textAnimaA {
    0% {
    	opacity: 0;
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
    }
    100%{
    	opacity: 1;
        -webkit-transform:translateX(0%);
        transform:translateX(0%);
    }
}
@keyframes textAnimaB {
    0%{
    	opacity: 1;
        -webkit-transform:translateX(0%);
        transform:translateX(0%);
    }
    100% {
    	opacity: 0;
        -webkit-transform:translateX(100%);
        transform:translateX(100%);
    }
}
.black-animation-text{
    color:rgb(0,0,0,1)!important;
}
.white-animation-text{
    color:rgb(255,255,255,1)!important;
}
/*----Contact me animation----------*/
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.box-bordering
{
  width: 300px;
  margin: 0 auto;
  padding: 2px!important;
  background-color: #eaab00;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAOqrAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='),  url('data:image/gif;base64,R0lGODlhAQABAPAAAOqrAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='),
                    url('data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==');
  background-repeat: no-repeat;
  background-size: 0 2px, 0 100%, 0% 2px;
  background-position: top center, top center, bottom center;
  -webkit-animation: drawBorderFromCenter 4s infinite;
  animation-direction: alternate;
}
@-webkit-keyframes drawBorderFromCenter {
    0% {
      background-size: 0 2px, 0 0, 100% 100%;
    }
    20% {
      background-size: 100% 2px, 100% 0, 100% 100%;
    }
    66%
    {
      background-size: 100% 2px, 100% 98%, 100% 100%;
    }
    99%
    {
      background-size: 100% 2px, 100% 98%, 0 2px;
    }
}
.cont
{
  background: white;
  padding: 2em;
}
/*------------------------------------*/
.t1-sm {
    font: 24px 'Peace Sans';
    letter-spacing: normal;
    text-transform: lowercase;
    font-weight: lighter;
    font-variant: small-caps;
}
.heartBeat:hover {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  color:inherit;
}
/*--------------Modal Formating------------*/
#codeModal .link-style{
	 text-decoration-line: underline;
	 color:#6A2F27;
}
#jazzModal .link-style{
	 text-decoration-line: underline;
	 color:#6A2F27;
}
#soundModal .link-style{
	text-decoration-line: underline;
	color:#3FC040;
}
#barModal .link-style{
	text-decoration-line: underline;
	color:red;
}
.campari{
	background-color:rgb(91, 76, 30,0.6);
	text-decoration-line: underline;
}
.popover{
	background: rgb(0,0,0,0)!important;
	border-color:rgb(0,0,0,0)!important;
	box-shadow:0 0px 0px rgba(0,0,0,0)!important;
	box-shadow: none;
}
.close{
	opacity: 0.8!important;
}
.bg-taylor{
	background-color:#171717;
}
.color-taylor{
	color:#A1A17F!important;
}
#taylor{
	top:10%;
}
.bg-godin{
	background-color: #717E8C;
}
.color-godin{
	color:#322721!important;
}
#godin{
	top:10%;
}

#blur{
	filter:blur(2.5px); 
	-webkit-filter: blur(2.5px);
}
#blur-auto{
	filter:none;
}
.modal-position{
	position:relative;
}
.modal-text{
	font: 100 22px/1.2em 'Montserrat'!important;
    letter-spacing:1px;
    color:rgba(0,0,0);
    opacity: 1 !important;  
}
.bg-code{
	background-image: url(../img/backgrounds/code-1.jpg);
	background-size: cover;
}
.bg-jazz{
	background-image: url(../img/backgrounds/jazz-2.jpg);
	background-size: cover; 
}
.bg-sound{
	background-image: url(../img/backgrounds/sound-2.jpg);
	background-size: cover;
}
.bg-bar{
	background-image: url(../img/backgrounds/bar-1.jpg);
	background-size: cover;
}
#codeModal .bg-opacity{
	margin:10%;
	background-color: rgba(46, 124, 166, 0.75);
	border-radius: 1%;
}
#jazzModal .bg-opacity{
	margin:10%;
	background-color: rgba(163, 184, 204, 0.75);
	border-radius: 1%;
}
#soundModal .bg-opacity{
	margin:10%;
	background-color: rgba(235, 137, 32, 0.65);
	border-radius: 1%;
}
#barModal .bg-opacity{
	margin:10%;
	background-color: rgba(212, 186, 99, 0.75);
	border-radius: 1%;
}
.modal-title{
	font: 24px 'Peace Sans'!important;
	color:rgba(0,0,0);
	}
	/*-----barricade icon-----*/
.pow{
	position:absolute;
	left:2%;
	top:-12%;
	visibility: hidden;
	transform: scale(0.8);
}
.barricade:hover .pow{
	visibility: visible;
}
/*----Light Buld Icon-----------*/
.bulb-flash{
	position:absolute;
	top:-20%;
	visibility:hidden;
}
.icon-adjust{
	width: 70px;
	height: 70px;
	overflow: visible;
	z-index: 999;
	position:absolute;
}
.bulb-adjust{
	transform: scaleX(0.8);
}
.flash-bulb:hover .bulb-flash{
	animation-name: flash;
	animation-duration: 2s;
	animation-iteration-count:infinite;
	visibility:visible;
	transition-timing-function: ease-in-out;
}
@keyframes flash{
	50%{visibility: hidden;}		
}
	/*----------------SVG animations-----------------*/
@-webkit-keyframes kf_el_90-zD-KS5c_an_v0OrmT0-o{0%{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(1, 1) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(1, 1) translate(-145.60000610351562px, -298.1999969482422px);}14.29%{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.5, 0.5) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.5, 0.5) translate(-145.60000610351562px, -298.1999969482422px);}28.57%{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(1, 1) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(1, 1) translate(-145.60000610351562px, -298.1999969482422px);}42.86%{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.5, 0.5) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.5, 0.5) translate(-145.60000610351562px, -298.1999969482422px);}57.14%{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(1, 1) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(1, 1) translate(-145.60000610351562px, -298.1999969482422px);}71.43%{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.5, 0.5) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.5, 0.5) translate(-145.60000610351562px, -298.1999969482422px);}85.71%{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(1, 1) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(1, 1) translate(-145.60000610351562px, -298.1999969482422px);}94.29%{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.7, 0.7) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.7, 0.7) translate(-145.60000610351562px, -298.1999969482422px);}100%{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.7, 0.7) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.7, 0.7) translate(-145.60000610351562px, -298.1999969482422px);}}@keyframes kf_el_90-zD-KS5c_an_v0OrmT0-o{0%{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(1, 1) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(1, 1) translate(-145.60000610351562px, -298.1999969482422px);}14.29%{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.5, 0.5) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.5, 0.5) translate(-145.60000610351562px, -298.1999969482422px);}28.57%{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(1, 1) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(1, 1) translate(-145.60000610351562px, -298.1999969482422px);}42.86%{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.5, 0.5) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.5, 0.5) translate(-145.60000610351562px, -298.1999969482422px);}57.14%{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(1, 1) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(1, 1) translate(-145.60000610351562px, -298.1999969482422px);}71.43%{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.5, 0.5) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.5, 0.5) translate(-145.60000610351562px, -298.1999969482422px);}85.71%{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(1, 1) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(1, 1) translate(-145.60000610351562px, -298.1999969482422px);}94.29%{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.7, 0.7) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.7, 0.7) translate(-145.60000610351562px, -298.1999969482422px);}100%{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.7, 0.7) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(0.7, 0.7) translate(-145.60000610351562px, -298.1999969482422px);}}#el_xLRJYxXww *{-webkit-animation-duration: 3.5s;animation-duration: 3.5s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-play-state: running;animation-play-state: running;-webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);animation-timing-function: cubic-bezier(0, 0, 1, 1);}#el_praqsp1DDJ{fill: #324A5E;}#el_WzlX_XIalE{fill: #FFD05B;}#el_0Mhk6YGvfD{fill: #E6E9EE;}#el_YcWlV4FO_g{fill: #E6E9EE;}#el_yzn0Ajf-Ii{fill: #E6E9EE;}#el_90-zD-KS5c_an_v0OrmT0-o{-webkit-transform: translate(145.60000610351562px, 298.1999969482422px) scale(1, 1) translate(-145.60000610351562px, -298.1999969482422px);transform: translate(145.60000610351562px, 298.1999969482422px) scale(1, 1) translate(-145.60000610351562px, -298.1999969482422px);-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;-webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);}#el_xLRJYxXww:hover #el_90-zD-KS5c_an_v0OrmT0-o{-webkit-animation-name: kf_el_90-zD-KS5c_an_v0OrmT0-o;animation-name: kf_el_90-zD-KS5c_an_v0OrmT0-o;}</style>