@keyframes background {
0% {background-color: #121212;}
50% {background-color: #434343;}
100% {background-color: #232323;}

}


body {
text-align: center;
background-image: url('./images_tsem_june/nebula.jpg');
background-size: contain;
background-color: black;
font-family: serif;
color: yellow;
font-style: normal;
font-weight: lighter;
font-size: 20px;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: linear; 
}



@keyframes grow {
from {transform: translateY(0%); transform: translateY(0%);}
to {transform: translateY(-130%); transform: translateY(20%);}
}

.pos1 {
position: absolute;
left: 400px;
top: 200px;
}

.pos2 {
position: absolute;
left: 700px;
top: 120px;
}

.pos3 {
position: absolute;
left: 1000px;
top: 40px;
}

.projects {
position: absolute; 
left: 100%;
top: 0%;
height: 100%;
width: 100%;
}

.project1 {
position: absolute;
left: 515px;
top: 483px;
font-size: 11px;
color: midnightblue;
width: 100px;
}

.project2 {
position: absolute;
left: 815px;
top: 400px;
font-size: 11px;
color: midnightblue;
width: 100px;
}

.project3 {
position: absolute;
left: 1115px;
top: 325px;
font-size: 11px;
color: midnightblue;
width: 100px;
}

.star {
font-size: 50px; color: midnightblue; font-family: algerian; -webkit-text-stroke: 1px lemonchiffon; text-shadow: 0px 0px 10px snow;
position: fixed;

}