h1 {color:white;}

#Title {
filter: saturate(300%) contrast(200%);
filter: drop-shadow(15px, 15px, 20px, red);
width: 400px;
height: 250px;
background: linear-gradient(to top left,rgb(50, 66, 84, 1), rgb(37, 99, 78, 1));
Padding: 10px;
margin: 10px;
border-radius: 20%;
position: relative;
  left: 300px;
}
#Portfolio-Words {
text-align: center
}
#Project-Words {
font-size: 25px;
text-align: center;
  position: relative;
  top: 100px;
}
#Websites-Block {
filter: saturate(300%) contrast(200%);
width: 400px;
height: 250px;
background: linear-gradient(to top left,rgb(50, 66, 84, 1), rgb(37, 99, 78, 1));
Padding: 10px;
margin: 10px;
border-radius: 20%;
position: relative;
  left: 300px;
}
a {
font-size: 25px;
color: white
}
a:hover {
color: lightgreen
}
a:active {
font-size: 30px;
}
#First-Website {
position: relative;
left: 110px;
top: 10px;
}
#Second-Website {
position: relative;
left: -30px;
top: 90px;
}
#Third-Website {
font-size: 17px;
position: relative;
top: 170px;
left: -150px;
}

@keyframes Anim1 {
  0% {
  top: -110px;
  left: 350px;
  }
  50% {
  top: -270px;
  left: 350px;
  }
  100% {
  top: -110px;
  left: 350px;
  }
}
#Moving-Triangle {
  position: relative;
   top: -270px;
  left: 50px;
  border-left: 50px Solid skyBlue;
  border-top: 25px Solid transparent;
  border-bottom: 25px Solid transparent;
  z-index: 1;
  animation-name: Anim1;
   animation-duration: 5s;
  animation-iteration-count: infinite;
}
#Background {
width: 1300px;
height: 1300px;
z-index: -1;
  position: relative;
  top: -700px;
  left: -100px;
}
body {
background: url("https://images.theconversation.com/files/223729/original/file-20180619-126566-1jxjod2.jpg?ixlib=rb-1.1.0&q=45&auto=format&w=1200&h=900.0&fit=crop");
background-position: center;
  background-size: cover
}