:root {
  --default-icon-width: 42px;
  --default-icon-height: 42px;
}
html{
	background-color: black;
	color: white;
	font-size: 120%;
}
.title{
	font-size: 100%;
	position: fixed;
	top: 0%;
  left: 10%;
 	width: 100%;
	opacity: 0.0;
}
.logo{
	 width: var(--default-icon-width);
	 height: var(--default-icon-height);
}
.br_point:before {
  content: '\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A';
  white-space: pre;
}
#greeting{
  position: fixed;
  top: 30%;
  left: 30%;
  width: 100%;
}
#greetingMessage{
  visibility: hidden;
}
#cursor{
  border-left: 2px white solid;
  margin-left: 10px;
  -webkit-animation: switchtext 0.5s infinite alternate;
  -moz-animation: switchtext 0.5s infinite alternate;
  animation: switchtext 0.5s infinite alternate;
}

@-webkit-keyframes switchtext{
  from{opacity: 1.0;}
  to{opacity: 0;}
}
@-moz-keyframes switchtext{
  from{opacity: 1.0;}
  to{opacity: 0;}
}
@keyframes switchtext{
  from{opacity: 1.0;}
  to{opacity: 0;}
}