/* *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'poppins', sans-serif;
}
.container{
    width:100%;
    height:100vh;
    background: linear-gradient(135deg , #cf9aff, #95c0ff);
    color:#ffffff;
    padding-top: 4%;
    padding-left:10%;

}
.note{
    /* height: 90px; */
    /* width: 60px;
}
.edit{
    /* height:70px;    */
    /* width:25px;
    margin-right: 8px;
}
.container h1{
    display: flex;
    align-items:center;
    font-size:35px;
    font-weight:600px;
}
.container button{
    display:flex;
    align-items:center;
    background:linear-gradient(#9418fd,#571094);
    color:#ffffff;
    font-size:16px;
    outline: 0;
    border:0;
    border-radius: 40px;
    padding:15px 25px;
    margin: 30px 20px;
    cursor:pointer;

}
.input-box{
    position:relative;
    width:100%;
    max-width:500px;
    min-height:150px;
    background: #ffffff;
    color:#333;
    padding: 20px;
    margin:20px 0;
    outline: none;
    border-radius: 15px;
}
.input-box img{
    width:25px;
    position:absolute;
    bottom:15px;
    right:15px;
    cursor:pointer;
/* }  */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family: 'Poppins', sans-serif;
}

.container{
  min-height:100vh;
  padding:40px 10%;
  background: linear-gradient(135deg,#cf9aff,#95c0ff);
  color:#fff;
}

h1{
  display:flex;
  align-items:center;
  gap:12px;
}

.note-icon{
  width:50px;
}

.create-btn{
  margin:25px 0;
  display:flex;
  align-items:center;
  gap:10px;
  background:linear-gradient(#9418fd,#571094);
  border:none;
  padding:14px 28px;
  border-radius:40px;
  color:#fff;
  font-size:16px;
  cursor:pointer;
  transition:0.3s;
}

.create-btn:hover{
  transform:scale(1.05);
}

.create-btn img{
  width:20px;
}

.notes-container{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.input-box{
  background:#fff;
  color:#333;
  padding:20px;
  border-radius:15px;
  min-height:120px;
  max-width:500px;
  position:relative;
  box-shadow:0 10px 25px rgba(0,0,0,0.15);
  outline:none;
}

.input-box img{
  width:22px;
  position:absolute;
  bottom:15px;
  right:15px;
  cursor:pointer;
  opacity:0.7;
}

.input-box img:hover{
  opacity:1;
}