/* GENERAL */

* {
	font-family: 'Raleway', sans-serif;
}

p {
	font-size: 1em;
	letter-spacing: 1px;
}

.space-header {
	font-family: 'Gugi', cursive;
	background: linear-gradient(to left, darkorange 0%, #884dff 100%);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
  	-webkit-text-stroke: 3px #2a2a2a;
  	filter: drop-shadow(3px 3px #d9d9d9);
  	text-transform: uppercase;
}

.section-header {
	position: relative;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 40px;
}

.section-header:before {
  content: "";
  display: block;
  border-top: solid 2px lightgrey;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;
}

.section-header span {
  background: #2e3135;
  padding: 0 10px;
  position: relative;
  z-index: 5;
  text-transform: uppercase;
}


/* NAVBAR */
.navbar-nav .nav-link {
	text-transform: uppercase;
	border-bottom: 2px solid transparent;
	position: relative;
}


/* ABOUT */

#about img {
	border-radius: 20%;
}


/* PROJECTS */

#projects .space-header {
	font-size: 2.1em;
  	-webkit-text-stroke: 2px #2a2a2a;
  	filter: drop-shadow(2px 2px #d9d9d9);
}

.modal-content {
	background-color: #222;
	color: white;
}

.modal-header {
	border-bottom: 1px solid #888;
}

.modal-header h5 { 
	font-family: 'Gugi'; 
	text-transform: uppercase; 
	background-image: -webkit-linear-gradient(to bottom, white, #d9d9d9, grey); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(to bottom, white, #d9d9d9, grey); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(to bottom, white, #d9d9d9, grey); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(to bottom, white, #d9d9d9, grey); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, white, #d9d9d9, grey); /* Standard syntax; must be last */
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(1px 2px 5px #555);
    font-size: 1.5em;
}

.modal-body a {	color: white; }

.modal-body a:hover { color: #aa80ff; }

.modal-body h6 { font-size: 1.5em;}

.modal-body p {
	line-height: 1.5;
	margin: 0;
}