body{
  background-color: rgb(19, 22, 31);
  font-family: "Nunito", sans-serif;
}


/* Hero-Section */
/* Navbar */
nav{
display: flex;
text-align: center;
justify-content: center;
gap: 220px;
}

.a1{
color: rgba(255, 255, 255, 0.87);
text-decoration: none;
}

.HR{
border: 0;
height: 1px;
margin: 20px 0;
background-color: rgba(255, 255, 255, 0.05);
margin-left: 620px;
margin-right: 620px;
}

.HHR{
  border: 0;
  height: 1px;
  position: relative;
  bottom: 200px;
  background-color: rgba(255, 255, 255, 0.05);
  margin-left: 520px;
  margin-right: 520px;
}

.Link{
position: relative;
top: 25px;
padding: 10px;
border-radius: 50px;
border: solid 1px rgba(255, 255, 255, 0.11);
background-color: rgba(255, 255, 255, 0.020);
margin-bottom: 35px;
}

.SVG{
  position: relative;
  top: 10px;
}

.SVG1{
  position: relative;
  top: 40px;
}

.Port{
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.685);
padding-left: 8px;
}

.BL{
margin-left: 25px;
padding-right: 8px;
}

.BL:hover{
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.685);
transition: 1s;
}

.name{
font-size: 20px;
color: rgba(255, 255, 255, 0.884);
}

.Git{
position: relative;
top: 25px;
padding: 10px;
border-radius: 50px;
border: solid 1px rgba(255, 255, 255, 0.11);
margin-bottom: 35px;
}

.Git:hover{
background-color: rgba(255, 255, 255, 0.034);
transition: 1s;
}
/* Navbar End */

.ME{
  display: flex;
  justify-content: center;
}

h1{
font-size: 80px;
text-align: center;
margin-bottom: 20px;
background: linear-gradient(to bottom, #ffffff, #dadada); /* Hier kannst du die Farben anpassen */
-webkit-background-clip: text;
color: transparent;
}

.p1{
text-align: center;
font-size: 40px;
background: linear-gradient(to bottom, #ffffff, #dadadae3); /* Hier kannst du die Farben anpassen */
-webkit-background-clip: text;
color: transparent;
}

.H3{
  color: rgba(104, 135, 182, 0.918);
  padding-bottom: 8px;
  padding-top: 8px;
  border: solid 1px rgba(143, 182, 240, 0.493);
  background-color: #eef9ff09;
  margin-top: 45px;
  margin-left: 125px;
  margin-right: 125px;
  margin-bottom: 45px;
  border-radius: 50px;
  font-weight: 100;
  font-size: 15px;
}

.HH3{
  background: linear-gradient(to bottom, #ffffff, #dadada); /* Hier kannst du die Farben anpassen */
-webkit-background-clip: text;
color: transparent;
padding-bottom: 30px;
font-size: 34px;
}

.Icon-Grid{
  position: relative;
  left: 250px;
  background-color: rgba(255, 255, 255, 0.003);
  margin-right: 760px;
  margin-left: 760px;
  padding-bottom: 40px;
  padding-top: 40px;
  text-align: center;
  justify-content: center;
}

.I-Grid{
  border: solid 1px rgba(255, 255, 255, 0.11);
  border-radius: 20px;
}

.I-Grid:hover{
  border: solid 1px rgba(255, 255, 255, 0.25);
  transition: 1s;
}

.Via:hover{
  border: solid 1px rgba(255, 255, 255, 0.25);
  transition: 1s;
}

.icon{
  padding-right: 60px;
  padding-left: 60px;
  font-size: 50px;
}

.Via{
  position: relative;
  right: 250px;
  top: 309px;
  border: solid 1px rgba(255, 255, 255, 0.11);
  margin-left: 730px;
  background-color: rgba(255, 255, 255, 0.003);
  border-radius: 20px;
  padding-top: 18px;
  margin-right: 640px;
  padding-bottom: 50px;
}

.icon1{
  font-size: 40px;
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  text-shadow: 5 5 5px rgb(255, 255, 255);
}

.Ever{
  text-align: center;
  justify-content: center;
  position: relative;
  bottom: 240px;
}

.i2{
  border: solid 1px rgba(255, 255, 255, 0.11);
  background-color: rgba(255, 255, 255, 0.03);
  border-radius: 10px;
  position: relative;
  right: 30px;
}
.i3{
 border: solid 1px rgba(255, 255, 255, 0.11);
 background-color: rgba(255, 255, 255, 0.03);
  border-radius: 10px;
}
.i4{
 border: solid 1px rgba(255, 255, 255, 0.11);
 background-color: rgba(255, 255, 255, 0.03);
  border-radius: 10px;
  position: relative;
  left: 30px;
}

.Copy{
  color: white;
  position: relative;
  bottom: 150px;
  text-align: center;
}
/* Hero-Section End */