body{
  font-family: 'Kanit', sans-serif;

  background: rgb(9,116,121);
  background: linear-gradient(90deg, rgba(9,116,121,1) 35%, rgba(0,99,255,1) 100%);
  position: static;
  
}


.phone {
    width: 300px;
    height: 530px;
    border: 15px solid rgb(70, 63, 63);
    padding: 50px;
    margin: 20px;
    border-radius: 20px;
  }

  .bottombezel{
    width: 300px;
    height: 5px;
    border: 15px solid rgb(70, 63, 63);
    padding: 50px;
    margin: 20px;
    position: relative;
    bottom: 155px;
    border-radius: 20px;
    background-color: rgb(70, 63, 63);
  }

.home{
    width: 60px;
    height: 60px;
    position: relative;
    bottom: 25px;
    border-radius: 200px;
    background-color: rgb(81, 77, 77);
    box-shadow: 0 2px #000000;
}

.search{
    width: 300px;
    height: 30px;
    position: relative;
    bottom: 805px;
    left: 565px;
    border: 3px solid black;
    border-radius: 100px;
    background-color: transparent; 
    color: white;

    
}

.search::placeholder {
  color: white;
}

.dotdotdot{
    border-radius: 50%;
    width: 1px;
    height: 15px;
    position: relative;
    bottom: 1470px;
    left: 900px;
    cursor: pointer;
    background-color: black;
}

.dotdotdot1{
  border-radius: 50%;
  width: 1px;
  height: 15px;
  position: relative;
  bottom:  1470px;
  left: 900px;
  cursor: pointer;
  background-color: black;
}

.dotdotdot2{
  border-radius: 50%;
  width: 1px;
  height: 15px;
  position: relative;
  bottom: 1470px;
  left: 900px;
  cursor: pointer;
  background-color: black;
}


.pro{
  position: relative;
  bottom: 900px;
  font-size: 90px;
}

.pro1{
  position: relative;
  bottom: 1060px;
  left: 1000px;
  font-size: 70px;
}

img{
  position: relative;
  bottom: 950px;
  right: 350px;
}