:selection {
  background: #0000ff;
  color: white;
}
::-moz-selection {
  background: #0000ff;
  color: white;
}

html {
  scroll-behavior: smooth;
}

body{
	line-height: 1.2em;
	font-family: sans-serif;
	padding: 10px;
}


a{
	color: blue;
	text-decoration: none;
}

header a{
	color: black;
}

a:hover, .btn:hover h3{
	font-style: italic;
}

em{
	font-style: italic;
}


.projectTitle{
	/*border-top: 1px solid black;*/
	margin-bottom: 10px;
	padding-top: 5px;
	display: grid;
	grid-gap: 24px;
	grid-template-columns: 1fr 2fr 2fr 1fr;
}

.projectTitle:hover{
	box-sizing: border-box;
	border-top: 1px solid black;
	padding-top: 4px;
}

header{
	/*border-top: 1px solid black;*/
	margin-bottom: 16px;
	display: grid;
	grid-gap: 24px;
	grid-template-columns: 1fr 2fr 2fr 1fr;
}

footer a{
	color: black;
}

footer{
	border-top: 10px solid blue;
	/*background: blue;*/
	color: blue;
	margin-top: 26px;
	margin-bottom: 26px;
	padding-top: 6px;
	padding-bottom: 10px;
	display: grid;
	grid-gap: 24px;
	grid-template-columns: 1fr 2fr 2fr 1fr;
}

header svg{
	grid-column: 1/5;
	animation: blur 10s infinite;
	z-index: -1;
}


.btn{
	cursor: pointer;
	
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */     
}


.images{
	margin-top: 4px;
	margin-bottom: 4px;
}

.video{
	width: 50%;
	margin: auto;
	margin-bottom: 4px;
}



.unactive .images, /*.unactive .description,*/ .unactive .swiper-pagination{
	display: none;
}

.active .images, .active .description, .active .swiper-pagination{
	display: block;
}

.swiper-pagination{
	text-align: right;
}

.swiper-container{
	/*max-height: 70vh;*/
	
}

.swiper-slide{
	width: 30%;
}

img{
	max-height: 100%;
	max-width: 100%;
	height: auto;
	width: auto;
	display: inline-block;
}


@keyframes blur {
    0% {filter: blur(20px);}
    50% {filter: blur(25px);}
    100% {filter: blur(20px);}
}