.dock{border-radius:1.5rem;padding:1rem;position:fixed;bottom:1rem;left:50%;box-shadow:0 5px 1rem rgba(0, 0, 0, 0.3);transform:translate(-50%, 0%) scale(0.9);backdrop-filter:blur(10px);z-index:9;background:rgba(255, 255, 255, 0.4);transition:0.5s;transition-timing-function:ease-in}.dock:hover{transform:translate(-50%, 0%) scale(1);background-color:rgba(255, 255, 255, 0.3);box-shadow:0 5px 1rem rgba(0, 0, 0, 0);backdrop-filter:blur(0)}.dock .btn{border-radius:1rem;font-size:2rem;height:4rem;width:4rem;top:0;position:relative;margin-bottom:0;box-shadow:0 5px 1rem rgba(0, 0, 0, 0.5);background-color:#FFF;transition:0.2s;transition-timing-function:ease-in}.dock .btn i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin-right:0}.dock .btn:hover{animation:float 1s ease-in-out infinite}.dock .btn-home{background:#044758;color:#00ddd5;border-radius:100px}.dock .btn-notes{background-color:#fff3cd;border-color:#ffecb5;color:#664d03}#notes_offcanvas{background:transparent;background:black;background:linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);border:none}#notes_offcanvas .offcanvas-header{padding-bottom:0}#notes_offcanvas .offcanvas-header h5{font-weight:bold;color:#FFFFFF}#notes_offcanvas .offcanvas-header button{color:#000;background:white}#notes_offcanvas .offcanvas-header button i{margin-right:0}#todo .todo-item{margin-bottom:0;padding:0.45rem 0.75rem 0.75rem;border-radius:3px}#todo .todo-item .form-check-input{height:1.2rem;width:1.2rem;border-radius:100px}#todo .todo-item .form-control-plaintext{color:#7D7A69}#todo .todo-item .btn i{margin-right:0}#todo .todo-item textarea{background:transparent;border:0;padding:0;font-family:"comic sans ms", "comic sans", cursive;font-size:0.85rem;font-size:1rem}@keyframes float{0%{top:0}50%{top:-0.5rem}100%{top:0}}