*{margin:0;padding:0;box-sizing:border-box}:root{--black: #080808;--grey: #949494;--white: #ffffff;--bg: #0c0c0c;--bg-lighter: #0d0d0d;--accent: #468971;--accent-hover: #3d7863;--accent-010: rgba(70, 137, 113, .1);--accent-020: rgba(70, 137, 113, .2);--accent-dark-010: #121916;--accent-dark-020: #18231f;--accent-dark: #162d25;--list-bg: var(--accent-dark-010);--list-header: var(--accent-dark-020);--card-bg: #17241f;--link: #007bff;--red-light: rgb(164, 40, 40);--red: rgb(139, 32, 32);--red-015: rgba(139, 32, 32, .15);--red-hover: rgb(121, 30, 30);--green: #268626;--grey: #3b3b3b;--grey-hover: #323232;--grey-dark: #2d2d2d;--grey-darker: #212121;--border-radius: 3px;--navbar-height: 80px;--board-navbar-height: 50px;--landing-padding: 600px;--landing-width: 1040px}@font-face{font-family:Quicksand;src:url(/assets/quicksand-C5RR3OjZ.ttf)}body{color:var(--white);font-family:Quicksand;background-color:var(--bg);height:100vh;overflow-x:hidden}a{text-decoration:none;color:var(--link)}input{background:none;border:2px solid hsla(0,0%,75%,.2);padding:.3rem .5rem;color:#fff;font-family:inherit;border-radius:var(--border-radius)}.btn,.btn-line{text-decoration:none;transition:all .15s ease;font-family:inherit;color:#fffc;border-radius:var(--border-radius);border:2px solid var(--accent);padding:.3rem .5rem;cursor:pointer}.btn{background-color:var(--accent)}.btn-lg{font-family:inherit;transition:all .15s ease;color:#fffc;background-color:var(--accent);padding:.5rem 1.25rem;border:2px solid var(--accent)}.btn-lg-line{transition:all .15s ease;background:none;color:#fffc;padding:.5rem 1.25rem;border:2px solid var(--accent)}.btn-lg:hover,.btn-lg-line:hover,.btn:hover,.btn-line:hover{border-color:var(--accent-hover);background-color:var(--accent-hover)}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1}.overlay.invisible{background:none}.error-page-container{margin-top:2rem;position:absolute;left:50%;transform:translate(-50%);text-align:center}.error-page img{opacity:.8;width:33%;min-width:120px}@media screen and (max-width: 2000px){:root{--landing-padding: 400px}}@media screen and (max-width: 1500px){:root{--landing-padding: 100px}}nav{background-color:var(--black);height:var(--navbar-height);box-shadow:0 0 25px #00000040}.nav-content{font-size:.9rem;display:flex;justify-content:space-between;align-items:center}.nav-no-auth a{padding:.3rem 1rem}.nav-no-auth .nav-content-wrapper{height:100%;display:flex;justify-content:center;align-items:center}.nav-no-auth .nav-content{width:var(--landing-width)}.nav-auth .nav-content{width:100%}.nav-auth .nav-content-wrapper{margin:0 25px;height:100%;display:flex;justify-content:center;align-items:center}.logo{width:100px}@media screen and (max-width: 1070px){.nav-content{margin:0 2rem}}.settings-btn{background:none;border:none;cursor:pointer}.settings-dropdown{position:absolute;background-color:var(--accent-dark-020);padding:.75rem 1.25rem;transition:opacity .15s ease-in-out,transform .15s ease-in-out;right:0;margin-right:1rem;border:1px solid rgba(255,255,255,.15);border-radius:var(--border-radius);width:250px;color:#fffc;top:var(--navbar-height);z-index:2}.board-dropdown{top:calc(var(--navbar-height) + var(--board-navbar-height));height:fit-content;width:200px}.settings-dropdown button{cursor:pointer;border:none;background:none;font:inherit;text-align:left}.settings-dropdown.hide{opacity:0;transform:translateY(-10px);pointer-events:none}.settings-dropdown.show{pointer-events:auto;transform:translateY(0);opacity:1}.settings-section{padding:.25rem 0;display:flex;flex-direction:column;border-bottom:2px solid rgba(255,255,255,.25)}.settings-section:last-child{border-bottom:none}.settings-section-title{margin:.25rem 0;text-transform:uppercase;font-size:.7rem;color:#ffffff80;font-weight:500}.settings-link{margin:.25rem 0;color:#fffc}.settings-link:hover{color:#fff}.settings-account{display:flex;align-items:center;margin:.5rem 0 .5rem 0rem}.settings-account .details{margin-left:1rem}.settings-account-link,.settings-account .username{font-size:1rem}.settings-account .username{font-weight:500}.settings-account .email{color:#fffc;font-size:.8rem}.logout-link{cursor:pointer;border:none;background:none;font:inherit;text-align:left}.profile-picture{border-radius:50%;height:48px;width:48px;font-size:24px;font-weight:500;text-transform:uppercase;display:flex;justify-content:center;align-items:center;pointer-events:none}.account-page{display:flex;justify-content:center;margin-top:3rem}.account-page-content{display:flex;flex-direction:column;width:450px;padding:2rem}.account-details{display:flex;align-items:center;margin-bottom:1rem}.account-details .details{margin-left:1rem}.account-details .username{font-weight:500}.account-details .email{font-size:.8rem;color:#ffffff80}.account-section{display:flex;flex-direction:column}.account-section.about{margin-bottom:1rem;padding:1rem 0;border-bottom:2px solid rgba(148,148,148,.3)}.account-section h3{padding:.25rem 0;font-weight:500;border-bottom:2px solid rgba(148,148,148,.3)}.account-section form{width:fit-content;padding:0}.account-section label{font-size:.9rem}.account-section button{border:none;padding:.3rem 1rem;font-size:.9rem;width:fit-content}.account-section.about button{margin-top:2rem}.toast{position:absolute;left:50%;transform:translate(-50%);transition:opacity .15s ease-in-out,transform .15s ease-in-out;white-space:nowrap;padding:1rem;min-width:200px;border-radius:var(--border-radius);color:#fffc;text-align:center;font-size:.9rem;top:50px;z-index:2;background-color:#141414;border-left:4px solid white}.toast.hide{transform:translate(-50%,-10px);opacity:0}.toast.show{opacity:1;transform:translate(-50%)}.toast.success{border-left-color:var(--green)}.toast.error{border-left-color:var(--red)}.form-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;background-color:var(--bg);padding:2rem 3rem;border-radius:var(--border-radius);height:30%;width:40%;max-width:300px;min-width:250px}.form-modal h3{text-align:center;margin:0 0rem .5rem 0;font-size:1.4rem}.form-modal form{padding:0}.form-modal form button{height:30px}.inline-loader-container{width:100%;position:relative}.inline-loader-container span{visibility:hidden}.inline-loader{width:42px;height:12px;position:absolute;top:50%;left:calc(50% - 6px);transform:translate(-50%,calc(-50% + 0px))}.inline-loader div{position:absolute;width:10px;height:10px;border-radius:50%;background:#0009;animation-timing-function:cubic-bezier(0,1,1,0)}.inline-loader div:nth-child(1){left:6px;animation:inline-loader1 .6s infinite}.inline-loader div:nth-child(2){left:6px;animation:inline-loader2 .6s infinite}.inline-loader div:nth-child(3){left:24px;animation:inline-loader2 .6s infinite}.inline-loader div:nth-child(4){left:42px;animation:inline-loader3 .6s infinite}@keyframes inline-loader1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes inline-loader3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes inline-loader2{0%{transform:translate(0)}to{transform:translate(18px)}}.dialog{position:absolute;background-color:var(--bg);z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);padding:2rem 3rem;display:flex;justify-content:center}.dialog h3{font-weight:600}.dialog-desc{margin:.75rem 0;font-size:.9rem}.dialog-actions button{padding:.3rem 1rem;background-color:var(--red);border:2px solid var(--red);border-radius:0}.dialog-actions button:first-child:hover{background-color:var(--red-hover);border-color:var(--red-hover)}.dialog-actions button:nth-child(2):hover{border-color:var(--red-hover)}.dialog-actions button:first-child{margin-right:.5rem}.dialog-actions button:nth-child(2){background:none}.home-page-container{display:flex;justify-content:center}.home-page{height:calc(100vh - var(--navbar-height));width:var(--landing-width)}.home-header{height:50%;display:flex;align-items:center;justify-content:center}.home-header-pattern-right{position:fixed;z-index:-1;scale:2.5;rotate:55deg;opacity:.05;right:-400px;top:-400px;pointer-events:none;-webkit-user-select:none;user-select:none}.home-header-pattern-left{position:fixed;z-index:-1;scale:2.5;rotate:55deg;opacity:.05;left:-400px;top:400px;pointer-events:none;-webkit-user-select:none;user-select:none}.home-header h1{text-align:center;width:700px;font-size:2.5rem;opacity:.9}.home-header p{margin:1rem 0;color:#fffc}.header-actions{margin-top:1.5rem;display:flex;justify-content:center}.home-page a{border:none;background-color:var(--accent);border-radius:var(--border-radius)}.home-header a:first-of-type{margin-right:1rem}.home-header a{font-size:.9rem}.home-content-container{background-color:var(--black);height:fit-content;width:100vw;position:absolute;left:0}.home-content{max-width:var(--landing-width);position:relative;margin:auto;padding-bottom:5rem}.landing-pic{margin-top:5rem;position:relative;transition:.15s ease-in-out;width:100%;box-shadow:0 0 10px 5px #6060601a;border-radius:3px}.home-content h2{margin-top:5rem;margin-bottom:2rem;font-weight:600;font-size:1.5rem;color:#fffc}.landing-pic:hover{transform:scale(1.01);box-shadow:0 0 20px 5px #6060601a}.feature-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;justify-content:center}.feature-card{border-radius:3px;background-color:var(--accent-dark-020);padding:2rem 1.5rem}.feature-card h3{color:#fffc}.feature-card p{margin-top:1rem;color:#fffc}.make-board-btn{position:relative;display:inline-block;left:50%;transform:translate(-50%);margin-top:5rem}@media screen and (max-width: 1200px){.home-header-pattern-left{display:none}.home-content-container{display:flex;justify-content:center}.home-content{margin:0 2rem}.home-header h1{width:auto;margin:0 2rem}}@media screen and (max-width: 600px){.feature-cards{grid-template-columns:1fr;grid-template-rows:auto auto}.home-header h1{font-size:1.5rem}}.register-page,.login-page{display:flex;align-items:center;justify-content:center;height:100vh}.box{display:flex;flex-direction:column;width:350px;font-size:.9rem;background-color:var(--black);height:50%;min-height:450px;padding-top:1rem;box-shadow:-4px 4px 2px 4px #00000040}.box img{cursor:pointer;vertical-align:middle}.box>a{left:50%;transform:translate(-50%);width:max-content;position:relative;cursor:default}.box h2{font-size:.9rem;text-align:center;margin:1rem 0;font-weight:500}form{flex:1;display:flex;flex-direction:column;padding:0 3rem}form label{color:#fffc;margin-top:.5rem;margin-bottom:.2rem}form input.invalid{border-color:var(--red)}form button{margin-top:1.5rem}.errors{color:var(--red-light);font-size:.8rem;margin-top:.2rem}.box-footer{text-align:center;font-size:.8rem;padding:1.5rem 1rem;position:relative;background-color:#0b0b0b;color:#fffc}.box-footer a{opacity:.8}.boards-page{top:calc(var(--navbar-height) + 5rem);position:absolute;max-width:60%;min-width:60%;left:50%;transform:translate(-50%)}.boards-page h1{margin-bottom:1rem}.boards-page p{margin:.5rem 0}.board-list{position:relative;min-height:125px;display:flex;flex-wrap:wrap}.board-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-list.empty{background-color:var(--bg-lighter);padding:6rem 0}.board-error img{position:relative;left:50%;transform:translate(-50%);width:72px;opacity:.5}.board-list .error{font-size:.9rem;color:#fffc}.board-item{background-color:var(--accent-dark-010);width:250px;height:125px;padding:.75rem 1.25rem;margin-right:1rem;margin-top:1rem}.board-item a{color:#fffc}.board-item h3{font-size:.9rem;font-weight:500}.favorite-btn{background:none;border:none}.favorite-btn img:hover{transform:scale(1.1)}.favorite-btn img{transition:transform .1s ease-in-out}.board-item .favorite-btn{transition:opacity .1s ease-in-out,transform .15s ease-in-out;transform:translateY(10px);opacity:0;pointer-events:none}.board-item:hover .favorite-btn{transform:translateY(0);opacity:1;pointer-events:all}.new.board-item{transition:background-color .1s ease-in-out;border:none;font:inherit;color:#fffc;font-size:.9rem;cursor:pointer}.new.board-item:hover{background-color:var(--accent-dark-020)}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.board-navbar{background-color:var(--grey-darker);height:var(--board-navbar-height);display:flex;justify-content:space-between;align-items:center;padding:0 25px}.board-navbar .board-info{display:flex;align-items:center}.board-navbar h2{font-weight:600}.board-navbar .favorite-btn{margin-left:.5rem;display:flex}.board-navbar .favorite-btn img{width:20px;height:20px}.board-navbar .board-dropdown-btn{cursor:pointer;border:none;background:none}.list{background-color:var(--list-bg);min-width:225px;height:fit-content;margin:0 1rem;font-size:.9rem;border-radius:var(--border-radius)}.list-title{position:relative;display:flex;align-items:center;border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius);padding:.75rem 1rem;background-color:var(--list-header);font-weight:600;font-size:.9rem;cursor:grab}.list-title button{transition:opacity .15s ease-in-out;opacity:0;pointer-events:none;border:none;background:none;position:absolute;right:.75rem}.list-title:hover button{opacity:1;pointer-events:all}.list-title img{width:24px;cursor:pointer;vertical-align:middle}.list-cards{padding:.75rem 1rem}.card{display:block;margin:.5rem 0;font-size:.9rem;background-color:var(--card-bg);padding:.5rem;border-radius:var(--border-radius);cursor:grab}.card-content{display:flex;align-items:center;justify-content:space-between}.card-edit-btn{border:none;background:none}.card img{transition:opacity .15s ease-in-out;opacity:0;pointer-events:none;cursor:pointer;width:24px;padding:3px}.card:hover img{border-radius:50%;opacity:.8;pointer-events:all}.card-title{color:#fffc}.card:hover img:hover{background-color:var(--accent-dark-010)}.add-card-btn{position:relative;left:50%;transform:translate(-50%);cursor:pointer;background:none;border:none;font:inherit;color:#fffc}.add-list-btn{font:inherit;color:#fffc;border:none;padding:.5rem 1rem;border-radius:var(--border-radius);background-color:var(--list-bg);min-width:225px;font-size:.9rem;cursor:pointer;height:3rem;margin-left:1rem}.add-list-btn input,.add-card-btn input{background:none;border:2px solid hsla(0,0%,75%,.2);padding:.3rem .5rem;color:#fff;font-family:inherit;border-radius:var(--border-radius)}.add-list-btn:hover{background-color:var(--list-header)}.card-editing{position:relative;z-index:2;margin-bottom:.5rem}.card-input-container button{position:absolute;left:0;top:calc(100% + .5rem);border:none}.card-input{width:100%;background-color:var(--list-bg)}.card-sidebar{position:absolute;right:-.5rem;top:0;transform:translate(100%)}.delete-btn{background-color:var(--red);border:none}.delete-btn:hover{background-color:var(--red-hover)}.board-page{overflow-y:hidden}.board-page>h1{font-weight:600;text-align:center;margin-top:1.5rem}.board-page>a{display:flex;justify-content:center;margin:.5rem 0}.board-content{height:calc(100vh - var(--navbar-height) - var(--board-navbar-height) - 2rem);margin-top:2rem;display:flex;justify-content:center;overflow-x:scroll}.board-lists{width:100%;display:flex}