body{
  background-color: antiquewhite;
}
#l1{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  flex-direction: column;
  position: relative;
  bottom: 50px;
}
#icon{
  font-size: 2.5rem;
  color: deepskyblue;
}
#drpt{
  font-weight: bold;
}
#l2{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  position: relative;
  bottom: 50px;
}
#l3{
  display: flex;
  justify-content: center;
}
#hd{
  text-shadow: 2px 2px 5px deepskyblue;
}
.btn1c{
  font-size: 2rem;
  border-radius: 5px;
}
.btn1c:hover{
  background-color: black;
  color: aliceblue;
}
.btn1c:hover{
  font-size: 2.5 rem;
}
a{
  text-decoration: none;
}
#lyt_p21{
  display: flex;
  justify-content: center;
}
#hdg2{
  text-shadow:  2px 2px 5px deepskyblue;
}
#lyt_p22{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-weight: bold;
  border-style: dotted;
  border-radius: 10px;
  margin-top: 5em;
  height: 10em;
}
#lyt_p23{
  text-align: center;
}
#lg_btn{
  min-width: 100px;
  font-size: 1.3rem;
}
#lyt_p31{
  display: flex;
  justify-content: center;
}
#hdg3{
  text-shadow:  2px 2px 5px deepskyblue;
}
#lyt_p32{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-weight: bold;
  border-style: dotted;
  border-radius: 10px;
  margin-top: 5em;
  min-height: 10em;
  gap: 4px;
}
#lyt_p33{
  text-align: center;
}
#crt_btn{
  min-width: 150px;
  font-size: 1.3rem;
}
#lbl_p31{
  margin-top: 5px;
}
#ntf1{
  position: relative;
  bottom: 35px;
  color: red;
}
#body{
  background-color: deepskyblue;
}

@media(min-width: 760px){
  #lyt_p22{
    margin-top: 250px;
    gap: 20px;
    height: 15em;
    font-size: 1rem;
  }
  #lg_btn{
    font-size: 1.5rem;
  }
  #lbl_p21{
    font-size: 1.3rem;
  }
  #lbl_p22{
    font-size: 1.3rem;
  }
  #hdg2{
    font-size: 2.5rem;
  }
  #hd{
    font-size: 2.5rem;
  }
  #hdg3{
    font-size: 2.5rem;
  }
  
  #lyt_p32{
    margin-top: 250px;
    gap: 20px;
    height: 19em;
    font-size: 1rem;
  }
  #crt_btn{
    font-size: 1.5rem;
  }
  #lbl_p31{
    font-size: 1.3rem;
  }
  #lbl_p32{
    font-size: 1.3rem;
  }
  #name_tg{
    font-size: 1.3rem;
  }
  
}

@media(min-width: 1020px){
  #lyt_p22{
    margin-top: 100px;
  }
 #lyt_p32{
   margin-top: 100px;
 } 
}