.App{display:flex;flex-direction:column;width:100%}.App .Home h2{font-size:6.75em;margin-bottom:3rem;margin-top:3rem;text-align:center}.Gallery{display:flex;flex-direction:column;max-width:1400px;overflow:hidden;position:relative;width:100%}.Gallery .Card{height:400px;width:300px}.Card{background-color:#4c4752;background-color:var(--primary-card-color);border-color:#ffffff54;border-color:var(--accent-card-color-transparent);border-radius:5%;border-style:solid;display:flex;flex-basis:300px;flex-direction:column;flex-grow:0;flex-shrink:1;font-size:20px;margin-left:3vw;margin-right:3vw;overflow:hidden;position:relative}.Card img.deleteButton,img.editButton{display:none}.Card:hover img.deleteButton,.Card:hover img.editButton{background-color:#d0becc;background-color:var(--light-mode-card-color);border:2px solid #000;border-radius:10px;cursor:pointer;display:block;padding:5px;position:absolute;top:4px;width:30px;z-index:3}body.lightMode .Card:hover img.deleteButton,body.lightMode .Card:hover img.editButton{filter:invert()}.Card:hover img.deleteButton{right:4px}.Card:hover img.editButton{left:4px}.Card:has(>button.newCardButton){align-items:center;height:400px;justify-content:center}.Card button.newCardButton{background-color:#ffffff54;background-color:var(--accent-card-color-transparent);border:2px solid #000;border-radius:10px;cursor:pointer;height:90%;width:90%}.Card button.newCardButton img{width:50%}body.lightMode .Card button.newCardButton img{filter:brightness(0) saturate(100%) invert(51%) sepia(4%) saturate(672%) hue-rotate(160deg) brightness(90%) contrast(88%)}body.lightMode .Card{border-color:#18181b;border-color:var(--primary-color)}.Card dialog.deleteDialog,body.lightMode .Card{background-color:#d0becc;background-color:var(--light-mode-card-color)}.Card dialog.deleteDialog{border:4px solid #fff;border-radius:10px;color:#fff;padding:0}.Card dialog.deleteDialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.lightMode .Card dialog.deleteDialog{border-color:#000;color:#000}.Card dialog.deleteDialog div.deleteDialogDiv{align-items:center;background-color:#4c4752;background-color:var(--primary-card-color);display:flex;flex-direction:column;height:300px;justify-content:space-between;padding-bottom:1em;position:relative;width:300px}body.lightMode .Card dialog.deleteDialog div.deleteDialogDiv{background-color:#d0becc;background-color:var(--light-mode-card-color)}.Card dialog.deleteDialog div.deleteDialogDiv div.deleteDialogHeader{border-bottom:2px solid #fff;display:flex;width:100%}body.lightMode .Card dialog.deleteDialog div.deleteDialogDiv div.deleteDialogHeader{border-color:#000}.Card dialog.deleteDialog button.closeDeleteDialog{background-color:inherit;border:none;border-left:2px solid #fff;color:#fff;cursor:pointer;font-size:larger;font-weight:bolder;margin-left:auto;padding:.5em}body.lightMode .Card dialog.deleteDialog button.closeDeleteDialog{border-color:#000;color:#000}.Card dialog.deleteDialog button.deleteProjectButton{background-color:#a855f7;background-color:var(--secondary-card-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:larger;font-weight:bolder;padding:.25em .5em}.Card dialog.deleteDialog h2{padding:.5em}.CardTexts{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:3% 5%}.Card .ProjectPicLoader{animation:skeletonLoading 1s linear infinite alternate;height:50%;object-fit:cover;position:relative;width:100%}.Card .ProjectPic{height:50%;object-fit:cover;position:absolute;width:100%}.Card h3{font-size:1em;margin-bottom:0;margin-top:0}.Card h3,.Card h3:hover{text-decoration:underline}.Card h3:hover{cursor:pointer}.Card p{font-size:1em;margin-bottom:0}div.cardBottomSection{align-items:center;color:#fff;display:flex;flex-direction:row;font-size:.5em;justify-self:flex-end!important}div.cardBottomSection h4{background-color:#a855f7;background-color:var(--secondary-card-color);border-radius:20px;box-shadow:0 5px 5px #403a3a;font-family:Inter,sans-serif;height:20px;line-height:20px;margin-block:0;padding:0 3%}.Icons{align-items:center;display:flex;flex-direction:row}.Icons,.Icons>:first-child{margin-left:auto}.Icons img{height:30px}.leftNavButton,.rightNavButton{border-radius:50px;display:flex;height:50px;position:absolute;transform:translateY(450%);width:50px;z-index:2}@media (max-width:600px){.leftNavButton,.rightNavButton{display:none}}.leftNavButton{left:2%}.rightNavButton{right:2%}.leftNavButton:hover,.rightNavButton:hover{background-color:#d8b8d8;cursor:pointer}.disabled,.leftNavButton.disabled:hover,.rightNavButton.disabled:hover{background-color:#b9b7b9;cursor:default}.buttonBackground{height:100%;object-fit:contain;width:100%}.App hr{margin-left:5%;margin-right:5%}div.CardTexts ul{gap:2%;padding:0}ul.cardList{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-inline:5%;overflow-x:auto;padding:30px 0;scrollbar-width:none}@media (min-width:800px){ul.cardList{border:2px solid #71797e;border:2px solid var(--accent-color);border-radius:3px}}ul.cardList::-webkit-scrollbar{background:#0000;width:0}.ScrollBar{align-items:center;display:flex;height:24px;margin-top:2em}.ScrollBar,.ScrollTrack{margin-inline:auto;max-width:1100px;width:100%}.ScrollTrack{background-color:#71797e;background-color:var(--accent-color);border-radius:4px;height:2px;position:relative}@media (max-width:700px){.ScrollTrack{height:4px}}.ScrollTrack:hover{height:4px}.ScrollThumb{background-color:#fff;background-color:var(--light-accent-color);border-radius:inherit;cursor:grab;height:100%;position:absolute;width:30%}body.lightMode .ScrollThumb{background-color:#d0becc;background-color:var(--light-mode-card-color)}.ScrollThumb:active{cursor:grabbing;height:8px}dialog.projectDetailPage{background-color:#4c4752;background-color:var(--primary-card-color);border:2px solid #fff;border-radius:10px;color:#fff;display:flex;flex-direction:column;font-size:1.5em;gap:1em;max-width:1100px;padding:0;width:90%}dialog.projectDetailPage::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.lightMode dialog.projectDetailPage{background-color:#d0becc;background-color:var(--light-mode-card-color);border-color:#000;color:#000}div.projectButtonWrapper{border-bottom:4px solid;display:flex;flex-direction:row;flex-shrink:0;height:2em;line-height:2em;width:100%}div.projectButtonWrapper button{background-color:inherit;border:none;border-left:4px solid;color:inherit;cursor:pointer;font-size:large;font-weight:bolder;margin-left:auto;margin-right:1em;padding-left:1em;padding-right:0}div.projectButtonWrapper span{margin-left:1em}div.dialogWrapper{display:flex;flex-direction:row;gap:1em;height:calc(100% - 5em);justify-content:space-between;padding:1em}@media (max-width:950px){div.dialogWrapper{align-items:center;flex-direction:column}div.imgCarousel{width:100%!important}div.textDetails{min-width:calc(100% - 2em)!important}div.tagAndLinkWrapper:has(>div.TagLinkInputWrapper){flex-direction:column!important}ul.linksList{font-size:small}ul.tagsList{gap:.1em!important}}@media (min-width:950px){div.imgCarousel{min-height:50%}}@supports (-webkit-touch-callout:none){div.dialogWrapper{height:auto!important}}@media screen and (-webkit-min-device-pixel-ratio:0){div.dialogWrapper{height:auto!important}a.logo img.logo{width:auto}}div.imgCarousel{border:4px solid;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;position:relative;width:50%}div.imgCarousel>img:first-child{position:relative!important}div.imgCarousel>img{height:80%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}img.animate{border-bottom:3px solid red}div.imgCarousel>img.visible{opacity:1;transition:opacity .3s}div.imgCarousel ul.imgPreview{border-top:2px solid;display:flex;flex-direction:row;height:20%;overflow-x:scroll;overflow-y:hidden;padding-left:0;width:100%}div.imgCarousel ul.imgPreview li{border-right:2px solid;flex:0 0 25%;position:relative}div.imgCarousel ul.imgPreview li:last-child{border-right:none}div.imgCarousel ul.imgPreview img:first-child{animation:skeletonLoading 1s linear infinite alternate;cursor:pointer;height:100%;object-fit:cover;width:100%}div.imgCarousel ul.imgPreview img:last-child{cursor:pointer;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:999}div.imgCarousel ul.imgPreview img:hover{transform:scale(1.1);transition:transform .3s}div.textDetails{background-color:#d0becc;background-color:var(--light-mode-card-color);border:4px solid #fff;border-radius:10px;color:#000;display:flex;flex-basis:50%;flex-direction:column;flex-shrink:1;max-width:60%;padding:1em}body.lightMode div.textDetails{background-color:#4c4752;background-color:var(--primary-card-color);border-color:#000;color:#fff}div.textDetails h1{margin:0}div.textDetails h1 label{align-items:center;display:flex;gap:8px;justify-content:center}div.textDetails h1 label span{align-items:center;display:flex;font-size:large}div.textDetails h1 input{background-color:#4c4752;background-color:var(--primary-card-color);border:2px solid #000;border-radius:10px;color:#fff;flex-grow:1;font-size:large}body.lightMode div.textDetails h1 input{background-color:#d0becc;background-color:var(--light-mode-card-color);color:#000}div.textDetails ul{display:flex;padding:0}div.textDetails>span{display:flex}div.textDetails h2:has(>ul){display:flex;flex-wrap:wrap;height:auto;line-height:auto}div.textDetails h2{background-color:#a855f7;background-color:var(--secondary-color);border:1px solid #000;border-radius:10px;color:#fff;flex-grow:0;font-size:medium!important;height:1.25em;line-height:1.25em;margin-right:auto;padding:.25em}body.lightMode div.textDetails h2{border-color:#fff!important}div.textDetails p{display:flex;flex-grow:1;font-size:.75em;margin:0}div.textDetails p label{display:flex;flex-direction:column;flex-grow:1}div.textDetails p label textarea,div.textDetails p label textarea:focus{background-color:#4c4752;background-color:var(--primary-card-color);border:2px solid #000;border-radius:10px;color:#fff;flex-grow:1;resize:none}body.lightMode div.textDetails p label textarea,body.lightMode div.textDetails p label textarea:focus{background-color:#d0becc;background-color:var(--light-mode-card-color);border-color:#000;color:#000}div.tagAndLinkWrapper{border:4px solid #fff;border-radius:10px;display:flex;flex-direction:column;gap:1em;margin:1em;padding:1em}body.lightMode div.tagAndLinkWrapper,div.tagAndLinkWrapper{background-color:#d0becc;background-color:var(--light-mode-card-color);color:#000}body.lightMode div.tagAndLinkWrapper{border:4px solid #000}div.tagAndLinkWrapper:not(:has(>div.TagLinkInputWrapper)){align-items:flex-start}div.tagAndLinkWrapper:has(>div.TagLinkInputWrapper){flex-direction:row}div.TagLinkInputWrapper,div.fileUploadWrapper{display:flex;flex-basis:50%;flex-direction:column;gap:.5em}div.TagLinkInputWrapper>label,div.fileUploadWrapper label{display:flex;flex-direction:column;gap:.25em}dialog.projectDetailPage div.sidebarLoading{height:90vh;text-align:center;vertical-align:middle}dialog.deleteDialog div.sidebarLoading{text-align:center;vertical-align:middle}div.TagLinkInputWrapper input,div.TagLinkInputWrapper textarea{background-color:#4c4752;background-color:var(--primary-card-color);border:2px solid #000;border-radius:10px;color:#fff;flex-grow:1}body.lightMode div.TagLinkInputWrapper input,body.lightMode div.TagLinkInputWrapper textarea{background-color:#d0becc;background-color:var(--light-mode-card-color);border:2px solid #000;color:#000}div.fileUploadWrapper{flex-grow:1;justify-content:space-between}div.fileUploadWrapper>span{font-size:small}div.fileUploadWrapper input::file-selector-button{background-color:inherit;border:2px dashed #000;border-radius:10px;color:inherit}body.lightMode div.fileUploadWrapper input::file-selector-button{border:2px dashed #fff}div.fileUploadWrapper button{background-color:#a855f7;background-color:var(--secondary-card-color);border:4px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:large;padding:.25em}div.fileUploadWrapper button:hover{opacity:.9;transition:background-color .3s,color .3s,border-color .3s}body.lightMode div.tagAndLinkWrapper{background-color:#4c4752;background-color:var(--primary-card-color);border-color:#000;color:#fff}div.tagAndLinkWrapper ul{padding:0}div.tagAndLinkWrapper ul.tagsList{display:flex;flex-direction:row;flex-grow:0;flex-wrap:wrap;gap:1em;width:auto}div.tagAndLinkWrapper ul.tagsList li{background-color:#a855f7;background-color:var(--secondary-color);border:1px solid #000;border-radius:10px;color:#fff;font-size:.6em;height:1.25em;line-height:1.25em;margin-right:auto;padding:.25em}body.lightMode div.tagAndLinkWrapper ul.tagsList li{border-color:#fff}div.tagAndLinkWrapper ul.linksList{background-color:#4c4752;background-color:var(--primary-card-color);border:4px solid #000;border-radius:10px;color:#fff;display:flex;flex-direction:column;font-size:large;gap:.25em;padding:1em}ul.linksList label{display:flex;flex-grow:1}ul.linksList input{background-color:#d0becc;background-color:var(--light-mode-card-color);color:#000;flex-basis:50px;flex-grow:0;margin-left:auto}body.lightMode ul.linksList input{background-color:#4c4752;background-color:var(--primary-card-color);color:#fff}body.lightMode div.tagAndLinkWrapper ul.linksList{background-color:#d0becc;background-color:var(--light-mode-card-color);border-color:#000;color:#000}div.tagAndLinkWrapper ul.linksList li{display:flex;font-size:x-small;height:calc(34px + .4em);line-height:calc(34px + .4em)}div.tagAndLinkWrapper ul.linksList img{background-color:#18181b;background-color:var(--primary-color);border:2px solid #fff;border-radius:30px;color:#000;height:30px;padding:.2em;width:30px}ul.linksList a{margin-left:auto}div.dialogWrapper.placeHolder p{animation:skeletonLoadingText 1s linear infinite alternate;border-radius:8px;overflow:hidden}div.dialogWrapper.placeHolder div.imgCarousel img{animation:skeletonLoading 1s linear infinite alternate}.networkError{background-color:#4c4752;background-color:var(--primary-card-color);border-color:#ffffff54;border-color:var(--accent-card-color-transparent);border-radius:5%;border-style:solid;display:flex;flex-direction:column;flex-shrink:0;font-size:20px;height:400px;margin-inline:auto;margin-left:3vw;margin-right:3vw;overflow:hidden;padding:5%;width:300px}.projectDetailPage .networkError{border:none!important;margin-inline:auto!important}body.lightMode .networkError{border-color:#18181b;border-color:var(--primary-color)}.errorWrapper>img,body.lightMode .networkError{background-color:#d0becc;background-color:var(--light-mode-card-color)}.errorWrapper>img{border-radius:25%;margin-bottom:2em;max-width:100px;padding:3em}.errorWrapper>img,.networkError p{margin-inline:auto}.errorWrapper{display:flex;flex-direction:column;font-size:smaller;gap:1em;margin:auto 0;padding-inline:1em}.refreshButton{background-color:#a855f7;background-color:var(--secondary-card-color);border:none;border-radius:10px;color:#fff;display:flex;font-family:Playfair Display,serif;font-weight:700;margin-inline:auto;padding:.5em 1em;text-align:center;transition:all .3s ease}.refreshButton img{height:30px;margin-bottom:0!important;margin-left:1em;width:30px}.refreshButton span{margin-bottom:auto;margin-top:auto}.refreshButton:hover{background-color:#d0becc;background-color:var(--light-mode-card-color);cursor:pointer;scale:1.1}li.skeletonLoading{animation:skeletonLoading 1s linear infinite alternate;height:400px;width:300px}li.skeletonLoading h3,li.skeletonLoading p{animation:skeletonLoadingText 1s linear infinite alternate;border-radius:8px;overflow:hidden}@keyframes skeletonLoadingText{0%{background-color:gray;color:gray}to{background-color:#fff;color:#fff}}@keyframes skeletonLoading{0%{filter:grayscale(0)}to{filter:grayscale(100%)}}.Home1{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1em;margin-top:5em;margin-inline:1em;overflow:visible;width:auto}@media(max-width:725px){.Home1{flex-direction:column}.Home1 div.projectSidebar{height:auto!important;margin-inline:auto;padding:1em;position:static!important;width:50%}.Home1 h1{margin-inline:auto}}div.Home1 div.projectSidebar{background-color:#4c4752;background-color:var(--primary-card-color);border:3px solid #ffffff54;border:3px solid var(--accent-card-color-transparent);border-radius:20px;color:#fff;display:flex;flex:0 0 200px;flex-direction:column;height:100vh;position:sticky;top:100px}body.lightMode div.projectSidebar{background-color:#d0becc;background-color:var(--light-mode-card-color);border-color:#000;color:#000}div.Home1 form#searchQuery{display:flex;flex-direction:column;gap:1em;margin:.5em}div.Home1 form#searchQuery button{align-items:center;background-color:#a855f7;background-color:var(--secondary-color);border:none;border-radius:5px;box-shadow:0 5px 5px #403a3a;color:#fff;cursor:pointer;display:flex;font-size:.95em;padding:.25em .5em}button.expandButton img{filter:invert();height:13px;margin-left:auto}div.Home1 form#searchQuery button.expandButton:has(+fieldset.hidden) img{transition:transform;transition-duration:.3s}div.Home1 form#searchQuery button.expandButton:has(+fieldset.unhidden) img{transform:rotate(180deg);transition:transform;transition-duration:.3s}div.Home1 form#searchQuery input[name=searchBar]{border:solid;border-color:#ffffff54;border-color:var(--accent-card-color-transparent);border-radius:5px}body.lightMode form#searchQuery input[name=searchBar]{border-color:#000}div.Home1 form#searchQuery fieldset{border:solid;border-color:inherit;border-radius:10px}div.projectSidebar ul{margin-block:0;padding:0}div.projectSidebar .status.unhidden,div.projectSidebar .tags.unhidden{display:block;height:auto}@starting-style{div.projectSidebar .status.unhidden,div.projectSidebar .tags.unhidden{height:0}}div.projectSidebar .status.hidden,div.projectSidebar .tags.hidden{display:none}div.Home1 div.projectSidebarError{align-items:center;color:#000;font-size:larger;gap:2em;justify-content:center;padding:2em}div.projectSidebar div.sidebarLoading{align-items:center;display:flex;font-size:larger;justify-content:center;margin:auto 0;text-align:center;vertical-align:middle}div.projectSidebar div.sidebarLoading>span{align-items:center;display:flex;gap:.25em;height:100%;justify-content:center;margin-left:.25em}div.sidebarLoading span span,div.sidebarLoading>span:after,div.sidebarLoading>span:before{animation:sidebarLoadingDots 1s ease-in-out infinite alternate;background-color:#18181b;background-color:var(--primary-color);border-radius:100%;content:"";display:inline-block;font-size:larger;font-weight:bolder;height:10px;width:10px}div.sidebarLoading>span:before{animation-delay:.1s}div.sidebarLoading>span:after{animation-delay:-.1s}@keyframes sidebarLoadingDots{0%{transform:translateY(8px)}33%{background-color:#a855f7;background-color:var(--secondary-card-color);transform:translate(0)}66%{transform:translateY(8px)}to{background-color:#71797e;background-color:var(--accent-color);transform:translate(0)}}div.projectSidebarError>img{width:150px}div.Home1 div.Projects{display:flex;flex-direction:column}div.Projects ul.projectList{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;justify-content:space-around;padding:0}ul.projectList li.Card{margin:0!important}:root{--primary-card-color:#4c4752;--secondary-card-color:#a855f7;--accent-card-color-transparent:#ffffff54;--primary-color:#18181b;--secondary-color:#a855f7;--accent-color:#71797e;--light-accent-color:#fff;--lightMode-color:#d3751654;--light-mode-card-color:#d0becc;--viewport-width:0px}form.loginForm{background-color:#4c4752;background-color:var(--primary-card-color);border:4px solid #fff;border-radius:10px;color:#fff;display:flex;flex-direction:column;gap:1em;margin-top:10em;margin-inline:auto;max-width:600px;min-width:350px;padding:1em}body.lightMode form.loginForm{background-color:#d0becc;background-color:var(--light-mode-card-color);border-color:#000!important;color:#000;margin-top:10em}form.loginForm label:not(:has(>input[type=checkbox])){font-size:1.4em}form.loginForm label:has(>input[type=checkbox]){font-size:.9em}form.loginForm input:not([type=checkbox]){background-color:#d0becc;background-color:var(--light-mode-card-color);border:2px solid #fff;border-radius:10px;color:#000;font-size:1.1em;padding:.5em}body.lightMode form.loginForm input:not([type=checkbox]){background-color:#4c4752;background-color:var(--primary-card-color);border-color:#000!important;color:#fff}button.googleLoginButton,button.loginButton{align-items:center;background-color:#a855f7;background-color:var(--secondary-card-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:bolder;gap:1em;height:3em;justify-content:center;margin-inline:auto;max-width:200px;min-width:200px}button.googleLoginButton img{background-color:#fff;border-radius:999px;width:30px}
/*# sourceMappingURL=main.5b48969c.css.map*/