@charset "utf-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
	box-sizing: border-box;
}

*:focus{
	outline-style: none;
}

h3{ font-size: 4vh;
	line-height: 5vh !important;
	}

#Intro-div {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	width:100%;
	height:100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	z-index: 1;
	}

#body_home{
	font-family: Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace';
	height:100%;
}

.background_black{
	background-color: black;
}
.background_white{
	background-color: white;
}

.color_black{
	color:black;
}

.color_white{
	color:white;
}

#button_intro{
	background-color: transparent!important;
	border:solid 0px transparent;
	border-radius: 5vw;
	font-family: 'antipasto_pro_regular';
}

@font-face {
	font-family: 'antipasto_pro_regular';
	src: url('antipasto-pro-regular-trial-webfont.woff2') format('woff2'),
			url('antipasto-pro-regular-trial-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

#button_intro:hover{
	animation-play-state: paused;
	color:#00ff00;
	cursor: pointer;
	}
#pointer{
	width:0;
	margin:0;
	padding:0;
	border-right: 5px solid green;
	}
	
.pointer_key_black{
	animation: pointer_key_black 0.5s step-end infinite;
}
.pointer_key_white{
	animation: pointer_key_white 0.5s step-end infinite;
}

.button_animation-black{
	animation: colorbutton_black 3s alternate infinite, border_button_black 3s alternate infinite;
}

.button_animation-white{
	animation: colorbutton_white 3s alternate infinite, border_button_white 3s alternate infinite;
}

@keyframes pointer_key_black{
	from, to { border-color: transparent }
  	50% { border-color: white }		
	}

@keyframes pointer_key_white{
		from, to { border-color: transparent }
		  50% { border-color: black }		
		}

@keyframes colorbutton_black {
  from {color: rgba(255,44,66,1);}
  to {color: rgba(255,239,36,1);}
}
@keyframes colorbutton_white {
	from {color: rgba(203,161,173,1);}
	to {color: #000d62;}
  }

@keyframes border_button_black {
  from {border-color: rgba(255,44,66,1);}
  to {border-color: rgba(255,239,36,1);}
}

@keyframes border_button_white {
	from {border-color: rgba(203,161,173,1);}
	to {border-color: #000d62;}
  }

#Text_wrapper{
	text-align: justify;
		
}

@media screen and (max-width:768px){
	#Intro-div h3{
		width: 80vw;
		font-size: 5vw;
		}
}