*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-family:Poppins,sans-serif;font-size:16px;background-color:#a0d8d1;color:#fff}h1,h2,h3,html{font-weight:400}h1,h2,h3{font-family:Fredoka One,cursive;font-style:normal}.login-page{min-width:100vw;min-height:100vh;background-image:url(/sign_in_bg.jpg);background-size:cover;position:relative}a{text-decoration:none;color:#fff}.navbar{position:absolute;top:3%;left:3%;display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;padding-top:1rem;padding-bottom:1rem;width:390px}.navbar .logo{width:88px}.navbar .title{font-size:18px}.login-body{position:absolute;right:0;width:45%;top:33%;right:5%;max-width:920px}.login-body h2{font-size:73px;text-shadow:0 4px 10px rgba(0,0,0,.3);margin-bottom:1rem}.login-body p{font-size:25px;line-height:1.5;margin-bottom:1.8rem;width:80%}.login-body img{width:220px;-webkit-transition:all .3s ease;transition:all .3s ease}.login-body img:hover{opacity:.6;cursor:pointer}.dashboard{padding:5rem 1rem 2rem 3rem;max-width:1700px}.title{font-size:64px}.title .callout{color:#0076b9}.section-selector{margin-top:2rem;margin-bottom:2rem}.section-selector,.selector-item{display:-webkit-flex;display:-moz-box;display:flex}.selector-item{width:150px;margin-right:1rem;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;cursor:pointer;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:.6}.selector-item.active,.selector-item:hover{opacity:1}.selector-item h3{margin-top:.5rem;padding:.25rem .4rem;border-radius:10px;background:#2353b5}.notes{-webkit-flex-wrap:wrap;flex-wrap:wrap}.card,.notes{display:-webkit-flex;display:-moz-box;display:flex}.card{width:500px;height:330px;border-radius:10px;padding:2rem;-webkit-box-shadow:0 4px 8px 3px rgba(0,0,0,.25);box-shadow:0 4px 8px 3px rgba(0,0,0,.25);margin-right:2rem;margin-bottom:2rem;position:relative}.card .popover{position:absolute;height:50px;left:0;right:0;width:100%;bottom:0;background-color:#bd321a;color:#fff;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;-webkit-align-items:center;-moz-box-align:center;align-items:center;padding-left:1rem;padding-right:1rem}.popover .btns button{margin-right:.7rem;background-color:tomato;font-size:1rem;color:#fff;border:none;padding:.25rem;border-radius:.2rem}.delete-btn,.popover .btns button{font-family:Fredoka One,cursive;cursor:pointer}.delete-btn{border:none;color:inherit;background:transparent;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.delete-btn:hover{opacity:.5}.card .col{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.card .col.col-3{-webkit-justify-content:flex-end;-moz-box-pack:end;justify-content:flex-end}.card .col.col-1{width:15%}.card .col.col-2{width:85%;padding-left:2rem}.avatar{border-radius:50%;width:80%;margin-right:auto;margin-left:auto}.card .col.col-1 .avatar{max-width:100px}.card .col.col-2 h2{font-size:34px}.card .col.col-2 p{padding-top:1rem;font-size:20px}.card.one{background-color:#e30088;color:#fff}.card.two{background-color:#cf0;color:#000}.card.three{background:#00d6e3;color:#fff}.card.four{background:#7a005f;color:#fff}.card.five{background:#ffe600;color:#000}.card.six{background:#92ffeb;color:#000}.card.seven{background:#0076b9;color:#fff}.card.eight{background:#ff8989;color:#fff}@media screen and (max-width:900px){.login-page{background-image:url(/sign_in_bg_mobile.jpg)}.navbar{-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.login-body,.navbar{position:static;width:100%}.login-body{text-align:center;padding-top:4rem}.login-body p{margin-right:auto;margin-left:auto}.dashboard{padding:0}.notes{width:80%;margin-right:auto;margin-left:auto;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.section-selector{padding-left:1rem;margin-top:.5rem}.title{font-size:48px;padding-left:2rem;padding-top:2rem;width:80%}.card{width:100%;margin-right:0;height:250px}.card .col.col-1 .avatar{max-width:unset}.card .col.col-2 h2{font-size:20px}}.information-holder{width:400px;height:300px;-webkit-box-shadow:0 4px 8px 3px rgba(0,0,0,.25);box-shadow:0 4px 8px 3px rgba(0,0,0,.25);margin-right:auto;margin-left:auto;border-radius:10px;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}.information-holder h3{width:80%;margin-right:auto;margin-left:auto;text-align:center}