#root{margin:0 auto;background-color:#edf6f9;width:100%}a{color:inherit;text-decoration:none}h1{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;margin:0}h2{font-size:clamp(1rem,2vw,1.5rem);font-weight:500;margin:0}h3{font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:400;margin:0}img{background-repeat:no-repeat;background-size:cover;shape-margin:1rem;max-width:100%;height:auto;vertical-align:middle}.navbar{background-color:#006d77;height:5dvh;display:flex;justify-content:space-between;align-items:center;padding:0 0 0 3rem;white-space:nowrap}.navbar2{background-color:#0077b6;height:5dvh;display:flex;justify-content:space-between;align-items:center;padding:0 0 0 2rem;white-space:nowrap}.nav-cluster{display:flex;gap:10px;background-color:#83c5be;height:100%;align-items:center;padding:0 10px}.nav-cluster2{display:flex;gap:10px;background-color:#00b4d8;height:100%;align-items:center;padding:0 10px}@media (max-width: 500px){.nav-cluster{display:none}}.homepage{display:flex;flex-direction:column}.workspace{display:flex;flex-direction:column;background-color:#edf6f9;color:#000;padding:2rem 3rem;box-sizing:border-box;gap:1.5rem;align-items:center;width:min(85%,1200px)}@media (min-width: 782px){.workspace{flex-direction:row;justify-content:space-around;align-items:center}}.workspace-main{display:flex;flex-direction:column;width:min(85%,800px);min-height:40vh;text-wrap:balance;gap:1.5rem;text-align:left}.workspace-main h1{font-size:clamp(1.5rem,3vw,2.5rem)}.workspace-main h2{font-size:clamp(1rem,2vw,1.5rem)}.workspace-main h3{font-size:clamp(.9rem,1.5vw,1.2rem)}.workspace-alt img{width:100%;max-width:250px;height:auto;border-radius:90%;margin:0 auto}@media (max-width: 300px){.workspace-alt{display:none}}.workspace-skills{background-color:#83c5be;padding:3rem}.workspace-skills-box{background-color:#006d772d;border-radius:10px;margin:2dvh 0;padding:2dvh;display:flex;justify-content:space-evenly;flex-direction:row;gap:5dvh;max-width:1200px}.workspace-skills-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.project-space{padding:3rem;display:flex;flex-direction:column;background-color:#006d77;gap:3rem}.project-workspace{display:grid;grid-template-columns:repeat(auto-fill,minmax(21dvh,1fr));gap:2rem;align-items:center;max-width:1200px;padding:2dvh}.project-preview{position:relative}.project-preview{position:relative;border-radius:10px;overflow:hidden;background:#000}.projectPreview-image{width:25dvh;transition:all .15s ease-in}.projectPreview-image{width:100%;height:auto;max-height:250px;object-fit:cover;transition:all .15s ease-in}.project-preview:hover .projectPreview-image{filter:blur(1px)}.project-preview-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;visibility:hidden;transition:all .15s ease-in;align-content:center;text-align:center;padding:3px}.project-preview-overlay>h3{padding:5px;font-size:24px}.project-preview:hover .project-preview-overlay{background:#0009;visibility:visible}.app{display:flex;flex-direction:column;min-height:95dvh;width:100%}.filter-bar{background-color:#3f454b;height:5dvh;display:flex;align-content:center;justify-content:space-between;position:relative;z-index:10}.filter-cluster{display:flex}.filter-button{font-family:inherit;font-size:inherit;background-color:#30353a;padding:0 2rem;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.filter-button:hover{background-color:#383d43}.filter-button:active{background-color:#3f454b}.filter-active{display:flex;align-items:center;justify-content:center;padding:0 1rem;gap:.5rem;background-color:#3f454b;cursor:default}.filter-active:hover{background-color:#474d53}.filter-clear{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:0}.filter-dropdown{background-color:#30353a;position:absolute;z-index:3;max-width:fit-content;line-height:2rem;padding:1rem 0;max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:max-height .3s ease-out,opacity .2s linear,transform .3s ease-out}.filter-dropdown.open{max-height:500px;opacity:1;transform:translateY(0)}.filter-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1rem 0 2rem;cursor:pointer}.filter-item:hover{background-color:#383d43}.filter-category{display:auto}.filter-editCluster{display:flex;align-items:center;gap:.5rem}.filter-editCluster>button{background:none;cursor:pointer}.filter-editCluster>button:hover{border-radius:8px;background-color:#4e555b}.feature-cluster{background-color:#4e555b;display:flex;padding:0 10px}.feature-button{font-family:inherit;font-size:inherit;background:none;display:flex;align-items:center;justify-content:center;border:0;cursor:pointer}.feature-button:hover{background-color:#5d646b}.bonus-window{background-color:#ced4da;color:#000;position:relative;z-index:3;max-height:0;opacity:0;transform:translateY(-15px);transition:max-height .3s ease-out,opacity .2s linear,transform .3s ease-out}.bonus-window.open{max-height:600px;opacity:1;transform:translateY(0)}.close-window-button{color:#000;position:absolute;top:10px;right:15px}.add-window{margin:5px}.addFormContainter{display:grid;grid-template-columns:max-content 150px max-content 150px;align-items:center;gap:10px}.empty-grid-item{width:100%;height:100%}.form-submit{width:100%;background-color:#3f3f3f;color:#fff;border-style:solid;border-width:1px;border-radius:2px}.request-report{margin:5px 0;font-size:14px;display:flex;column-gap:15px}.edit-window{margin:5px}.editFormContainter{display:grid;grid-template-columns:max-content 150px 150px;align-items:center;gap:10px}.product-workspace{background-image:linear-gradient(to bottom right,#f8f9fa,#ced4da);display:flex;flex-direction:column}.product-view{flex:1;margin:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:30px;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.product-view.visible{opacity:1;transform:translateY(0)}.product{display:flex;flex-direction:column;flex:1;color:#000;background-color:#fff;border-color:#00000009;border-style:solid;border-width:1px;border-radius:10px;padding:10px;box-shadow:10px 10px 10px #0000001a}.product-header{display:flex;justify-content:space-between}.product-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-buttons{display:flex;font-size:12px;flex-shrink:0;visibility:hidden}.product:hover .product-buttons{visibility:visible}.product-edit-button,.product-delete-button{margin:5px}.product-details{margin-bottom:10px}.modal{max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:max-height .4s ease,opacity .2s linear,transform .3s ease}.modal.open{max-height:600px;opacity:1;transform:translateY(0)}.modal-content{display:flex}.modal-content>button{margin-right:5px}.product-details{display:flex;justify-content:space-between}.product-details>h3{font-size:12px;font-weight:400}.product>img{height:100%;width:100%}.footer{position:relative;background-color:#212529;height:50px;width:100%;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:14px}.footer>h3,.footer>a{margin:15px;text-decoration:none}@media print{.link-cluster,.filterbar{display:none}.product{break-inside:avoid;border-color:initial;border-style:initial;border-width:initial;border-radius:initial;box-shadow:none;padding:5px}.footer{position:fixed;bottom:0}}.pdmPreview{margin:5rem;position:relative;height:auto}.after{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:#0009;color:#fff;align-content:center;text-align:center;font-size:24px}.pdmTitle,.pdmDescription,.webpageLink{margin:0 5rem 1rem;text-wrap:pretty}.returnLink{margin:5rem 5rem 0;text-decoration:none}.projectPage{background-color:#edf6f9;color:#000}.about-space{background-color:#e29578;padding:3rem}.about-space-box{background-color:#ffddd228;border-radius:10px;margin:2dvh 0;padding:2dvh;display:flex;flex-direction:column;gap:1.5rem;max-width:1200px}.about-socials{display:grid;grid-template-columns:repeat(auto-fit,1fr);gap:1.5rem;text-align:left}.about-email{text-align:left}.dropdown{position:relative;width:150px}.dropdown-toggle{width:100%;background-color:#3f3f3f;color:#fff;border:1px solid #3f3f3f;border-radius:2px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.dropdown-toggle:after{content:"˅";font-size:.8em;margin-left:8px}.dropdown-menu{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;border:1px solid #ffffff;border-radius:2px;background-color:#3f3f3f;color:#fff;z-index:10;box-shadow:0 2px 6px #0000004d;display:flex;flex-direction:column;padding:0}.dropdown-item{display:flex;align-items:center;padding:2px 8px;cursor:pointer;font-size:14px;color:#fff}.dropdown-item input[type=checkbox]{margin-right:6px}.dropdown-item:hover{background-color:#575757}.dropdown-item:hover{background-color:#1e90ff}.login{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:90dvh;background-image:linear-gradient(to bottom right,#f8f9fa,#ced4da)}.login-space{display:flex;justify-content:center;align-items:center}.login-box{width:420px;background:#6c757d;border:2px solid;box-shadow:0 0 10px #0003;border-radius:10px;padding:30px 40px;text-align:center;font-size:12px}.input-box{width:100%;height:100%;margin:30px 0}.input-box input{width:90%;height:45px;background:#fff;color:#000;outline:none;border:none;border-radius:40px;padding:0 0 0 20px;box-sizing:border-box}.input-box input::placeholder{color:#000}.btn{width:90%;height:45px;background:#0077b6;color:#fff;border:2px solid #CAF0F8;outline:none;border-radius:40px;cursor:pointer;box-shadow:0}.carousel-section{min-width:40dvh;margin:3rem 0;display:flex;justify-content:center;align-items:center}.carousel-space{position:relative;max-width:70dvh;display:flex;justify-content:center;align-items:center}.carousel{position:relative;max-width:70dvh;overflow:hidden}.carousel-images{display:flex;transition:transform .5s ease-in-out}.carousel-image-wrapper{flex:0 0 100%;max-width:100%;display:flex;justify-content:center;align-items:center}.carousel-images img{width:100%;max-height:40dvh;object-fit:contain}.arrow-left,.arrow-right{background-color:#006d77a2;border:none;color:#fff;padding:20px;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:1;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease}.arrow-left:hover,.arrow-right:hover{background-color:#006d77}.arrow-left{left:0dvh;left:-60px}.arrow-right{right:0dvh;right:-60px}:root{font-family:Plus Jakarta Sans,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;width:100%;color-scheme:light dark;background-color:#edf6f9;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100%}