:root{--bg:#02061f;--bg-dark:#010310;--bg-light:#060b29;--text:#e1f0ff;--text-muted:#c2d6eb;--highlight:#496297;--highlight-gradient:linear-gradient(to right, #8bdeda, #43add0, #998ee0, #e17dc2, #ef9393);--danger:#ff383c}html{scroll-behavior:smooth}*{margin:0;padding:0;font-family:Pixelify Sans,sans-serif;font-weight:100}body{background-color:var(--bg);color:var(--text);background-image:url(/assets/bg-Chrh2i-K.webp);background-repeat:repeat-y;background-size:cover;background-attachment:fixed}h2{font-size:2.5rem}button{color:var(--text);background-color:var(--bg-dark);border:2px solid var(--highlight);justify-content:center;align-self:center;align-items:center;margin:auto 5px 5px;padding:10px 5px;display:flex}button:hover{border-image:var(--highlight-gradient) 1}button:active{background:var(--highlight-gradient);transition:all .5s}.highlighted{background:var(--highlight-gradient);color:#0000;border:0 solid;border-bottom-width:4px;border-image:var(--highlight-gradient) 1;-webkit-background-clip:text;background-clip:text}.cardSection{border:0 solid;border-bottom-width:5px;border-image:var(--highlight-gradient) 1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;height:30rem;padding:10px;display:flex}.cardCarrier{flex-direction:row;height:90%;display:flex;overflow:scroll visible}.navBar{background-color:color-mix(in srgb, var(--bg-dark) 45%, #0000 25%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:0 ridge;border-bottom-width:5px;border-image:var(--highlight-gradient) 1;align-items:center;width:100vw;height:4rem;padding:5px;display:flex}.navigationGroup{justify-content:center;align-items:center;width:100vw;display:flex;position:absolute}.navigationGroup a,.mobileNavigation a{color:var(--text);margin:10px;font-size:1.5rem;text-decoration:none;transition:all .1s ease-in}.navigationGroup a:hover,.mobileNavigation a:hover{background:var(--highlight-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;transition:all .1s ease-in;scale:1.1}.Link{color:var(--text);align-items:center;height:100%;text-decoration:none;display:flex}.collapseNavButton img{object-fit:contain;width:30px;height:30px}.collapseNavButton{width:40px;height:40px;margin:10px}@media (width<=750px){.navigationGroup{display:none}.mobileNavigation{background-color:color-mix(in srgb, var(--bg-dark) 45%, #0000 25%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:0 ridge;border-bottom-width:5px;border-image:var(--highlight-gradient) 1;flex-direction:column;align-items:center;animation:.2s cubic-bezier(.075,.82,.165,1) showMobileNavigation;display:flex}}@keyframes showMobileNavigation{0%{height:0%}to{height:initial}}.heroBox{-webkit-user-select:none;user-select:none;border:0 solid;border-bottom-width:5px;border-image:var(--highlight-gradient) 1;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:calc(100vh - 4rem);display:flex}#line1{font-size:4rem}#line2{text-align:center;letter-spacing:.2rem;background:var(--highlight-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;width:8ch;font-size:6rem;animation:3s cubic-bezier(.075,.82,.165,1) typing}@keyframes typing{0%{width:0}to{width:8ch}}.projectCard{border:5px ridge var(--text);background-color:var(--bg-light);flex-direction:column;width:16rem;margin:5px;padding:7px;display:flex}.projectCard:hover{transition:all .1s ease-in;scale:1.02}.projectCard .textContainer{text-align:left;flex-direction:column;align-content:center;height:50%;display:flex}.projectCard img{height:auto}.projectCard h3{font-size:2.1rem;font-weight:200}.projectCard p{color:var(--text-muted);font-size:1.1rem}.projectCard .textContainer div{width:95%;height:3rem;color:var(--text);background-color:var(--bg-dark);border:2px solid var(--highlight);justify-content:center;align-self:center;align-items:center;margin-top:auto;display:flex}.projectCard .textContainer div:hover{border-image:var(--highlight-gradient) 1}.projectCard .textContainer div:active{background:var(--highlight-gradient);transition:all .5s}.projectCard a{color:var(--text);font-size:1.3rem;text-decoration:none}.aboutSection{border:0 solid;border-bottom-width:5px;border-image:var(--highlight-gradient) 1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:row;align-items:center;width:100%;height:auto;padding-top:10px;padding-bottom:10px;display:flex}.aboutSection .pfp{border:10px ridge var(--highlight);border-radius:100%;width:auto;height:24rem;margin-left:20px}.aboutSection .textContainer{flex-direction:column;margin:20px;display:flex}.aboutSection p{font-size:2rem}.aboutSection .buttonContainer{flex-direction:row;justify-content:flex-start;align-items:center;font-size:1.5rem;display:flex}.aboutSection .buttonContainer *{-webkit-user-select:none;user-select:none}.aboutSection .socialsButton{background-color:var(--bg-dark);border:5px ridge var(--highlight);height:3.5rem;color:var(--text);align-items:center;margin:10px;text-decoration:none;display:flex}.aboutSection .socialsButton a{text-decoration:none}.aboutSection .socialsButton:hover{border-image:var(--highlight-gradient) 1;transition:all .1s ease-in;scale:1.1}.aboutSection .socialsButton img{height:60%;margin:5px}@media screen and (width<=800px){.aboutSection{flex-direction:column}.aboutSection p{font-size:1.5rem}.aboutSection .pfp{height:12rem}.aboutSection .buttonContainer{flex-direction:column}}.footer{background-color:var(--bg-dark);flex-direction:row;justify-content:center;align-items:center;width:100%;height:4rem;display:flex;position:static;bottom:0}.footer a{color:var(--text);text-decoration:underline}.footer a:hover{background:var(--highlight-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;transition:all .1s cubic-bezier(.075,.82,.165,1);scale:1.1}#footerRedirect{margin:10px}DashboardProjectCard{margin:10px auto}.dashboard .logoutButton{width:5rem;height:2rem;color:var(--text);background-color:var(--bg-dark);border:2px solid var(--highlight);justify-content:center;align-self:center;align-items:center;margin-top:auto;display:flex}.dashboard .logoutButton:hover{border-color:var(--danger)}.dashboard .logoutButton:active{background-color:var(--danger)}.dashboardContent{flex-direction:column;align-items:center;width:100%;display:flex}.dashboardContent CollapseableCard{margin:10px}.collapseableCard{border:6px ridge var(--highlight);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:95%;margin:10px}.collapseableCard hr{border:3px solid;border-image:var(--highlight-gradient) 1;margin-left:5px;margin-right:5px}.collapseableCard .handleBar{-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;margin:10px;display:flex}.collapseableCard .handleBar button{background-color:#0000;border:0;margin-left:auto;margin-right:10px;padding:0}.collapseableCard .handleBar button:active{background-color:#0000}.collapseableCard .handleBar img{height:2rem;transition:all .2s}.collapseableCard .handleBar p{color:var(--danger);margin-left:auto;margin-right:10px;font-size:2rem}.collapseableCard .content{flex-direction:column;align-items:center;display:flex}.upsideDown{transition:all .2s;transform:rotate(180deg)}.dashboardProjectCard{background-color:var(--bg-dark);border:5px ridge var(--text);width:95%;margin:10px;display:flex}.dashboardProjectCard ProjectCard{margin-left:auto;margin-right:0}.dashboardProjectCard .editPanel{flex-direction:column;width:100%;display:flex}.editMode{width:100%;height:27rem}.viewMode{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:16rem;display:flex}.viewMode img{width:auto;height:90%;margin:10px}.viewMode a div{width:14rem;height:3rem;color:var(--text);background-color:var(--bg-dark);border:2px solid var(--highlight);justify-content:center;align-self:center;align-items:center;margin:10px 10px 10px 0;font-size:1.3rem;text-decoration:none;display:flex}.viewMode a div:hover{border-image:var(--highlight-gradient) 1}.viewMode a div:active{background:var(--highlight-gradient);transition:all .5s}.dashboardProjectCard button{background-color:var(--bg-light);width:6rem;height:2rem;color:var(--text);border:2px solid var(--highlight);margin:10px;font-size:1.3rem}.dashboardProjectCard button:hover{border-image:var(--highlight-gradient) 1}.dashboardProjectCard button:active{background:var(--highlight-gradient);transition:all .5s}.dashboardProjectCard .viewMode p{color:var(--text-muted);font-size:1.5rem}.dashboardProjectCard .viewMode h2{font-size:2.5rem}.socialEditorCard{background-color:var(--bg-dark);border:5px ridge var(--text);flex-direction:row;align-items:center;width:95%;height:5rem;margin:10px;display:flex;overflow:hidden}.socialEditorCard img{width:auto;height:90%}.socialEditorCard input{border-width:5px;height:1.5rem;margin:5px}.socialEditorCard button{border-style:ridge;border-width:5px;height:1rem;margin:5px}.socialEditorCard a{text-decoration:none}.socialEditorCard a div{background-color:var(--bg-dark);border:5px ridge var(--highlight);height:2.5rem;color:var(--text);align-items:center;margin:10px;padding:5px;text-decoration:none;display:flex}.socialEditorCard .socialChanger{flex-direction:row;align-items:center;margin-left:auto;margin-right:10px;display:flex}.dashboardImageCard{background-color:var(--bg-dark);border:5px ridge var(--text);flex-direction:row;align-items:center;width:95%;height:280px;margin:10px;display:flex}.dashboardImageCard img{height:95%;margin:10px}.dashboardImageCard .editSection{width:100%;height:95%}.dashboardImageCard .editSection p{font-size:1.2rem}.dashboardImageCard .editSection textarea{resize:none;width:95%;height:5rem;color:var(--text);outline:none;transition:all .1s}.dashboardImageCard .editSection textarea:hover,.dashboardImageCard .editSection textarea:focus{border-image:var(--highlight-gradient) 1;transition:all .1s;scale:1.01}.dashboardImageCard .tagsContainer{background-color:var(--bg-light);border:5px solid var(--highlight);flex-direction:row;justify-content:flex-start;align-items:center;width:90%;min-height:1rem;margin:5px;padding:2px;display:flex}.dashboardImageCard .linearContainer{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:2rem;margin:10px;display:flex}.dashboardImageCard .tag{background-color:var(--bg-light);border:3px solid;border-image:var(--highlight-gradient) 1;height:40px}.fileCard{background-color:var(--bg-dark);border:5px ridge var(--text);flex-direction:row;align-items:center;width:95%;height:3rem;margin:10px;padding:5px;display:flex;overflow:hidden}.fileCard p{margin-right:20px}.fileCard button{height:1.5rem;margin-left:auto;margin-right:5px}.aboutEditor{flex-direction:column;align-items:flex-start;width:95%;margin-left:auto;margin-right:auto;display:flex}.aboutEditor input{width:100%}.aboutEditor button{width:14rem;height:2rem}textarea{background-color:var(--bg-light);border:5px ridge var(--highlight);color:var(--text);width:100%;max-width:100%;height:3rem;margin:5px}.pageContainer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed}.pageContainer h1{margin-top:10px;margin-bottom:auto}.loginBox form{flex-direction:column;justify-content:center;align-items:center;margin-bottom:auto;display:flex}input{border:5px ridge var(--highlight);background-color:var(--bg-light);color:var(--text);margin:5px;padding:5px;font-size:1rem}.submitButton{width:95%;height:3rem;color:var(--text);background-color:var(--bg-dark);border:2px solid var(--highlight);border-radius:0;justify-content:center;align-self:center;align-items:center;margin-top:auto;display:flex}.submitButton:hover{border-image:var(--highlight-gradient) 1}.submitButton:active{background:var(--highlight-gradient);transition:all .5s}.loginBox{border:10px ridge var(--highlight);background-color:var(--bg-dark);flex-direction:column;justify-content:center;align-items:center;width:300px;height:400px;display:flex}.gallery{-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);flex-direction:row;align-items:flex-start;min-height:100vh;padding:10px;display:flex}.gallery .sideBar{flex-direction:column;align-items:center;width:400px;height:100%;display:flex;position:sticky;top:0}.gallery .tagFilter{background-color:var(--bg-light);border:5px solid var(--highlight);width:90%;min-height:400px;margin:10px}.gallery .tagFilter p{font-size:1.6em}.gallery .tagFilter .selectedTags{background-color:var(--highlight);border:3px solid var(--text-muted);flex-direction:row;width:95%;min-height:2rem;margin:5px;display:block}.gallery .tagFilter .tag,.gallery .tagFilter .removeTag{text-align:center;margin:2px;display:inline-block}.gallery .tagFilter .removeTag:hover{border-color:var(--danger)}.gallery .tagFilter .removeTag:active{background-color:var(--danger)}.gallery .contentContainer{flex-direction:column;align-items:center;width:100%;min-height:100%;margin:10px;display:flex}.gallery .contentContainer .columns{flex-direction:row;display:flex}.gallery .contentContainer .columns .imagesColumn{flex-direction:column;align-items:center;width:100%;display:flex}.gallery .contentContainer .columns .imagesColumn .imageContainer{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:var(--bg-light);border:3px solid #0000;outline:none;width:100%;height:auto;transition:all .1s cubic-bezier(.075,.82,.165,1);overflow:hidden}.gallery .contentContainer .columns .imagesColumn .imageContainer:hover{border-image:var(--highlight-gradient) 1;z-index:100;transition:all .1s cubic-bezier(.075,.82,.165,1);scale:1.01}.gallery .contentContainer .columns .imagesColumn .imageContainer:active{border-image:var(--highlight-gradient) 1;transition:all .1s cubic-bezier(.175,.885,.32,1.275);scale:1.04}.gallery .contentContainer .columns .imagesColumn .imageContainer img{object-fit:cover;width:100%;height:100%}.screenCover{z-index:1000;background-color:color-mix(in srgb, var(--bg-dark) 100%, transparent 70%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.screenCover .viewer{background-color:var(--bg-dark);border:5px ridge var(--highlight);flex-direction:column;justify-content:flex-start;align-items:center;width:95%;height:95%;min-height:300px;margin:20px;display:flex}.screenCover .viewer .sectionTitle{font-size:1.5rem;font-weight:400}.screenCover .viewer .topBar{background-color:var(--bg-dark);border:0 solid;border-bottom:3px;border-image:var(--highlight-gradient) 1;flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.screenCover .viewer .content{flex-direction:column;align-items:center;width:95%;max-width:100%;height:90%;max-height:95%;display:flex;overflow-y:scroll}.screenCover .viewer .content img{object-fit:contain;width:auto;max-width:100%;height:auto;min-height:0;max-height:95%}.screenCover .viewer .content .informationContainer{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;height:auto;display:flex}.screenCover .viewer .content .informationContainer .infoContainerSection{background-color:var(--bg-light);border:3px solid var(--highlight);width:100%;margin:10px}.screenCover .viewer .content .informationContainer .infoContainerSection p{margin:3px}.screenCover .viewer hr{border:1px solid;border-image:var(--highlight-gradient) 1}.screenCover .viewer .content button{width:calc(100% - 20px);margin:5px}.screenCover .viewer .topBar button{width:30px;height:30px;color:var(--danger);margin:5px;font-size:1.5rem;top:0;right:0}@media (width<=750px){.gallery{flex-direction:column}.gallery .sideBar{width:100%;margin:10px}.gallery .tagFilter{width:100%;height:auto;min-height:0}}@media (width<=600px){.screenCover .viewer{margin:0}.screenCover .viewer .content{width:100%}.screenCover .viewer .content .informationContainer{flex-direction:column}.screenCover .viewer .content .informationContainer .infoContainerSection{margin:0}.screenCover .viewer .content button{width:100%}.screenCover .viewer .content img{max-height:100%}}