.headerDiv{background:#fff;color:#5dbcf6;font-size:30px;padding:20px;font-family:DelaGothic;display:grid;grid-template-columns:9.9fr .1fr;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:10;white-space:pre-wrap}.headerDiv>.loading{position:absolute;left:0;bottom:0;width:100%;background-color:rgba(0,0,0,.1)!important}.headerDiv>.loading>*{background-color:#5dbcf6!important}.headerDiv>.clickableHeader{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.headerErrorDiv{display:flex;justify-content:center;align-items:center;height:100vh}.headerMenuDiv{position:fixed;height:100vh;width:100vw;background:#fff;display:flex;flex-direction:column;align-items:flex-start;top:0;left:0;bottom:0;z-index:10;white-space:pre-wrap;animation:headerMenu 1s forwards;z-index:999!important}.headerMenuDiv,.headerMenuDiv>a{transition:.3s cubic-bezier(.6,.04,.98,.335)}.headerMenuDiv>a{width:100%;transform:translateX(-110vw);animation:loadMenu 1s forwards;cursor:pointer}.headerMenuDiv>a:nth-child(1n){animation-delay:.1s}.headerMenuDiv>a:nth-child(2n){animation-delay:.2s}.headerMenuDiv>a:nth-child(3n){animation-delay:.3s}.headerMenuDiv>a:nth-child(4n){animation-delay:.4s}.headerMenuDiv>a:nth-child(5n){animation-delay:.5s}.headerMenuDiv>a:nth-child(6n){animation-delay:.6s}.headerMenuDiv>a:nth-child(7n){animation-delay:.7s}.headerMenuDiv>a:nth-child(8n){animation-delay:.8s}.headerMenuDiv>a:nth-child(9n){animation-delay:.9s}.headerMenuDiv>a:nth-child(10n){animation-delay:1s}.headerMenuDiv>a:hover>span:after{width:100%}.headerMenuDiv>a>span{font-size:30px;padding:10px 0 10px 20px;font-family:DelaGothic;width:-moz-fit-content;width:fit-content;color:#5dbcf6;text-decoration:none;display:inline-block}.headerMenuDiv>a>span:after{bottom:5px;content:"";display:block;left:0;position:absolute;background:#5dbcf6;transition:width .3s ease 0s,left .3s ease 0s;width:0;height:5px}.headerMenuDiv>a>span:hover:after{width:100%}.headerMenuDiv>.activeLink{background:#5dbcf6;width:100%!important;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.headerMenuDiv>.activeLink>span{color:#fff}.headerMenuDiv>div{position:absolute;width:100%;bottom:0;display:grid;place-items:center;transform:translateY(150px);animation:owlSlideIn 1s forwards;height:190px;overflow:hidden}.headerMenuDiv>div>button{top:75px;border:1px dotted #5dbcf6;z-index:2}.headerMenuDiv>div>img{position:relative}@keyframes loadMenu{0%{opacity:0;transform:translateX(-110vw)}to{opacity:1;transform:translateX(0)}}@keyframes hideMenu{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-110vw)}}@keyframes owlSlideIn{0%{transform:translateY(150px)}to{transform:translateY(0)}}@keyframes owlSlideOut{0%{transform:translateY(0)}to{transform:translateY(150px)}}.hidden{display:none}.headerMenuHiddenDiv{animation:headerMenuBegone 1s forwards;animation-delay:.5s}.headerMenuHiddenDiv>a{transform:translateX(0);animation:hideMenu 1s forwards;transition:.3s cubic-bezier(.6,.04,.98,.335)}.headerMenuHiddenDiv>a:nth-child(1n){animation-delay:.1s}.headerMenuHiddenDiv>a:nth-child(2n){animation-delay:.2s}.headerMenuHiddenDiv>a:nth-child(3n){animation-delay:.3s}.headerMenuHiddenDiv>a:nth-child(4n){animation-delay:.4s}.headerMenuHiddenDiv>a:nth-child(5n){animation-delay:.5s}.headerMenuHiddenDiv>a:nth-child(6n){animation-delay:.6s}.headerMenuHiddenDiv>a:nth-child(7n){animation-delay:.7s}.headerMenuHiddenDiv>a:nth-child(8n){animation-delay:.8s}.headerMenuHiddenDiv>a:nth-child(9n){animation-delay:.9s}.headerMenuHiddenDiv>a:nth-child(10n){animation-delay:1s}.headerMenuHiddenDiv>div{transform:translateY(0);animation:owlSlideOut 1s forwards}@keyframes headerMenu{0%{background:transparent;opacity:0}to{background:#fff;opacity:1}}@keyframes headerMenuBegone{0%{background:#fff;opacity:1}to{background:transparent;opacity:0}}.errorDiv{display:flex!important;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%!important;overflow:hidden;padding:20px}.errorDiv>.errorIcon{position:absolute;font-size:4em;opacity:.1}.errorDiv>span{font-size:10px;font-size:300;opacity:.8}.projectItemDiv{display:flex;flex-direction:column;border-radius:5px;margin:1em;border:1px solid #efefef;transition:.3s;cursor:pointer;overflow:hidden;position:relative}.projectItemDiv:hover{border:2px solid rgba(93,188,246,.2)}.projectItemDiv:hover>img{filter:grayscale(0);transform:scale(1.1)}.projectItemDiv:hover>span{opacity:1;transform:translateY(-10px)}.projectItemDiv>img{width:100%;height:100%;object-fit:cover;border-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;-webkit-user-drag:none;transition:transform .3s,filter .3s ease-in-out;filter:grayscale(100%)}.projectItemDiv>img,.projectItemDiv>span{-webkit-user-select:none;-moz-user-select:none;user-select:none}.projectItemDiv>span{padding:5px 20px;white-space:nowrap;text-overflow:ellipsis;max-width:70%;overflow:hidden;font-weight:300;transform:translateY(0);transition:.3s;position:absolute;bottom:0;font-weight:700;color:#5dbcf6;text-shadow:.5px .5px .5px #fff;opacity:0;z-index:2}.projectItemDiv>.shadow{position:absolute;bottom:0;width:100%;height:100%;opacity:0;transition:transform .3s,filter .3s ease-in-out}.projectItemDiv:hover>.shadow{opacity:1;box-shadow:inset 0 -60px 30px -5px hsla(0,0%,100%,.8);-webkit-box-shadow:inset 0 -60px 30px -5px #fff;-moz-box-shadow:inset 0 -60px 30px -5px hsla(0,0%,100%,.8)}.projectItemLink{display:flex;height:100%}.filterDiv{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:1em}.filterDiv>button{border-left:1px solid rgba(0,0,0,.12)!important;border-collapse:collapse;border-radius:4px!important}