@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

body {
    background-image: url('gambar.jpg'); /* Ganti dengan URL gambar */
    background-size: cover; /* Menyesuaikan ukuran gambar */
    background-repeat: no-repeat; /* Mencegah pengulangan gambar */
 color: #ffffff;
 margin-top: 670px;
 position: relative;
}


.b1 {
 position: absolute;
 background: white;
 margin-top: -600px;
 filter: blur(0.5px);
 width: 240px;
 opacity: 80%;
 border-radius: 15px;
 height: 550px;
 margin-left: 55px;
}

.Garis {
 position: absolute;
 background: black;
 margin-top: -400px;
 width: 240px;
 opacity: 80%;
 height: 2px;
 margin-left: 55px;
}

img {
 position: absolute;
 margin-top: -580px;
 width: 24%;
 border-radius: 50%;
 box-shadow: 0px 0px 2px black;
 margin-left: 133px;
}

.t1 {
 position: absolute;
 color: black;
 font-size: 19px;
 font-weight: 600;
 margin-top: -495px;
 margin-left: 134px;
}

.t2 {
 position: absolute;
 color: black;
 font-size: 13px;
 font-weight: 500;
 margin-top: -420px;
 margin-left: 80px;
}

.nowa {
 position: relative;
 width: 150px;
 border-radius: 5px;
 border: 1px solid black;
 height: 23px;
 text-align: center;
}

.nowa2 {
 position: relative;
 width: 150px;
 border-radius: 5px;
 border: 1px solid black;
 height: 23px;
 text-align: center;
}

.tele1 {
 position: relative;
 width: 150px;
 border-radius: 5px;
 border: 1px solid black;
 height: 23px;
 text-align: center;
}

i {
 position: absolute;
 margin-left: 5px;
 z-index: 10;
 color: black;
 font-size: 23px;
 margin-top: 2px;
}

.wa1 {
 position: absolute;
 margin-top: -350px;
 margin-left: 100px;
}

.wa2{
 position: absolute;
 margin-top: -300px;
 margin-left: 100px;
}

.tele{
 position: absolute;
 margin-top: -250px;
 margin-left: 100px;
}

.github{
 position: absolute;
 margin-top: -200px;
 margin-left: 100px;
}

.git {
 position: relative;
 width: 150px;
 border-radius: 5px;
 border: 1px solid black;
 height: 23px;
 text-align: center;
}

.YouTube {
 position: absolute;
 margin-top: -150px;
 margin-left: 100px;
}

.yt {
 position: relative;
 width: 150px;
 border-radius: 5px;
 border: 1px solid black;
 height: 23px;
 text-align: center;
}

.t3 {
 position: absolute;
 color: black;
 font-weight: 500;
 font-size: 12px;
 white-space: nowrap;
 margin-top: 5px;
 margin-left: 30px;
}

.lok {
 position: absolute;
 margin-top: -80px;
 margin-left: 85px;
}