html{font-size:16px}@media(max-width:700px){html{font-size:16px}}body{margin:0;padding:0;background-color:#ebebeb;width:100%;height:100%}.btn{cursor:pointer}.btn.btn-primary{color:#000;background-color:#eecda0;border:none;border-radius:.5rem;padding:.6rem 1.2rem;margin:1rem}.btn.btn-primary:disabled{color:#5c5c5c;background-color:#edd8b6}.btn.btn-secondary{color:#000;background-color:#c4c4c4;border:none;border-radius:.5rem;padding:.6rem 1.2rem;margin:1rem}.btn.btn-secondary:disabled{color:#5c5c5c;background-color:#dedede}.btn.btn-1.btn-primary,.btn.btn-1.btn-secondary{margin:.5rem .5rem;padding:.8rem 1rem}.btn.btn-1.btn-tertiary{margin:1.3rem 1.5rem;padding:0}.btn.btn-2.btn-primary,.btn.btn-2.btn-secondary{margin:.8rem .8rem;padding:1rem 1.5rem;border-radius:1rem}.btn.btn-2.btn-tertiary{margin:1.8rem 2.3rem;padding:0}.btn.btn-tertiary{text-decoration:underline;margin:1.6rem 2.2rem;text-transform:none}.btn.btn-logo,.btn.btn-tertiary{color:#000;background-color:transparent;border:none}.btn.btn-icon{margin:.5rem}.btn.btn-icon,.btn.btn-icon-tiny{background-color:transparent;border:none}.btn.btn-icon-tiny{margin:0}.btn.btn-wave-sign-up{position:absolute;top:35%;right:15%}.btn.btn-sidebar{position:relative;background-color:transparent;height:4rem;width:100%;margin:.5rem 0;padding:0;border:none}.btn.btn-sidebar:after{content:"";display:block;height:1rem;width:1rem;border-radius:2rem;background-color:#333;position:absolute;left:5rem;top:1.5rem}.btn.btn-rounded{border-radius:10rem;border:none}.landing-page{display:flex;flex-direction:column;align-items:center;justify-content:space-around;background-color:#a1a1a1;min-height:max(300px,50vh)}.landing-page-little-card{position:relative;display:flex;align-items:center;justify-content:center;border-radius:1rem;padding:0 1rem;margin:1rem;background-color:#b3b3b3;height:10rem;width:15rem}.landing-page-little-card:after{font-family:Patrick Hand,cursive;content:"X";font-weight:700;font-size:1.2rem;position:absolute;top:.5rem;left:.5rem;background-color:transparent;border-radius:2rem;border:2px solid #333;height:1.6rem;width:1.6rem;padding:.1rem;margin:0}.cards-page{display:flex;justify-content:center;align-items:center;flex-direction:column}.cards-button-new{padding:2rem;position:fixed;right:2rem;bottom:2rem;box-shadow:0 .5rem 1rem #333;background-color:#a1a1a1}.card{position:relative;flex-direction:column;height:100%;padding:1rem;background-color:#c4c4c4;border-radius:1rem;box-shadow:0 .3rem .3rem #333}.card,.card .card-header{display:flex;justify-content:flex-start;align-items:center;width:100%;margin:0;box-sizing:border-box}.card .card-header{height:3rem;flex-grow:0;flex-shrink:0;background-color:transparent;padding:0}.card .card-body{width:100%;flex-grow:1;flex-shrink:1;margin:0;padding:0}.card .card-body-content{display:-webkit-box;height:4.8rem;width:100%;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word}.card .card-footer{margin:0;padding:0;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box}.card .card-footer-hearts{margin:0;padding:0}.card-main{max-width:80%;width:50rem;height:30rem}.card.card-dark{background-color:#a1a1a1}@media(max-width:700px){.card-main{height:27rem}}.top-bar{position:fixed;top:0;display:flex;align-items:center;justify-content:space-between;margin:0;padding:.5rem 1rem;height:4rem;background-color:#a1a1a1}.top-bar,.top-bar-after{width:100%;box-sizing:border-box}.top-bar-after{padding:4rem}@media(max-width:700px){.top-bar{padding:.3rem .5rem}.top-bar .icon-avatar{margin:0}.top-bar .top-bar-username{display:none}.top-bar .top-bar-button-menu{margin:.3rem}.top-bar-after{padding:4.6rem 0 0 0}}.sidebar{position:fixed;top:0;left:0;height:100vh;width:22rem;max-width:100%;padding:0;background-color:transparent;flex-direction:column;align-items:flex-start}.sidebar,.sidebar .sidebar-top-bar{margin:0;display:flex;justify-content:flex-start}.sidebar .sidebar-top-bar{height:4rem;width:calc(100% - 2rem);padding:0 1rem;background-color:#a1a1a1;box-shadow:0 0 .5rem 0 #333;align-items:center;border-radius:0 0 1rem 0}.sidebar .sidebar-splitter{height:.3rem;width:100%;margin:0;padding:0;background-color:transparent;border:none}.sidebar .sidebar-options{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;flex-grow:1;flex-shrink:1;width:calc(100% - 2rem);padding:.5rem 1rem;background-color:#a1a1a1;box-shadow:0 0 .5rem 0 #333;border-radius:0 1rem 0 0}.sidebar .sidebar-options-tab-name{padding:0 2rem 0 8rem;text-align:start}h1{font-size:6rem;letter-spacing:-.09rem;margin:1rem}h1,h2{font-weight:300;padding:0}h2{font-size:3.75rem;letter-spacing:-.01125rem;margin:.6rem}h3{font-size:3rem;letter-spacing:0;margin:.5rem}h3,h4{font-weight:400;padding:0}h4{font-size:2.125rem;letter-spacing:.0053125rem;margin:.3rem}h5{font-weight:400;font-size:1.5rem;letter-spacing:0;margin:.25rem}h5,h6{padding:0}h6{font-weight:500;font-size:1.25rem;letter-spacing:.001875rem;margin:.2rem}.subtitle-1{font-weight:400;font-size:1rem;letter-spacing:.0015rem}.subtitle-2{font-weight:500;font-size:.875rem;letter-spacing:.000875rem}.body-1{font-weight:400;font-size:1rem;letter-spacing:.005rem}.body-2{font-weight:400;font-size:.875rem;letter-spacing:.0021875rem}.btn-1{font-weight:500;font-size:1.25rem;letter-spacing:.0109375rem}.btn-1,.btn-2{text-transform:uppercase}.btn-2{font-weight:700;font-size:2rem}.caption{font-weight:400;font-size:.75rem;letter-spacing:.003rem}.overline{font-weight:400;font-size:.625rem;letter-spacing:.009375rem;text-transform:uppercase}.logo{font-family:Patrick Hand,cursive}.text-align-left{text-align:left}input[type=password],input[type=text]{font-weight:500;font-size:1.25rem;letter-spacing:.001875rem;margin:.2rem;padding:0}.ctn{position:relative}.ctn.ctn-components-left{justify-content:flex-start}.ctn.ctn-components-2,.ctn.ctn-components-left{display:flex;align-items:center;margin:0;padding:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ctn.ctn-components-2{justify-content:center}.ctn.ctn-wave-and-button{width:100%;height:100%;position:relative;margin:0;padding:0}.ctn.ctn-wave-and-button .ctn-wave-sign-up{position:absolute;top:30%;right:10%;display:flex;flex-direction:column}.ctn.ctn-wave-and-button .ctn-wave-sign-up .btn{margin:.5rem}.ctn.ctn-one-line{display:flex;align-items:center;justify-content:center}.ctn.ctn-cards{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;flex-shrink:1;max-width:80rem;min-width:40rem}.ctn.ctn-cards .ctn-card-wrapper{width:33.333%;padding:.5rem;box-sizing:border-box;background-color:transparent}.ctn.ctn-username-and-password{flex-direction:column;height:13rem}.ctn.ctn-input-field,.ctn.ctn-username-and-password{display:flex;justify-content:center;align-items:center;width:100%}.ctn.ctn-input-field{flex-direction:row;margin:.5rem;height:3rem}.ctn.ctn-input-field .ctn-input-field-field-name{position:absolute;right:55%;margin:0 1rem}.ctn.ctn-input-field .ctn-input-field-input{position:absolute;left:45%;padding:.5rem;background-color:#d4d4d4;border-radius:.5rem;box-shadow:inset 0 .1rem .2rem #333;border:none;box-sizing:border-box;width:15rem}.ctn.ctn-input-field .ctn-input-field-input:active,.ctn.ctn-input-field .ctn-input-field-input:focus{background-color:#dedede;outline:none;box-shadow:inset 0 .05rem .1rem #333}.ctn.ctn-settings-avatar-file,.ctn.ctn-settings-avatar-link{margin:1rem 0 0 0;width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}@media(min-width:1000px){.ctn.ctn-cards{min-width:60rem}.ctn.ctn-cards .ctn-card-wrapper{width:25%}}@media(max-width:700px){.ctn.ctn-cards{min-width:20rem}.ctn.ctn-cards .ctn-card-wrapper{width:50%}.ctn.ctn-username-and-password{height:12rem}.ctn.ctn-input-field .ctn-input-field-input{width:10rem}}.wave-flip{transform:rotate(180deg)}.icon-avatar{--size:2.6rem;position:relative;height:var(--size);width:var(--size);border-radius:var(--size);background-color:#ebebeb;margin:0 calc(var(--size)*.5/2.6) 0 0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 .2rem .05rem #333;box-sizing:border-box}.icon-avatar:after{top:calc(var(--size)*.4/2.6);height:calc(var(--size)*1.1/2.6);width:calc(var(--size)*1.1/2.6);border-radius:calc(var(--size)*1.5/2.6)}.icon-avatar:after,.icon-avatar:before{content:"";position:absolute;margin:0 auto;background-color:#a1a1a1;box-shadow:0 0 .2rem .05rem #333}.icon-avatar:before{top:calc(var(--size)*1.8/2.6);height:calc(var(--size)*2/2.6);width:calc(var(--size)*2/2.6);border-radius:calc(var(--size)*2/2.6)}.icon-menu{position:relative;height:.5rem;width:2.6rem;background-color:#ebebeb;box-shadow:inset 0 0 .2rem .05rem #333;margin:.75rem 0}.icon-menu:after{top:-.75rem}.icon-menu:after,.icon-menu:before{content:"";display:block;height:.5rem;width:2.6rem;position:absolute;margin:0 auto;background-color:#ebebeb;box-shadow:inset 0 0 .2rem .05rem #333}.icon-menu:before{top:.75rem}.icon-back{position:relative;height:1.8rem;width:1.8rem;background-color:transparent;padding:0;margin:0 .5rem}.icon-back:after{content:"";display:block;height:1.2729844413rem;width:1.2729844413rem;border:solid #333;border-width:0 .4rem .4rem 0;position:absolute;margin:auto auto;transform:rotate(135deg)}.icon-heart{transform:rotate(135deg);margin:.5rem;padding:0}.icon-heart,.icon-heart:after{background-color:#333;width:.8rem;height:.8rem}.icon-heart:after{right:0;top:.4rem}.icon-heart:after,.icon-heart:before{content:"";border-radius:.8rem;position:absolute}.icon-heart:before{background-color:#333;width:.8rem;height:.8rem;right:.4rem;top:0}.icon-plus{position:relative;background-color:#ebebeb;width:.3rem;height:2rem;margin:0 .85rem}.icon-plus:after{background-color:#ebebeb;content:"";height:.3rem;width:2rem;position:absolute;top:.85rem;right:-.85rem}.icon-close{position:relative;width:.3rem;height:2rem;margin:0 .85rem;transform:rotate(45deg)}.icon-close,.icon-close:after{background-color:#5c5c5c;padding:0;border:none}.icon-close:after{content:"";height:.3rem;width:2rem;position:absolute;top:.85rem;right:-.85rem;margin:0}.gray-overlay{position:fixed;top:0;left:0;height:100vh;width:100%;margin:0;padding:0;background-color:hsla(0,0%,77%,.6)}.pop-up-window{position:fixed;left:0;right:0;top:20%;margin:0 auto;height:30rem;width:50rem;max-width:80%;background-color:#a1a1a1;border-radius:1rem;box-shadow:0 0 1rem .1rem #333;padding:1.5rem 1.5rem;box-sizing:border-box}.pop-up-window-header{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:0;margin:0}.pop-up-window-header-button-close{height:3rem;width:3rem;background-color:#c4c4c4;display:flex;justify-content:center;align-items:center}.pop-up-window-body{text-align:left}.pop-up-window-body,.pop-up-window-body-textarea{width:100%;margin:0;padding:1rem;box-sizing:border-box}.pop-up-window-body-textarea{height:18rem;resize:none;background-color:#b3b3b3;border-radius:1rem;box-shadow:inset 0 .2rem .5rem .1rem #333;border:none}.pop-up-window-body-textarea:active,.pop-up-window-body-textarea:focus{background-color:#c4c4c4;outline:none;box-shadow:inset 0 .2rem .3rem .05rem #333}.pop-up-window-footer{position:absolute;bottom:0;left:0;width:100%;padding:1rem;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.pop-up-window-footer .pop-up-window-footer-button-attach-file .material-icons,.pop-up-window-footer .pop-up-window-footer-button-download-file .material-icons{font-size:2.5rem}.pop-up-window-footer input[type=file]{display:none}.sign-in-page{display:flex;justify-content:center;align-items:center;height:100vh}.sign-in-page .sign-in-page-wave-and-button{height:190px;position:absolute;bottom:0;left:0;width:100%;border-radius:1rem;overflow:hidden}.sign-in-page .sign-in-page-wave-and-button .wave{position:absolute;bottom:0;left:0;width:50rem}.sign-in-page .sign-in-page-wave-and-button .btn-wave-sign-up{position:absolute;top:30%;right:10%}.sign-up-page{display:flex;justify-content:center;align-items:center;height:100vh}.sign-up-page .sign-up-page-wave-and-button{height:190px;position:absolute;bottom:0;left:0;width:100%;border-radius:1rem;overflow:hidden}.sign-up-page .sign-up-page-wave-and-button .wave{position:absolute;bottom:0;left:0;width:50rem}.sign-up-page .sign-up-page-wave-and-button .btn-wave-sign-up{position:absolute;top:30%;right:10%}@media(max-width:700px){.sign-in-page .sign-in-page-wave-and-button .btn-wave-sign-up{top:30%}}.settings-page{display:flex;justify-content:center;align-items:center;height:100vh}.settings-page input[type=file]{display:none}.settings-page-input-avatar-url{border:none;border-bottom:2px solid #5c5c5c;background-color:transparent;width:20rem}.settings-page-input-avatar-url:active,.settings-page-input-avatar-url:focus,.settings-page-input-avatar-url:focus-visible{border-bottom:3px solid #333;outline:none;outline-offset:unset}.avatar{--size:2.6rem;height:var(--size);width:var(--size);border-radius:var(--size);border:2px solid #7a7a7a;margin:0 calc(var(--size)*.5/2.6) 0 0;padding:0;overflow:hidden;box-sizing:border-box}.admin-page{display:flex;justify-content:center;align-items:center;height:100vh}.admin-page .admin-page-wave-and-button{height:190px;position:absolute;bottom:0;left:0;width:100%;border-radius:1rem;overflow:hidden}.admin-page .admin-page-wave-and-button .wave{position:absolute;bottom:0;left:0;width:50rem}.admin-page .admin-page-wave-and-button .btn-wave-sign-up{position:absolute;top:30%;right:10%}#app{position:relative;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin:0}