.view-container{padding:.5em 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.work-project{min-height:30vh;margin:.5em;padding:.2em 0;border:3px solid #0B2E33;display:flex;flex-direction:row}.work-project.right{flex-direction:row-reverse;text-align:right}.work-project.left{text-align:left}.work-project-column{display:flex;flex-direction:column;justify-content:center}.work-project-column.right{padding-right:.5em;padding-left:.2em}.work-project-column.right .work-project-links{display:flex;justify-content:flex-end}.work-project-column.left{padding-left:.5em;padding-right:.2em}.work-project-content{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:.5em}.work-project-content.right .work-project-links{display:flex;justify-content:flex-end}.work-project-link{margin:.2em 0;display:flex;align-items:center;gap:.2em}.work-project-link a{color:#0b2e33;text-decoration:none;display:flex;align-items:center;justify-content:center}img{height:40vh;width:auto}@media (max-width: 768px){.work-project,.work-project.right{flex-direction:column;padding:0}.work-project-column.right,.work-project-column.left{padding:.2em;text-align:center}.work-project-content{justify-content:flex-start;gap:.5em}img{width:100%;height:auto}}.work-section{width:100%;margin-top:.5em;padding:.5em 0;border-top:3px solid #0B2E33}.contact-box{width:50vw;height:200px;margin-top:20%;position:relative;display:flex}.contact-card{width:90%;padding:1rem;position:absolute;top:0;left:1%;transform:translateY(10%);transition:transform .5s ease,box-shadow .3s;pointer-events:none}.contact-card.slide-out{transform:translateY(-120%)}.box{width:100%;height:20vh;padding-bottom:1em;background-color:#fcdcbf;border:2px solid #0b2e33;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;z-index:10;overflow:hidden;transform:translateY(20%)}.flap{width:9vw;height:5vh;padding:.5rem 1rem;text-align:center;font-weight:300;position:absolute;top:-4.96vh;z-index:20;overflow:hidden;border-left:2px solid #0b2e33;border-right:2px solid #0b2e33;border-top:2px solid #0b2e33;transition:background-color .3s;transform:translateY(0);transition:transform .5s ease,box-shadow .3s;background-color:#fffaf6;cursor:pointer;pointer-events:auto}.paper{height:20vh;padding:1rem;background-color:#fffaf6;border:2px solid #0b2e33;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.paper p{word-wrap:break-word;overflow-wrap:anywhere;text-align:right}.link{height:fit-content;color:#0b2e33;text-decoration:none;font-size:.4em;font-weight:100;display:flex;align-items:center;justify-content:center;pointer-events:auto}.link:hover{text-decoration:underline}.paper-content{display:flex;align-items:center;justify-content:center;gap:.1em}.menu-panel{width:100%;height:60%;transition-duration:.3s}.menu-panel:not(.open){height:100%}.menu-panel-items{width:100%;height:100%;margin:0;padding:0}.menu-panel-item{width:100%;height:1.5em;font-size:5em;text-decoration:none;display:block;text-align:center;border-top:3px solid #0B2E33;background-color:#ffecdb;transition-duration:.5s}.menu-panel-item:hover:not(.active){transform:translateY(-25px)}.menu-panel-item.active{height:100%;display:flex;flex-direction:column;border-top:0px;border-bottom:0px solid #0B2E33}.menu-panel-item.above{height:0em;overflow:hidden;border-top:0px solid #0B2E33;transform:translateY(-20px)}.menu-panel-item.below{height:0em;overflow:hidden;border-top:0px solid #0B2E33;transform:translateY(20px)}.menu-label{flex:0 0 auto;cursor:pointer}.menu-content{width:100%;flex:1 1 auto;overflow:auto;border-top:3px solid #0B2E33}header{height:100%;margin:0;padding:0;writing-mode:vertical-lr;text-orientation:use-glyph-orientation;border-right:3px solid #0B2E33}h1{margin:.3em}#root{width:100%;margin:0;padding:0;text-align:center}.app{border:3px solid #0B2E33}.header-container{width:100%;height:100vh;display:flex;flex-direction:row;align-items:center}:root{font-family:Bricolage Grotesque,sans-serif;line-height:1.5;font-weight:400;font:1em;color:#0b2e33;background-color:#ffecdb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{margin:0;color:#0b2e33;font-weight:500;text-decoration:inherit}body{width:100%;min-height:100vh;margin:0;display:flex;place-items:center}h1{font-size:2em;line-height:1.1;font-weight:400}h2{font-size:.8em;line-height:.2;font-weight:400}h3{font-size:.35em;font-weight:400;margin:0}h4{font-size:.3em;font-weight:100;margin:0}p{font-size:.25em;margin:0}.bricolage-grotesque-200{font-family:Bricolage Grotesque,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;font-variation-settings:"wdth" 100}.bodoni-moda-cursive-400{font-family:Bodoni Moda,serif;font-optical-sizing:auto;font-weight:400;font-style:italic}