body {
    background: linear-gradient(to bottom, #6e7e85 0%, #89afaf, #b7cece, #d1dfdf 100%);
}

/*header {
	height: 70px;
	position: fixed;
	top: 0;
	transition: top 0.2s ease-in-out;*/

/* ...below brace breaks styling when remove or commented out... */
}

div {
	display: block;
	margin-left: -15px;
	margin-right: -15px;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
    /*background-color: #6E7E85;*/
}

h1 {
	font-family: 'Satisfy', cursive;
	color: #1c0f13;
	text-align: left;
	/* border-bottom: 4px double #4f2a36; */
}

h2 {
	font-family: 'Courgette', cursive;
	color: #1c0f13;
	text-align: left;
	border-bottom: 3px dotted #4f2a48;
}

h3 {
	font-family: 'Courgette', cursive;
	color: #1c0f13;
	text-align: left;
	border-bottom: 2px solid #8f4c84;	
}

p {
	font-family: 'Lato', sans-serif;
	text-align: justify;

}

button {
	background-color: #BBBAC6;
	color: #1c0f13;
	font-family: 'Lato', sans-serif;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

form {
	background-color: #d1dfdf;
}

.navWrapper {
    background-color: #6E7E85;
    overflow: hidden;
}

.navWrapper a {
	float: left;
	display: block;
    color: #B7CECE;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	font-family: 'Satisfy', cursive;
	font-size: 30px;
}

.navWrapper a:hover {
	background-color: #BBBAC6;
	color: #1c0f13;
}

.bordered {
	border-width: 6px;
	border-color: #f1fb85;
	border-style: dotted dashed solid double;
	margin-top: 15px;
	margin-bottom: 15px;

}

/* .container {

} */

.row {
	margin-left: 0;
	margin-right: 0;
}

.flex-container {
	display: flex;
	flex-direction: row;
}

/* .social {

} */

/* .col-sm {

} */

#icon {
	height: 35px;
}

#particles-js {
	border-width: 6px;
	border-color: #f1fb85;
	border-style: double;
	margin-top: 15px;
	margin-bottom: 15px;
}

#image { 
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px; 
    margin-bottom: 15px;
}

#welcome {
	background: linear-gradient(to bottom, #729f9f 0%, #7ea7a7 100%);
}

#welcomeH {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
}

#about {
	background: linear-gradient(to bottom, #7ea7a7 0%, #95b7b7 100%);
}

#name {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
}

#summary {
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;

}

#aboutMe {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;

}

#skills {
    background: linear-gradient(to bottom, #95b7b7 0%, #a1bfbf 100%);

}

#skillsH {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
}

#intermed {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}

#novice {
	margin-top: 15px;
	margin-bottom: 15px;

}

#basic {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;

}

#projects {
	background: linear-gradient(to bottom, #a1bfbf 0%, #adc7c7 100%);

}

#projectH {
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;	
}

#archi {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}

#assass {
	margin-top: 15px;
	margin-bottom: 15px;
}

#scoop {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;	
}

#resume {
	background: linear-gradient(to bottom, #adc7c7 0%, #b9cfcf 100%);

}

#resumeH {
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
}

#journey {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 30px;
	margin-right: 30px;
}

#jamba {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}

#regions {
	margin-top: 15px;
	margin-bottom: 15px;
}

#ras {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;	
}

#ed {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}

#next {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;	
}

#download {
	margin-left: 30px;
}

#blog {
	background: linear-gradient(to bottom, #b9cfcf 0%, #c5d7d7 100%);

}

#blogH {
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
}

#const {
	margin-left: 30px;
}

#contact {
	float: none;
	overflow-x: hidden;
	padding-top: 60px;
	transition: 0.5s;
	background: linear-gradient(to bottom, #c5d7d7 0%, #d1dfdf 100%);
}

#contactH {
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
}


/*Media Queries*/

@media screen and (max-width: 600px) {
	.navWrapper a:not(:first-child) {display: none;}
	.navWrapper a.icon {
		float: right;
		display: block;
	}
}

@media screen and (max-width: 600px) {
	.navWrapper.responsive {position: relative;}
	.topnav.responsive a.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.navWrapper.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
}

/*@media screen and (max-width: 600px) {
	.column {
		width: 100%
	}
}*/