#navbar{background-color:#272a30;display:flex;align-items:center;padding:2%}#routes{display:flex;position:absolute;right:10%;align-items:center}.route,.auth-route{padding:2%;padding-inline:4%;font-weight:600;align-items:center;text-underline-offset:3px;text-decoration-line:underline;text-decoration-color:#ededee;text-decoration-thickness:2px}.auth-route>a{color:#fff;align-items:center;font-size:15px}.route>a{color:#fff}#app-title{text-decoration:none;color:#fff;margin-inline:2rem;font-size:30px;font-weight:600;flex:1}@media screen and (min-width: 300px){#navbar>h1{flex:.5}#app-title{flex:1;margin-inline:1rem;font-size:25px}.route{font-size:15px}.auth-route{font-size:12px}}#error-container{position:fixed;right:0;width:300px;margin:2%;padding:1rem;background-color:#f01154;color:#fff;font-weight:600}input[type=text]{border:2px solid #3e4361;background-color:transparent;padding:1em;flex:1;color:#fff}#title-form{margin-inline:3rem;color:#fff}input[type=submit],button{cursor:pointer}#form-submit{border:2px solid #3e4361;background-color:transparent;padding:1em;flex:1;color:#fff;display:inline-block;right:0;position:absolute;font-size:25px;margin:2rem}#label-form{color:#fff;margin:2rem;padding:2rem;border:2px solid #3e4361}#label-form input[type=text]{border:2px solid #3e4361;background-color:transparent;padding:1em;color:#fff}#color-input{background-color:transparent;color:#fff;padding:.55em}#label-form input[type=color]{background-color:transparent;border:0;color:#fff}#label-form input[type=submit]{padding:1rem;padding-inline:3.25rem;border:2px solid #3e4361;background-color:transparent;margin-top:5%;color:#fff}.label-card{border:2px solid #3e4361;padding:2%;flex:1;border-radius:10px;margin-top:5%;display:flex;flex-direction:row;align-items:center}.label-card>button{flex:.25;cursor:pointer;background-color:#f35858;padding:1rem;border:0;border-radius:10px}.label-card>p{flex:5}#main{flex-direction:row;display:flex}#markdown-canvas{margin:5%;color:#fff;padding:5%;border:2px solid #3e4361;height:auto;flex:2;overflow:auto;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none}.markdown{white-space:"pre-wrap"}#form-container{align-items:center;display:flex;background-color:#1e2223}#editor{margin-inline:5%;flex:2}.header{font-size:20px;color:#fff}#editor>textarea{padding:2%;color:#fff;resize:none;height:20rem;width:100%;border:2px solid #3e4361;background-color:#1e2223;overflow:auto;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;font-family:Rubik,sans-serif;font-family:Wix Madefor Text,sans-serif;box-shadow:none}#post-component{margin:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,20fr))}h1{color:#fff}.card-image{width:100%;height:25vh;object-fit:cover}.card{width:18rem;padding:5%;border:2px solid #3e4361;border-radius:10px;color:#fff;margin-top:2%;text-decoration:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none}.label{display:inline-block;margin:1%;padding-inline:.5rem;border-radius:10px}.label-container{display:flex;flex-direction:row}.link-group{text-decoration:none;color:#fff}.label-name{font-weight:500;font-size:12px;color:#fff}.card:hover{opacity:.75;cursor:pointer;position:relative;z-index:1}.delete-card{background-color:#f95e5e;padding:.5rem;z-index:100;cursor:pointer;position:relative}.card-header{display:flex;flex:1;flex-direction:row;align-items:center}.profile-header{flex:2}#header{color:#fff}#form{margin:5%;padding:5%;border:2px solid #3e4361}.custom-file-upload{border:2px solid #ccc;display:inline-block;padding:6px 12px;cursor:pointer;color:#fff}input[type=file]{display:none}#card-preview{border:2px solid #ccc;width:100%;height:10rem;margin-top:5%;object-fit:cover}.form{margin:5rem;padding:5%;color:#fff;background-color:#272a2b;border:2px solid #3e4361;align-items:center}.input-container{margin:2%;padding:1%}.input-container>input{color:#000;padding:2%;border:0;margin-top:1rem;background-color:#fff}.input-container>label{font-weight:600;padding:2%}.button-container{margin-left:2.5%}.button-container>button{padding:1%;padding-inline:4%;background-color:#3e4361;border:0;color:#fff}.button-container>button:hover{cursor:pointer}#user-card{color:#fff;margin:5%;border:2px solid #3e4361;padding:5%}#user-card>button{padding:.75rem;color:#fff;padding-inline:2rem;background-color:#f35858;border:0;border-radius:10px}#card-image{width:100%;height:35vh;object-fit:cover}#title{font-size:25px;color:#fff;margin-inline:5rem}#user{font-size:15px;color:#fff;margin-inline:5rem}html,body{font-family:Rubik,sans-serif;font-family:Wix Madefor Text,sans-serif;padding:0;margin:0;background-color:#1e2223}input{overflow:auto;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none}