@import url(https://fonts.googleapis.com/css2?family=Quicksand&display=swap);.starButton[data-v-3912f878]{width:49%;margin-right:2%;height:2em;outline:none;cursor:pointer;border-radius:2px;border:1px solid #000;background:none;font-family:Quicksand;transition:background .2s,border .2s}.starButton[data-v-3912f878]:hover{border:none;color:#fff;background:gold}.discardButton[data-v-3912f878]{width:49%;height:2em;outline:none;cursor:pointer;border-radius:2px;border:1px solid #000;background:none;font-family:Quicksand;transition:background .2s,border .2s}.discardButton[data-v-3912f878]:hover{border:none;color:#fff;background:#dc143c}input[data-v-5882d22e]{width:100%;padding:5px;box-sizing:border-box;border:none;border-radius:6px 6px 0 0;font-family:quicksand;font-weight:700;font-size:1.2em;transition:background .5s}input[data-v-5882d22e]:focus-visible{outline:none}textarea[data-v-5882d22e]{width:100%;resize:none;padding:5px;box-sizing:border-box;border:none;border-radius:0 0 6px 6px;font-size:.8em;font-family:Quicksand;transition:background .5s}textarea[data-v-5882d22e]:focus-visible{outline:none}#colors[data-v-5882d22e]{display:flex;justify-content:center;align-items:center;flex-flow:row wrap}#colors .color[data-v-5882d22e]{width:30px;height:30px;margin:5px;float:left;border-radius:50%;box-sizing:border-box;cursor:pointer;transition:opacity .3s}#colors .color[data-v-5882d22e]:hover{opacity:.4}#colors .active[data-v-5882d22e]{cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.5)}.addButton[data-v-5882d22e]{width:100%;height:2em;outline:none;cursor:pointer;border-radius:2px;border:1px solid #000;background:none;font-family:Quicksand;transition:background .2s}.addButton[data-v-5882d22e]:hover{border:none;color:#fff;background:#515151}#container{background-color:#fff;box-shadow:0 0 1px hsla(0,0%,100%,.25);color:#111;margin:10vh 15vw 5vh 10vw;padding:0;max-height:80vh;font-family:Quicksand,sans-serif;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start}#container .starred{border:1px solid gold!important;box-shadow:2px 2px 5px gold!important}#container .note-card{width:150px;margin:10px 10px auto;border:1px solid #000;box-shadow:5px 2px 6px 0 rgba(0,0,0,.3);border-radius:3px;padding:15px;transition:box-shadow .3s;cursor:pointer}#container .note-card .note-title{font-weight:bolder;font-size:1.5em}#container .note-card .note-content{text-align:left;word-wrap:break-word}#container .note-card:hover{box-shadow:0 2px 15px rgba(0,0,0,.5)}#container #addNote{font-family:Quicksand,sans-serif;width:150px;margin:10px 10px auto;border:1px solid #000;border:none;border-radius:3px;padding:15px}