/* One geometry for the home menu and open-folder tabs. */
.folders,.portfolio-tabs{width:90vw!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;height:76px!important}
.folders{position:absolute!important;top:auto!important;bottom:-8px!important}
.portfolio-tabs{position:absolute!important;top:-75px!important;bottom:auto!important}
.folders .folder.about,.folders .folder.projects,.folders .folder.contact,.portfolio-tabs .portfolio-tab{position:relative!important;inset:auto!important;margin:0!important;width:100%!important;height:76px!important;min-width:0!important;padding:0!important;clip-path:none!important;border:0!important;border-radius:0!important;transform:none!important;background:transparent!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;isolation:isolate!important;font:400 15px Georgia,'Times New Roman',serif!important;letter-spacing:4px!important;text-decoration:none!important;color:#722d38!important;transition:transform .2s!important}
.folders .folder.about,.portfolio-tab.about{--nav-fill:#f2e8d5}
.folders .folder.projects,.portfolio-tab.projects{--nav-fill:#abc3cf}
.folders .folder.contact,.portfolio-tab.contact{--nav-fill:#791d2d;color:#f5efdf!important}
.folders .folder:before,.portfolio-tabs .portfolio-tab:before{content:''!important;display:block!important;position:absolute!important;inset:0 -2px -3px!important;width:auto!important;height:auto!important;background:var(--nav-fill)!important;border-radius:38px 38px 0 0!important;transform:perspective(180px) rotateX(17deg)!important;transform-origin:bottom!important;box-shadow:inset 0 1px 1px #ffffff55!important;z-index:-1!important;clip-path:none!important}
.folders .folder span,.folders .folder.about span,.folders .folder.projects span,.folders .folder.contact span{position:static!important;inset:auto!important;width:auto!important;height:auto!important;transform:none!important;padding:0!important;border:0!important;opacity:1!important;display:block!important;font:inherit!important;letter-spacing:inherit!important;writing-mode:horizontal-tb!important}
.folders .folder:after,.folders:before,.folders .face{display:none!important}
.folders .folder:hover,.portfolio-tabs .portfolio-tab:hover{transform:translateY(-4px)!important}
.portfolio-tabs .portfolio-tab[aria-current=page]{z-index:4!important;transform:none!important;--nav-fill:var(--folder-fill)}
@media(max-width:700px){.folders,.portfolio-tabs{width:calc(100vw - 40px)!important;height:60px!important}.portfolio-tabs{top:-59px!important}.folders .folder.about,.folders .folder.projects,.folders .folder.contact,.portfolio-tabs .portfolio-tab{height:60px!important;font-size:10px!important;letter-spacing:2px!important}.folders .folder:before,.portfolio-tabs .portfolio-tab:before{border-radius:26px 26px 0 0!important}}

.folders .folder.about,.folders .folder.projects,.folders .folder.contact,.portfolio-tabs .portfolio-tab{font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;letter-spacing:4px!important}@media(max-width:700px){.folders .folder,.portfolio-tabs .portfolio-tab{letter-spacing:2px!important}}

.folders .folder.about,.folders .folder.projects,.folders .folder.contact,.portfolio-tabs .portfolio-tab{font-family:Arial,sans-serif!important;font-weight:400!important;letter-spacing:2px!important;padding-top:8px!important;box-sizing:border-box!important}