*{
    margin:0px;
    padding:0px;
}
body {
    font-family: "Poppins", sans-serif;
}

.navbar {
    background-color: #fca5a5;
    width:100%;
    color:black;
    display:inline-block;
    padding-top:10px;
    padding-bottom:10px;
}

.note-container {
    width: auto;
    max-width:25%;
    
    background-color: black;
    color: black;
    border-radius: 10px;
    margin: 25px;
    display: inline-block;
}
.note-container .delete-button{
    padding-top:7px;
    padding-bottom:7px;
    padding-left:5px;
    padding-right:5px;
    margin-top:3px;
    background-color:red;
    margin-left:5px;
    border-radius:20px;
}

.note-container h2{
    color:brown;
    border:none;
    margin-bottom:1px;
    padding-left:3px;
}
    .note-container h5 {
        margin-bottom: 1px;
        color: white;
        padding-left: 3px;
    }

    .note-container p {
        padding-left: 3px;
        color: azure;
        font-size: 15px;
    }

.plus {
    background-color: #fca5a5;
    width:100px;
    height:100px;
    border-radius:100%;
    font-size:35px;
    text-align:center;
    position:fixed;
    bottom:30px;
    right:30px;

}

.overlay-black{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0.8;
    background-color:black;
    display:none;
    margin:0px;
    padding:0px;
}
.whole-container{
    margin:0px;
    padding:0px;
}

.input-popup {
    display: none;
    position:absolute;
    background-color: #fca5a5;
    width:40%;
    left:23%;
    top:30%;
    padding:70px;
    border-radius:15px;

}
.input-popup input{
    display:inline-block;
    width:100%;
    background:transparent;
    border:none;
    border-bottom:solid black 2px;
    
}

    .input-popup textarea {
        display: relative;
        width: 100%;
        background: transparent;
        border:solid 2px black;
        margin-top:3px;
    }
.input-popup input::placeholder{
    color:black;
}
    .input-popup textarea::placeholder {
        color: black;
    }

    .input-popup input:focus {
        outline:none;
    }

    .input-popup textarea:focus {
        outline: none;
        
    }
.input-popup button{
    background-color:red;
    padding-top:5px;
    padding-bottom:5px;
    border:none;
    border-radius:10px;
    margin:3px;
    padding:2px;
}

.whole-container{
    display:inline-block;
}