:root{--theme-color:#c493ec;--dark-1:#9035eb;--dark-2:#3e0776;background-color:var(--theme-color);margin:0;padding:0}body,html{margin:0;padding:0}.app-container,.complete-logo{flex-direction:row;display:flex}.menu,.main-content{flex-direction:column;display:flex}.main-content{text-align:center;margin-left:165px}.menu{background-color:#a85cf4;border:3px solid #3e0776;width:fit-content;height:100vh;font-size:25px;position:fixed}.header,.header-1,.header-2{color:#3e0776;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:40px;font-weight:100}.header-1{margin-left:500px}.header-2{margin-left:200px}.active-tab,.tab:hover{font-weight:700}.tab{font-weight:400}.active-tab,.tab{color:#3e0776;margin:10px;padding:10px 40px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;text-decoration:none}#logo{align-self:flex-start;width:auto;max-width:50px;max-height:100%}.logo-text{margin:2px 0 0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:20px}.space{margin:20px}.search-bar{min-width:500px;min-height:50px;color:var(--dark-2);border:2.3px solid var(--dark-2);background-color:#b291fe;margin-left:100px;font-size:20px}.new-button{color:#fbca2b;background-color:#840ea5;border:5px solid #0000;border-image:linear-gradient(90deg,#a834f0,#fbca2b) 1;margin-left:0}.search-button,.new-button{border-radius:5%;min-width:80px;min-height:50px;font-size:1rem}.search-button{background-color:#7f27d7;margin-left:10px}.search-button:hover{opacity:.8;cursor:pointer}.new-button:hover{opacity:.5;cursor:pointer}.search-complex{margin-left:100px}.intro{margin-left:10%;font-size:25px}.text-box,.title-box,.bottom-bar,.date{background-color:#c8a3fd;border-left:3px solid #0000;border-right:3px solid #0000;border-image:linear-gradient(90deg,#451ce8,#720ada) 1;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;position:fixed}.text-box{border-top:1px solid #0000;border-bottom:3px solid #0000;max-height:400px;margin-top:35px;font-size:18.96px}.title-box{border-top:3px solid #0000;border-bottom:1px solid #0000;min-width:490.483px;padding-bottom:4px;font-size:24px}.date{border-top:3px solid #0000;border-bottom:1px solid #0000;min-width:89.3px;margin-left:499.9px;padding-bottom:5px;font-size:24px}.entry-box,.entry-box-condensed{flex-direction:row;margin-left:300px;display:flex}.top-bar{flex-direction:column;display:flex}.bottom-bar{border-top:1px solid #0000;border-bottom:3px solid #0000;min-width:588.5px;min-height:50px;margin-top:440px}.save-button,.discard-changes{border-radius:500px;position:absolute}.save-button{background-color:var(--dark-1);top:15px;left:480px}.discard-changes{background-color:var(--theme-color);top:15px;left:350px}.save-button:hover,.discard-changes:hover,.trash-button:hover{opacity:.5;cursor:pointer}.trash-button{color:#8c0303;background-color:#feb2b2}.delete-note{background-color:#feb2b2;border:1px solid #8c0303;position:absolute;top:7px;left:15px}.entry-box-condensed{max-width:500px;min-height:80px;color:var(--dark-2);border:2.3px solid var(--dark-2);background-color:#b291fe;flex-direction:column;margin:10px 10px 10px 300px;font-size:20px;display:flex}.c-date{text-align:left;margin-top:5px;padding-left:10px}.c-buttons{flex-direction:column;justify-content:right;max-width:50px;display:flex}.c-middle{flex-direction:row;margin-right:5%;display:flex}.c-title{min-width:80%;margin-left:10%}.edit-entry{background-color:var(--dark1);border:1px solid var(--dark2);margin-bottom:5px}.edit-entry:hover,.delete-entry:hover{cursor:pointer}.delete-entry{background-color:var(--dark1);border:1px solid var(--dark2)}.entry-complex{flex-direction:row;display:flex}.right-button,.left-button{background-color:var(--dark-2);min-width:50px;min-height:80px;max-height:80px;color:var(--theme-color);border:1px solid var(--dark2);border-radius:10px;margin-top:200px;position:fixed}.left-button{margin-left:200px}.right-button{margin-left:950px}.left-button:hover,.right-button:hover{cursor:pointer;opacity:.5}.entry-box,.entry-box-condensed:hover{background-color:#bc9ffc;box-shadow:0 20px 10px #00000026}