body {
	background-color: black;
	height: 100%;
	width: 100%;
	margin: 0%;
	color: white;
}

.imagesOverlay {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	position: fixed;
	pointer-events: none;
	justify-content: center;
	align-items: center;
}

.mainOverlay {
	padding-left: 3%;
	padding-top: 3%;
	position: fixed;
}

.bodmagn {
	display: flex;
	flex-direction: row;
	position: absolute;
	height: 88%;
}

.sketch { 
	display: flex;
	flex-direction: row;
	position: absolute;
	height: 88%;
}

.bodmagn img{
	-webkit-animation-name: fade;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 10s;
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 10s;
    -webkit-animation-delay: -5s;
}

.sketch img{
	-webkit-animation-name: fade;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 10s;
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}

@-webkit-keyframes fade {
    0% {opacity: 0;}
    25% {opacity: 0;}
    50% {opacity: 1;}
    75% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fade {
    0% {opacity: 0;}
    25% {opacity: 0;}
    50% {opacity: 1;}
    75% {opacity: 1;}
    100% {opacity: 0;}
}


.logo {
	height: 7vw;
	padding-top: 12vw;
	max-height: 100%;
	max-width: 100%;
}

.backFlex {
	display: block;
	/*flex-direction: column;*/
	/*vertical-align: middle;*/
	/*justify-content: center;*/
}	

section {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

img {
	max-width: 100%;
	max-height: 100%;
}

.textbox {
	height: 20%;
	width: 25%;
}

h1 {
	font-family: "Times New Roman";
	font-style: italic;
	text-decoration: underline;
	font-size: calc(14px + 1.5vw);
}

h2 {
	font-family: "helvetica";
	font-style: normal;
	letter-spacing: 1.5px;
	font-size: calc(6px + 0.5vw);
}

span {
	transition: all 0.35s ease;
	background-color: transparent;
	padding:  0.1vw;
}

span:hover {
	background-color: black;
}


a {
	transition: all 0.35s ease;
	color: white;
}

a:visited {
	color: white;
}

a:hover {
	color: transparent;
	text-shadow: 0 0 4px rgba(255, 255, 255, 0.70);
}

::-webkit-scrollbar {
    width: 12px;
    background: black;
}

::-webkit-scrollbar-thumb {
    background: lightgrey;
}

::-webkit-scrollbar-thumb:hover {
    background: darkgray;
}