*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.open-button{right:28px}.open-button,.open-note{background-color:#555;color:#fff;padding:16px 20px;border:none;cursor:pointer;opacity:.8;position:fixed;bottom:23px;width:240px;border-radius:10px}.open-note{right:300px}.form-popup{right:15px}.form-popup,.noteForm{display:none;position:fixed;border-radius:10px;bottom:0;border:3px solid #f1f1f1;z-index:9}.noteForm{right:300px}.form-container{max-width:300px;padding:10px;background-color:#fff}.form-container input[type=text]{width:90%;padding:15px;margin:5px 0 22px 0;border:none;background:#f1f1f1}.form-container input[type=text]:focus{background-color:#ddd;outline:none}.form-container .btn{background-color:#646464;color:#fff;padding:30px 50px 30px 50px;border-radius:10px;border:none;cursor:pointer;width:50%;margin-bottom:20px;opacity:.5}.form-container .cancel{background-color:#646464;opacity:.3}.form-container .btn:hover,.open-button:hover{opacity:.8}.container{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:200px;scroll-padding-right:200px;overflow:auto;width:99vw}.distraction{margin:3vh 3vw;height:15vh;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-flex:0;-ms-flex:0 0 25vw;flex:0 0 25vw;border:thin solid #d3d3d3}.bruh1{border-radius:10px 0 0 10px}.bruh1,.bruh2{width:50%;-webkit-transition:1s;transition:1s;padding:13% 0}.bruh2{border-radius:0 10px 10px 0}.bruh-container{display:-webkit-box;display:-ms-flexbox;display:flex}.bruh1:hover{background-color:#7fffd4}.bruh2:hover{background-color:salmon}.delete{position:relative;left:1vw;top:1vh;border-radius:3px;-webkit-transition:1s;transition:1s}.add-note{position:relative;left:23vw;bottom:2vh}.add-note:hover,.delete:hover{background-color:red;cursor:pointer}delete:after{-webkit-transition:all 1s ease;transition:all 1s ease;display:inline-block}.button-container{width:0}.signout{background-color:#555;color:#fff;padding:16px 20px;border:none;cursor:pointer;opacity:.8;position:fixed;bottom:23px;left:28px;width:240px;border-radius:10px}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:table;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.modal-container{width:300px;margin:0 auto;padding:20px 30px;background-color:#fff;border-radius:2px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.33);box-shadow:0 2px 8px rgba(0,0,0,.33);-webkit-transition:all .3s ease;transition:all .3s ease;font-family:Helvetica,Arial,sans-serif;text-align:center}.modal-wrapper{display:table-cell;vertical-align:middle}.title{position:fixed}