.mydivabout{
  font-size: 15px;
  letter-spacing: 1.5px;
}

main{
  font-family: verdana;
}

header{
  font-style: normal;
  font-variant: normal;
  font-size: 10px;
  text-align: right;
  letter-spacing: 3px;
  line-height: 2;
  margin-bottom: 60px;
  color: rgb(250, 250, 51);
}


li a{
	list-style: none;
	font-size: 10pt;
	line-height: 24pt;
  color: yellow;
  text-decoration: none;
  list-style-type: none;
}


li a:hover{
  color: white;
}

ul.menu{
  list-style-type: none;
}

.design {
  width: 115px;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 1.5px;
}




.light{
  top: 160px;
}

.light{
  font-size: 17px;
  color: white;
  text-align: left;
  position: absolute;
  animation-name: light;
  animation-duration: 8s;
  animation-delay: 3s;
  animation-direction: normal;
  animation-iteration-count: infinite;
}

@keyframes light {
  0%   {left:140px; top:160px;}
  25%  {left:750px; top:160px;}
  50%  {left:750px; top:450px;}
  75%  {left:140px; top:450px;}
  100% {left:140px; top:160px;}
}

.space{
  top: 100px;
}

.space{
  font-size: 30px;
  color: white;
  text-align: left;
  position: absolute;
  animation-name: space;
  animation-duration: 9s;
  animation-delay: 1s;
  animation-direction: normal;
  animation-iteration-count: infinite;
}

@keyframes space {
  0%   {left:140px; top:100px;}
  25%  {left:350px; top:100px;}
  50%  {left:350px; top:200px;}
  75%  {left:140px; top:200px;}
  100% {left:140px; top:100px;}
}

.architecture{
  top: 160px;
}

.architecture{
  font-size: 20px;
  color: white;
  text-align: left;
  position: absolute;
  animation-name: architecture;
  animation-duration: 9s;
  animation-delay: 1s;
  animation-direction: normal;
  animation-iteration-count: infinite;
}

@keyframes architecture {
  0%   {left:140px; top:160px;}
  25%  {left:500px; top:160px;}
  50%  {left:500px; top:350px;}
  75%  {left:140px; top:350px;}
  100% {left:140px; top:160px;}
}

.design{
  top: 0px;
  left: 0px;
}

.design{
  font-size: 12px;
  color: white;
  text-align: left;
  position: absolute;
  animation-name: design;
  animation-duration: 10s;
  animation-delay: 1s;
  animation-direction: normal;
  animation-iteration-count: infinite;
}

@keyframes design {
  0%   {left: 0px; top: 0px;}
  25%  {left: 0px; top: 610px;}
  50%  {left: 1190px; top: 610px;}
  75%  {left: 1190px; top: 0px;}
  100% {left: 0px; top: 0px;}
}