@import url(https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@500&display=swap);:root{--bg-color:#f3f2ef80;--darker:#3535354d;--bg-cont-color:#f3f2ef80;--text-color:#21252b;--text-color-sec:#21252b;--temp-bg-color:#c7fcff;--temp-color:#3f454e}[data-theme=dark]{--bg-color:#21252b;--darker:#f3f2ef1a;--bg-cont-color:#21252b80;--text-color:#c7fcff;--text-color-sec:#c7fcff;--text-color-second:#21252b;--temp-bg-color:#3f454e;--temp-color:#c7fcff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.nav,body{display:flex}.nav{align-items:stretch;background-color:#f3f2ef80;background-color:var(--bg-color);color:#21252b;color:var(--text-color);gap:2rem;justify-content:center;padding:0 1rem}.nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.nav a{color:inherit;height:100%;padding:10px;text-decoration:none}.nav a,.site-title{align-items:center;display:flex}.site-title{flex-direction:row;font-size:40px}.header{justify-content:center}.app-logo{height:80px}.nav li.active{background-color:#555}.nav li:hover{background-color:#777}.container{text-align:center}.nav,.nav ul{flex-direction:column}.hamburger span{margin:3px 0;width:25px}@media (max-width:900px){.nav ul{display:none;flex-direction:column;gap:.5rem}.hamburger,.nav ul.active{display:flex}.hamburger{cursor:pointer;margin:1rem}.nav li{text-align:center;width:100%}.nav a{padding:15px 20px;width:100%}.nav li.active,.nav li:hover{background-color:#777}}@media (min-width:900px){.nav,.nav ul{flex-direction:row}}.hamburger{cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;margin:1rem;width:30px}.hamburger span{background-color:#21252b;background-color:var(--text-color);display:block;height:3px;width:100%}@media (max-width:900px){.hamburger{display:flex}}.toggleThemeButton,body{background-color:#f3f2ef80}.toggleThemeButton{align-items:center;background-color:var(--bg-color);border:1px solid #21252b;border:1px solid var(--text-color);border-radius:20px;color:#f3f2ef80;color:var(--bg-color);display:flex;height:40px;justify-content:center;margin-right:10px;margin-top:10px}.toggleThemeIcon{height:40px;padding:5px 20px}.top-header{background-color:#f3f2ef80;background-color:var(--bg-color);display:flex;justify-content:space-between}.footer{align-items:center;background-color:#f3f2ef80;background-color:var(--bg-cont-color);border-top:1px solid #f3f2ef80;border-top:1px solid var(--bg-color);bottom:0;color:#21252b;color:var(--text-color);display:flex;flex-direction:column;flex-shrink:0;height:60px;justify-content:center;position:fixed;width:100%}.footerIcon{height:30px;margin:0 10px 0 0;padding:0}.footer div{margin:0;padding:0}.footer p{margin:20px 0 0;padding:0}.submit-note-button{margin-top:20px}.App{text-align:center}.App-logo{height:200px;pointer-events:none}.App-link{color:#61dafb}.header{display:flex;flex-direction:row;text-align:center}.about-container{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;margin:0;min-height:100vh;overflow-x:hidden;padding:0}.about-container,.about-row{align-items:center;display:flex;justify-content:space-around;width:100%}.about-row{flex-direction:row;margin:40px 0 0}.about-row img{border-radius:20px;width:30%}.about-row div{font-size:24px;width:45%}.leftslide{animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromLeft}.rightslide{animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromRight}@media (max-width:900px){.about-row{flex-direction:column}.about-row div{width:80%}.about-row div p{margin:15px 0!important}.about-row img{width:80%}.about-row:nth-of-type(2),.about-row:nth-of-type(4){flex-direction:column-reverse!important}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Red Hat Display,sans-serif;font-size:13px}.container,body{background-color:var(--bg-color);margin:0;min-height:90vh;padding:0}.container{align-items:center;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;overflow-x:hidden;width:100%}.profile-wrapper{animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromRight;margin:15px 0;width:80%}.profile,.profile-wrapper{background-color:var(--bg-cont-color)!important;height:700px;position:relative}.profile{align-items:center;border-radius:16px;box-shadow:0 5px 18px #0009;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:.5s;width:100%}.profile .profile-image{background-color:var(--bg-cont-color)!important;background-color:var(--bg-color);height:100%;left:0;position:absolute;top:0;transition:.5s;width:100%;z-index:2}.profile-image img{height:80%;object-fit:contain;width:90%}.profile-image-react{height:50%!important;margin-top:20%;object-fit:contain;width:50%!important}.profile:hover img{opacity:.4;transition:.5s}.profile:hover .profile-image{transform:translateY(-224px);transition:all .9s}.profile:hover .profile-bio{opacity:.9}.social-icons{bottom:284px;display:flex;gap:12px;position:absolute;z-index:3}.social-icons li{list-style:none}.social-icons li a{background:#fff;border:1px solid #cdcdcd;border-radius:4px;display:block;display:grid;font-size:23px;font-weight:700;height:40px;opacity:0;place-items:center;position:relative;transform:translateY(32px);transition:.2s;width:40px}.social-icons li a:hover{background:var(--background);transition:.2s}.social-icons li a svg{color:var(--text-color);transition:.2s}.social-icons li a:hover svg{color:var(--text-color);transform:rotateY(1turn);transition:.8s}.profile:hover .social-icons li a{opacity:1}.profile:hover li:first-child a{transition-delay:.1s}.profile:hover li:nth-child(2) a{transition-delay:.2s}.profile:hover li:nth-child(3) a{transition-delay:.3s}.profile:hover li:nth-child(4) a{transition-delay:.4s}.profile-name{background:var(--background);bottom:0;color:#000;height:224px;left:0;padding:16px;position:absolute;text-align:left;width:100%;z-index:4;z-index:1}.profile:hover .profile-name{background-color:#fff}.profile-name h2{margin-bottom:8px}h2{margin-top:10px}@media (min-width:900px){.profile-wrapper{margin:15px 40px;width:60%}}@media (min-width:740px){body{font-size:17px}}@media (min-width:769px){.profile-wrapper{margin:15px 40px;width:60%}body{font-size:16px}}@media (min-width:510px){body{font-size:15px}}@media (min-width:1100px){.container{flex-direction:row;justify-content:space-around}.profile-wrapper{margin:15px 40px;width:60%}body{font-size:12px}}@media (min-width:1300px){body{font-size:14px}}@media (min-width:1600px){body{font-size:16px}}.home-container,.routes-div{overflow-x:hidden;overflow-y:hidden}.home-container{align-items:center;animation:scaleDown 1s cubic-bezier(.175,.885,.32,1.275) forwards;display:flex;flex-direction:column;justify-content:center;min-height:90vh;padding:10px}.home-container,.title{color:var(--text-color)}.title{animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromDown;border-radius:15px;font-size:32px;font-weight:700;margin:30px auto;max-width:80%;padding:20px;text-align:center}.navright{display:flex;justify-content:center}.logSwitch{background-color:#0a6bff;border:0;border-radius:4px;box-shadow:inset 0 -1px 3px 0 #013c8880,0 3px 6px 0 #002c611a;box-sizing:border-box;color:#fff;cursor:pointer;font-size:12px;font-weight:700;height:40px;line-height:15px;margin:10px 10px 0 0;min-height:10px;min-width:100px;padding:0;text-align:center;text-decoration:none;transition:all .2s cubic-bezier(.22,.61,.36,1)}.logSwitch:hover{background-color:#065dd8;transform:translateY(-2px)}.notesapplogo{cursor:pointer;width:80%}.profileIcon{color:#065dd8;height:40px;margin:10px 10px 0 0;padding:0}@media (min-width:550px){.notesapplogo{width:425px}}@keyframes slideInFromDown{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes scaleDown{0%{transform:scale(4.5)}to{transform:scale(1)}}.onecard-profile-wrapper{animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromRight;height:700px;margin:15px 0;position:relative;width:80%}@media (min-width:600px){.onecard-profile-wrapper{margin:15px 40px;width:60%}}@media (min-width:900px){.onecard-profile-wrapper{margin:15px 40px;width:50%}}@media (min-width:1200px){.onecard-profile-wrapper{margin:15px 40px;width:40%}}@media (min-width:1500px){.onecard-profile-wrapper{margin:15px 40px;width:29%}}.regbutton{align-items:center;background-color:#21252b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:12px;height:60px;justify-content:center;padding:12px;position:relative;text-decoration:none;width:80%}.regbutton:before{background:linear-gradient(-45deg,#e81cff,#40c9ff);border-radius:10px;height:72px;left:-4px;margin:auto;pointer-events:none;text-decoration:none;top:-1px;transition:all .6s cubic-bezier(.175,.885,.32,1.275);width:85%;z-index:-10}.regbutton:after,.regbutton:before{content:"";inset:0;position:absolute}.regbutton:after{background:linear-gradient(-45deg,#fc00ff,#00dbde);filter:blur(20px);transform:translateZ(0) scale(.95);z-index:-1}.regbutton:hover:after{filter:blur(30px)}.regbutton:hover:before{transform:rotate(-180deg)}.regbutton:active:before{scale:.7}@media (min-width:570px){.regbutton{width:470px}.regbutton:before{width:490px}}.loginbutton{background-color:#0a6bff;border:0;border-radius:4px;box-shadow:inset 0 -1px 3px 0 #013c8880,0 3px 6px 0 #002c611a;box-sizing:border-box;color:#fff;cursor:pointer;font-size:18px;font-weight:700;line-height:15px;margin:20px 0 0;min-height:15px;min-width:120px;padding:16px 20px;text-align:center;text-decoration:none;transition:all .2s cubic-bezier(.22,.61,.36,1)}.loginbutton:hover{background-color:#065dd8;transform:translateY(-2px)}.input-register-left{animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromLeft;margin-bottom:20px}.input-register-right{animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromRight;margin-bottom:20px}.register-button{animation:scaleDown 1s cubic-bezier(.175,.885,.32,1.275) forwards}.register-container{align-items:center;color:var(--text-color);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:hidden;padding:10px}@media (min-width:600px){.input-register-left,.input-register-right{width:560px}.register-container{min-height:90vh}}.login-button{margin-top:10px}.login-modal .ant-modal-body{display:flex;flex-direction:column}.startbutton{background-color:#0a6bff;border:0;border-radius:4px;box-shadow:inset 0 -1px 3px 0 #013c8880,0 3px 6px 0 #002c611a;box-sizing:border-box;color:#fff;cursor:pointer;font-size:18px;font-weight:700;line-height:15px;margin:20px 0 0;min-height:15px;min-width:120px;padding:16px 20px;text-align:center;text-decoration:none;transition:all .2s cubic-bezier(.22,.61,.36,1)}.startbutton:hover{background-color:#065dd8;transform:translateY(-2px)}.notes-container{display:flex;flex-direction:column;min-height:90vh;width:100%}.notes-header{display:flex;justify-content:flex-start;padding:10px;width:100%}.notes-header-button{margin:10px}.notes-list,.publicnotes-list{align-items:center;display:flex;flex-direction:column;justify-content:center}.publicnotes-list{margin-top:15px}.one-note{background-color:#fdfd96;border-radius:10px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;color:#333;font-family:Comic Sans MS,cursive,sans-serif;margin:20px auto;max-width:100%;padding:20px;width:300px}.one-note:nth-child(2n){animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromRight}.one-note:nth-child(2n -1){animation-duration:1s;animation-fill-mode:both;animation-name:slideInFromLeft}.one-note p{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;max-height:150px;overflow:hidden;text-overflow:ellipsis}.one-note-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.one-note-header p{font-weight:700;margin:0}.one-note-creator{color:#666;font-size:18px;font-style:italic;margin-bottom:20px;text-align:right}.one-note p{line-height:1.6;margin:10px 0}.delEditButton{margin:0 5px 5px 0}@media (min-width:600px){.one-note{width:460px}.notes-list,.publicnotes-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.publicnotes-list{align-items:center}}.empty-notes{align-items:center;color:var(--text-color);display:flex;font-size:32px;min-height:80vh;text-align:center}.publicnote-page-container{display:flex;justify-content:center;min-height:calc(100vh - 140px);padding:20px}.one-publicnote-wrapper{width:fit-content}.one-publicnote-container{background-color:#fdfd96;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 12px #0000001a;color:#333;font-family:Arial,sans-serif;margin:auto;padding:30px}.one-publicnote-title{color:#333;font-size:24px;font-weight:700;margin-bottom:15px}.one-publicnote-by{color:#666;font-size:18px;font-style:italic;margin-bottom:20px;text-align:right}.one-publicnote-content{font-size:16px;line-height:1.6;margin-top:15px;white-space:pre-line}.spinner{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-top-color:#3498db;height:60px;margin:auto;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spinner-c7wet2 1s linear infinite;background:radial-gradient(farthest-side,#474bff 94%,#0000) top/9px 9px no-repeat,conic-gradient(#0000 30%,#474bff);border-radius:50%;height:56px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);width:56px}@keyframes spinner-c7wet2{to{transform:rotate(1turn)}}.myprofile-container{word-wrap:break-word;align-items:center;color:var(--text-color);display:flex;flex-direction:column;font-size:24px;justify-content:center;padding:20px;width:100%}.myprofile-div{color:var(--text-color);width:500px}.myprofile-row{display:flex;justify-content:center;margin:10px 0;width:100%}.myprofile-row label{margin-right:10px;width:200px}.myprofile-row p{width:500px}.myprofile-div{color:var(--text-color)!important}.edit-my-profile-div{color:var(--bg-color)!important}.header-div{word-wrap:break-word;color:var(--text-color);display:flex;font-size:24px;justify-content:center;width:100%}.editIcon{margin:15px;max-height:70px}.myprofile-buttons{display:flex;gap:10px;justify-content:center;margin:10px 0;width:100%}.active-div-myprofile,.inactive-div-myprofile{border-radius:5px;cursor:pointer;padding:10px 20px}.active-div-myprofile{background-color:#1890ff;color:#fff;font-weight:700}.inactive-div-myprofile{background-color:#f0f0f0;color:#000;font-weight:400}.inactive-div-myprofile:hover{background:linear-gradient(82.3deg,rgba(149,93,233,.678) 10.8%,rgba(98,88,238,.315) 94.3%)}.message-info{align-items:center;display:flex;justify-content:center}.myprofile-div-container{word-wrap:break-word;color:var(--text-color);display:flex;flex-direction:column;font-size:24px;width:100%}.unfollow-button{background-color:#ff4d4f;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.follow-cards{display:flex;flex-wrap:wrap;gap:20px;width:90%}.follower-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;color:#4d4d4d;padding:20px;text-align:center;width:200px}.follower-card-profilepic{border-radius:50%;height:50px;margin-bottom:10px;width:50px}.save-button{background:#3d3a4e;background-size:400%;border:none;border-radius:1.5rem;color:#fff;height:3rem;overflow:hidden;padding:0 2rem;position:relative}.save-button:hover:before{transform:scaleX(1)}.save-button-content{position:relative;z-index:1}.save-button:before{background:linear-gradient(82.3deg,#965de9 10.8%,#6358ee 94.3%);border-radius:inherit;content:"";height:inherit;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:0 50%;transition:all .475s;width:100%}.cancel-button{background:#3d3a4e;background-size:400%;border:none;border-radius:1.5rem;color:#fff;height:3rem;overflow:hidden;padding:0 2rem;position:relative}.cancel-button:hover:before{transform:scaleX(1)}.cancel-button-content{position:relative;z-index:1}.cancel-button:before{background:linear-gradient(82.3deg,#e95d5d 10.8%,#ee5858 94.3%);border-radius:inherit;content:"";height:inherit;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:0 50%;transition:all .475s;width:100%}
/*# sourceMappingURL=main.48900728.css.map*/