@charset "UTF-8";
* {
	margin: 0px;
	padding: 0px;
	border: none;
	background: none;
	outline: none;
	box-sizing: border-box;
	text-decoration: none;
	list-style-type: none;
	font-family: "Open Sans", sans-serif;
}
:root {
	--blue-gray: rgba(237, 243, 247, 1);
	--light-blue: rgba(249, 253, 255, 1);
	--soft-blue: rgba(177, 223, 255, 1);
	--blue: rgba(104, 202, 238, 1);
	--wh: #ffffff;
	--bl: #000000;
	--gr: rgba(181, 181, 221, 1);
	--dark-blue: rgba(83, 86, 90, 1);
}
.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/*--HEADER--*/
nav {
}
.profile:hover,
a img:hover,
ul li img:hover {
	box-shadow: 0 0 10px 2px var(--soft-blue);
}
/*--SECTION--*/
body {
}

/*--FOOTER--*/
footer {
}
/*------------------------UNIVERSAL CLASSES---------------------------------*/
.bg-secondary {
	background-color: var(--blue-gray) !important;
}
.text-primary {
	color: var(--blue) !important;
}
a {
	color: var(--blue);
}
a:hover {
	color: var(--dark-blue);
}
.social-icons a:hover {
	background-color: var(--blue);
}
.credit {
	z-index: 2000;
	position: relative;
	top: calc(100% - 87px);
	max-width: 17rem;
	font-size: 9px !important;
	color: rgba(83, 86, 90, 0.3) !important;
}
.credit a,
.credit a:hover {
	color: rgba(83, 86, 90, 0.7) !important;
}
.resume-item p ul {
	font-size: 0.85rem !important;
	color: rgba(0, 0, 0, 0.4) !important;
}
.softwareIcon {
	min-width: 4rem;
	border-radius: 3rem;
}
.txt-lgray {
	color: var(--soft-blue);
}
.txt-blue {
	color: var(--blue);
}
.text-secondary {
	color: var(--dark-blue) !important;
}
.img-profile {
	border: none;
}
.dev-icons .list-inline-item i:hover {
	color: var(--blue);
}
h1 {
	font-size: calc(2rem + 3.6vw);
	line-height: calc(1.5rem + 3.6vw);
}
.subheading {
	font-size: calc(0.7rem + 0.25vw);
	line-height: calc(0.9rem + 0.25vw);
}
ul {
	padding-left: 0.5rem;
	text-indent: -0.5rem;
}
/*------------------------BOOTSTRAP OVERRIDE CLASSES---------------------------------*/
a.btn-primary {
	background-color: var(--dark-blue);
	color: white;
	border: none;
	outline: none;
	box-shadow: none;
}
a.btn-primary:hover {
	background-color: var(--blue-gray);
	color: var(--dark-blue);
	outline: none;
	box-shadow: none;
}
a.btn-primary:focus,
a.btn.btn-primary:focus,
a.btn-primary.focus,
a.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	background-color: var(--soft-blue);
	color: var(--dark-blue);
	outline: none;
	box-shadow: none;
}