body{
  background-image: url(../Bilder/programming.jpg);
  background-size: 100%;

}

ul {
  list-style-type: none;
  background-color:rgba(8,8,8, 0.);
  overflow: hidden;
  position: fixed;
  top: -20px;
  left: -20px;
  width: 100%;
}

li {
  float: left;
}

li a {
  display: inline-block;
  padding: 50px 50px;
  color: white;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 3em;
  text-decoration: none;
}

li a:hover {
  background-color: rgb(112, 5, 85);
  color: white;
  transform: scale(35px);
}

.side{
  float: right;
}



.background-1 {
  background-color: rgba(8,8,8, 0.8);
  margin-top: -1000px;
  margin-left: -20px;
  padding-top: 950px;
  padding-bottom: 100px;
  margin-bottom: -100px;
}

.Überschrift {
  font-size: 400px;
  color: #dddddd;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  margin-left: 2000px;
  margin-top: 700px;
}

.unterüberschrift {
  color: #dddddd;
  font-size: 100px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  margin-left: 2000px;
  margin-top: -400px;
}

.container {
  background-color: #dddddd;
  margin-top: -50px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -50px;
  display: flex;
  
}

#about-me {
  color: blueviolet;
  font-size: 100px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  padding-top: 200px;
  padding-left: 700px;
}

.my-story {
  color: black;
  font-size: 50px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  padding-top: 50px;
  padding-left: 700px;
  text-align: justify;
  line-height: 100px;
  padding-bottom: 200px;
}

.skills {
  color: blueviolet;
  font-size: 100px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  padding-top: 200px;
  padding-left: 700px;
}

#html5 {
  padding-top: 50px;
  padding-left: 700px;
}

#css3 {
  padding-left: 200px;
}

.html {
  font-size: 50px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  padding-left: 700px;
}

.css {
  padding-left: 150px;
  font-size: 80px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.portfolio-container {
  background-color: blueviolet;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -100px;
}

#portfolio {
  color: white;
  font-size: 100px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  padding-top: 100px;
  padding-left: 700px;
  padding-bottom: 1000px;
}

footer {
  background-color: black;
  display: flex;
  margin-top: -200px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -50px;
  font-size: 50px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  color: #dddddd;
  padding-left: 1300px;
  padding-top: 100px;
  padding-bottom: 100px;
}

select {
  width: 10%;
  height: 80px;
  font-size: 50px;
}

label {
  font-size: 50px;
}

input {
  width: 700px;
  height: 80px;
  font-size: 50px;
}

#e-mail {
  width: 1430px;
}

textarea {
  width: 1430px;
  font-size: 50px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

#submit {
  width: 200px;
}

.contact-name {
  margin-left: 300px;
  padding-top: 100px;
  font-size: 60px;
}