:root{--bg-color-main:#f8f8f8;--bg-color-alt:#fff;--bg-color-alt2:#ededed;--text-color-main:#9e9e9e;--text-color-alt:#000;--shadow-color:#e4e4e4;--font-title:"Montserrat",sans-serif;--font-standard:"Source Code Pro",monospace}.darkmode,:root{--text-color-special:#4e9feb}.darkmode{--bg-color-main:#0a192f;--bg-color-alt:rgba(30,51,82,0.7176470588235294);--text-color-main:#ccd6f6;--text-color-alt:#e6f1ff;--shadow-color:#040911}html{scroll-behavior:smooth}body{margin:0;padding:0;box-sizing:border-box;background-color:#f8f8f8;background-color:var(--bg-color-main);font-family:"Source Code Pro",monospace;font-family:var(--font-standard);color:#9e9e9e;color:var(--text-color-main);line-height:1.5}a{text-decoration:none;color:inherit}.navbar-container{position:fixed;top:0;width:100%;height:60px;transition:.3s ease;z-index:1000}.navbar-container:hover{background-color:var(--bg-color-alt);box-shadow:0 5px 20px var(--shadow-color);height:70px}.navbar-container:hover .logo,.navbar-container:hover ul button{height:40px}.navbar-main{height:100%;padding:0;margin:0 50px;flex-direction:row;justify-content:space-between}.logo,.navbar-main{display:flex;align-items:center}.logo{height:25px;width:40px;border-radius:8px;border:1px solid;border-color:var(--text-color-special);color:var(--text-color-special);justify-content:center}.logo,.logo p{transition:.3s ease}.logo p{font-family:var(--font-title);font-weight:500;font-size:.85em}.logo:hover{background-color:var(--text-color-special);border-radius:50%;box-shadow:0 0 5px}.logo:hover p{font-weight:700;color:var(--bg-color-alt)}nav ul{text-decoration:none;list-style-type:none;display:flex;flex-direction:row;justify-content:flex-end}nav ul li{font-weight:300;margin-left:15px;transition:.2s ease}nav ul li:hover{color:var(--text-color-special)}.fa-arrow-circle-up{position:fixed;right:30px;bottom:30px;cursor:pointer;transition:.25s ease}.fa-arrow-circle-up:hover{color:var(--text-color-special)}@media only screen and (max-width:900px){.navbar-container{background-color:var(--bg-color-alt)}.navbar-main{margin:0 20px}}.projects-container{width:100%;min-height:100vh;margin:0;padding:0;display:flex;flex-direction:column;align-items:center}.projects-main{max-width:900px;margin:100px 20px 0}.title-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.projects-main .title{font-family:var(--font-title);color:var(--text-color-special);font-size:3em;font-weight:800;padding:0;margin:0}.projects-main .title-description{font-size:.9em;padding:0;margin:0;font-weight:700}.filter-container{background-color:var(--bg-color-alt);border-radius:8px;width:900px;margin:20px auto auto;display:flex;align-items:stretch;flex-direction:column;justify-content:center;transition:.3s ease}@media only screen and (max-width:930px){.filter-container{width:100%}}.filter-tags{margin:0 10px 10px}.filter-tag{color:var(--text-color-main);background-color:var(--bg-color-alt);border:0;display:inline-flex;white-space:pre;font-size:.7rem;padding:3px;margin:5px;border-radius:5px;cursor:pointer}.filter-tag-selected{color:var(--text-color-special);background-color:var(--bg-color-main)}.filter-container input{font-family:var(--font-main);color:var(--text-color-special);background-color:transparent;margin:10px;border-radius:5px;border:0;padding:5px;justify-self:stretch;overflow:hidden;transition:.3s ease}input::-webkit-input-placeholder{color:var(--text-color-main)}input:-ms-input-placeholder{color:var(--text-color-main)}input::-ms-input-placeholder{color:var(--text-color-main)}input::placeholder{color:var(--text-color-main)}.filter-container:hover{box-shadow:0 0 30px var(--shadow-color)}.projects-collection{max-width:900px;margin:auto;display:flex;flex-direction:column;align-items:center}.project-container{background-color:var(--bg-color-alt);margin:30px 0 0;padding:0;border-radius:8px;font-size:.9em;transition:.3s ease}.project-container:hover{box-shadow:0 0 30px var(--shadow-color)}.project-container:hover .folder,.project-container:hover .project-icons-links{color:var(--text-color-special)}.project-tile{padding:15px;display:grid;grid-template-areas:"icon title icons" "desc desc desc" "tags tags date";align-items:center;grid-template-columns:30px auto auto}.folder{grid-area:icon;color:var(--text-color-main);justify-self:start;transition:.3s ease}.project-title{grid-area:title;white-space:nowrap;color:var(--text-color-alt);font-family:var(--font-title);margin:0;font-size:1em}.project-icons-links{grid-area:icons;display:flex;flex-direction:row;color:var(--text-color-main);justify-content:space-between;grid-column-gap:13px;-webkit-column-gap:13px;column-gap:13px;justify-self:end;transition:.3s ease}.project-description{grid-area:desc;margin:10px 0;padding:0;font-size:.9em}.tags{grid-area:tags;margin:0;padding:0;color:var(--text-color-special);font-size:.7rem;display:flex;flex-flow:row wrap}.tags span{margin-right:4.5%}.project-date{grid-area:date;margin:0;padding:0;color:var(--text-color-special);font-size:.7rem;justify-self:end}.switch{position:relative;display:inline-block;width:48px;height:28px}.switch input{opacity:0;width:0;height:0;border-radius:8px}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:var(--bg-color-alt)}input:focus+.slider{box-shadow:0 0 1px var(--bg-color-alt)}input:checked+.slider:before{transform:translateX(20px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.footer-container{width:100%;height:200px}.footer-main{height:100%;max-width:600px;margin:auto;flex-direction:column;justify-content:center;text-align:center}.footer-main,.footer-main .icons{display:flex;padding:0;align-items:center}.footer-main .icons{flex-direction:row;justify-content:space-between;min-width:70%;margin:60px 0 0}.footer-main .icons i{color:var(--text-color-main);margin:0;transition:.3s ease}.footer-main .icons i:hover{color:var(--text-color-special)}.footer-main h5{font-weight:400;font-size:.9em}.footer-main h5 span{font-weight:700}.footer-main h5 span:hover{color:var(--text-color-special)}.admin-main{height:100vh}.admin-container,.admin-main{display:flex;align-items:center;justify-content:center}.admin-container{margin:auto 20px;max-width:1000px}.login-form{background-color:var(--bg-color-alt);box-shadow:0 0 20px var(--shadow-color);border-radius:8px;padding:30px;display:flex;flex-direction:column;justify-content:flex-start}.login-form .login-title{text-align:center;margin-bottom:20px;font-family:var(--font-title);font-weight:500;font-size:1.5rem;min-width:14rem}.login-form label{font-family:var(--font-title);font-size:.9rem;transition:.2s ease;pointer-events:none}.login-form input{border:none;border-bottom:1.5px solid var(--text-color-main);margin-bottom:10px;padding:7px;text-align:center;color:var(--text-color-main);background-color:transparent}.login-form button{margin-top:10px;height:35px;border-radius:4px;border:1px solid var(--text-color-main);background-color:var(--bg-color-main);color:var(--text-color-main);font-family:var(--font-title);font-weight:700;cursor:pointer;transition:.2s ease}.login-form button:hover{background-color:transparent}.error{max-width:100%;font-family:var(--font-title);color:red;font-size:.8rem}.projectsList-container{margin:100px 0 0;padding:0;max-width:1000px;display:flex;flex:row 1;align-items:flex-start}.section-title{padding:10px}.projectAdmin-tile,.section-title{background-color:var(--bg-color-alt);border-radius:8px;margin-bottom:20px}.project-button{cursor:pointer;margin-top:10px;background-color:var(--bg-color-main);border:1px solid var(--text-color-main);border-radius:4px;color:var(--text-color-main);padding:3px;width:25px;height:25px;transition:.2s ease}.project-button:hover{background-color:var(--bg-color-alt)}.new-project{display:flex;flex-direction:column;align-items:center;justify-content:center}.new-project label{align-self:start;font-size:.8rem}.new-project input{width:calc(100% - 10px);padding:5px;margin:5px 0;color:var(--text-color-alt)}.new-project button,.new-project input{border-radius:4px;border:1px solid var(--text-color-main);background-color:var(--bg-color-main)}.new-project button{cursor:pointer;margin-top:10px;color:var(--text-color-main);padding:3px;height:25px;transition:.2s ease;margin-right:5px}.new-project .btn-icon{width:25px}.new-project button:hover{background-color:var(--bg-color-alt)}.control-panel *{margin:0;padding:0}.control-panel{background-color:var(--bg-color-alt);padding:10px;margin:20px 0 0 20px;border-radius:8px;width:315px;font-size:.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.control-panel button{background-color:var(--bg-color-main);width:100%;margin-top:15px;transition:.2s ease}.control-panel button:hover{background-color:var(--bg-color-alt)}@media only screen and (max-width:800px){.projectsList-container{flex-direction:column-reverse}.control-panel{width:100%;max-width:1000px;margin:0;padding:0}.projects-num{margin-top:5px}.control-panel button{width:calc(100% - 20px);margin-bottom:10px}}
/*# sourceMappingURL=main.83ddd996.chunk.css.map */