:root {
  --default-icon-width: 80px;
  --default-icon-height: 80px;
}
html{
	background-color: black;
	color: white;
	font-size: 250%;
}
.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 {
  margin-top: 25rem;
}
#greeting{
  position: fixed;
  top: 30%;
  left: 40%;
  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;}
}