@import url(https://fonts.googleapis.com/css?family=Montserrat|Ubuntu:500|Roboto);

body {
	font-family:'Montserrat',sans-serif;

}
@-webkit-keyframes pulse {
	0%,to {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter:alpha(opacity=40);
	opacity:.4;
	top:0;
	}
	50% {
	-ms-filter:none;
	-webkit-filter:none;
	filter:none;
	opacity:1;
	top:-10px;
	}
}

@keyframes pulse {
	0%,to {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter:alpha(opacity=40);
	opacity:.4;
	top:0;
	}
	50% {
	-ms-filter:none;
	-webkit-filter:none;
	filter:none;opacity:1;
	top:-10px;
	}
}

#particles-js { 
	background:#1a222c;
	background: url('../imgs/background.jpg') bottom no-repeat transparent;
	background-size: cover;
	display:block;
	vertical-align:bottom;
	width:100vw;
	min-height:100vh;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

#particles-js .particles-js-canvas-el .background {
	width:100vw!important;
	height:100vh!important;

}

.content {
	z-index:1;
	text-align:center;
	color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	margin:0 auto;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.content .site-title {
	font-size:50px;
	display:block;
	line-height:1;
}

@media only screen and (min-width:768px) {
	.content .site-title {
		margin:0;
		font-size:60px;
	}
}

.content .site-description {
	font-size:20px;
	display:block;
	line-height:1;
	margin:5px 0 10px;
}

@media only screen and (min-width:768px) {
	.content .site-description {
		font-size:40px;
	}
}

.content .link {
	color:#e1e1e1;
	display:inline-flex;
	justify-content:space-between;
	text-decoration:none;
	font-size:15px;
	margin:10px;
}

@media only screen and (min-width:768px) {
	.content .link {
		font-size:20px;
	}
}

.icons-header { 
	display:flex;
	justify-content:center;
}

.icons-header .icon {
	text-align:center;
	color:#fff;
	width:20px;
	height:20px;
	font-size:20px;
	padding:10px;
	margin:2px;
	border-radius:50%;
	border:2px solid #fff;
	transition:all .7s;
}

.icons-header .icon:active,.icons-header .icon:hover { 
	color:#1a222c;
	background:#fff;
}

@media only screen and (min-width:768px) { 
	.icons-header .icon {
		width:35px;
		height:35px;
		font-size:35px;
	}
}

.down,.icons-header,.user { 
	text-align:center;
}

.down {
	color:#fff;
	position:absolute;
	bottom:25px;
	width:100%;
	display:block;
	cursor:pointer;
	margin:0 auto;
	font-size:30px;
}

.down .icon { 
	position:absolute;
	-webkit-transform-style:preserve-3d;
	transform-style:preserve-3d;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:100px;
	height:100px;
	fill:#fff;
	-webkit-animation:pulse 1.3s infinite;
	animation:pulse 1.3s infinite;
}

.down .icon:active,.down .icon:hover,.footer a:active,.footer a:hover { 
	color:#4b5664;
}

.user { 
	margin:20px auto;
	font-size:60px;
}

.user p {
	font-size:16px;
}

@media only screen and (min-width:768px) { 
	.user { 
		font-size:75px;
	}
}

.user-details {
	text-align:center;
	font-size:16px;
	margin:10px auto;
}

.user-projects {
	margin:40px auto;
}

.user-projects img {
	max-width:100%;
	height:auto;
	border-radius:5px;
}

.user-projects h5,body {
	margin:0;
}

.user-projects li {
	color:#1a222c;
	font-size:1.1rem;
}

.user-projects p {
	margin-right:5px;
}

@media only screen and (min-width:768px) {
	.images {
		float:right;
		}
}

.cissp {
	margin-top:100px;
}

@media only screen and (min-width:768px) {
	.cissp {
		margin-top:50px;
		}
}

.project-link {
	display:block;
	width:100px;
	margin:10px 0;
	padding:5px;
	color:#1a222c;
	background-color:transparent;
	border:1px solid #1a222c;
	border-radius:10px;
	text-align:center;
	outline:none;
	text-decoration:none;
	cursor:pointer;
	transition:color .3s ease-out,background-color .3s ease-out,border-color .3s ease-out;
}

.project-link:active,.project-link:hover { 
	background-color:#54516a;
	border-color:#54516a;
	color:#fff;
	transition:color .3s ease-in,background-color .3s ease-in,border-color .3s ease-in;
}

.footer { 
	background:#1a222c;
	padding:10px 0;
	margin-top:100px;
	text-align:center;
	color:#fff;
}

.footer .love {
	color:red;
}

.footer a { 
	text-decoration:none;
	margin:0;
	color:#fff;
}