:root{
    --light: white;
    --dark: black;
    --purple: #14BDEB;
    --dark-blue:#031927;

}

body{
    padding:0;
    margin:0;
    background: var(--light);
}

nav{
    height:70px;
    width:100%;
    padding:10px;
    background:var(--dark-blue);
    color:var(--light);
}

.notes{
    list-style-type: none;
}

.notes li{
    margin:10px;
}

.card .note-action-btn{
    transition:0.1s;
    margin:5px;
    opacity:0;
}
.card:hover .note-action-btn{
    opacity:1;
}