body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:1200px;width:75%}@media screen and (max-width:815px){.page-wrapper{padding:0 16px;width:calc(100% - 32px)}}.header{align-items:center;display:flex;justify-content:center;padding-top:8px;width:100%}.header .header-wrapper{align-items:center;display:flex;height:100%;justify-content:space-between;max-width:1200px;width:75%}.header .header-wrapper .return-home{align-items:center;display:flex;height:100%;margin-left:16px;text-decoration:none}.header .header-wrapper .return-home .logo{border-radius:16px;height:50px}.header .header-wrapper .return-home .name{color:#fff;font-size:30px;margin:0;padding:0 0 0 10px;text-decoration:none}.header .header-wrapper .nav{align-items:center;display:flex;justify-content:space-between;margin-right:16px}.header .header-wrapper .nav .nav-list{display:flex;font-size:20px;justify-content:space-between;padding:0}.header .header-wrapper .nav .nav-list li{cursor:pointer;list-style-type:none;margin:0;padding:0 10px}.header .header-wrapper .nav .nav-list li a{color:#fff;text-decoration:none}@media screen and (max-width:815px){.header .header-wrapper{align-items:center;flex-direction:column;justify-content:center}.header .header-wrapper .nav,.header .header-wrapper .return-home{justify-content:center;margin:0}.header .header-wrapper .nav .nav-list{justify-content:center;margin-top:0;padding:0}.header .header-wrapper .nav .nav-list li{padding:0 5px}}.footer{height:100px;justify-content:center;margin-bottom:16px;width:100%}.footer,.footer .footer-wrapper{align-items:center;display:flex;flex-direction:column}.footer .footer-wrapper{gap:8px;max-width:1200px;width:75%}.footer .footer-wrapper p{color:#fff;margin:0;padding:0}.footer .footer-wrapper .footer-links{align-items:center;background-color:#fff;border-radius:25px;color:#000;display:flex;gap:1rem;margin-top:25px;padding:8px 20px;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer .footer-wrapper .footer-links *{color:#000}.footer .footer-wrapper .footer-links svg{height:20px;width:20px}@keyframes gentle-background-sway-horizontal{0%{background-position:50% 50%}22%{background-position:40% 50%}27%{background-position:40% 50%}72%{background-position:60% 50%}77%{background-position:60% 50%}to{background-position:50% 50%}}@keyframes gentle-background-sway-vertical{0%{background-position:50% 50%}22%{background-position:50% 60%}27%{background-position:50% 60%}72%{background-position:50% 40%}77%{background-position:50% 40%}to{background-position:50% 50%}}.projects-page{width:100%}.projects-page .projects-header .title{color:#fff;font-size:2em;margin-bottom:2px;margin-top:0;text-align:center}.projects-page .projects-header .filter-wrapper{align-items:center;display:flex;flex-direction:row;gap:4px;justify-content:center;padding-left:8px;padding-right:8px}.projects-page .projects-header .filter-wrapper .filter-label{color:#fff}.projects-page .projects-header .filter-wrapper .tag-select{flex:1 1;max-height:32px;max-width:480px}.projects-page .projects-header .filter-wrapper .filter-switch{background-color:#1677ff}.projects-page .project-wrapper{grid-gap:16px;display:grid;gap:16px;grid-auto-flow:dense;grid-auto-rows:300px;grid-template-columns:repeat(3,1fr);padding:16px}.projects-page .project-wrapper .project{align-items:center;background-position:50%;background-size:cover;border:2px solid #000;border-radius:8px;box-shadow:0 0 10px 0 #000;display:flex;flex-direction:column;justify-content:space-between;min-height:300px;overflow:hidden;position:relative;text-align:center;transform-origin:center;transition:transform .3s ease,opacity .3s ease;will-change:transform}.projects-page .project-wrapper .project.filtered{box-shadow:0 0 20px 0 #000;filter:blur(2px);opacity:.3}.projects-page .project-wrapper .project:not(.filtered){cursor:pointer}.projects-page .project-wrapper .project:not(.filtered):hover{transform:scale(1.01)}.projects-page .project-wrapper .project:not(.filtered):hover.animate-vertical{animation:gentle-background-sway-vertical 20s ease-in-out infinite}.projects-page .project-wrapper .project:not(.filtered):hover.animate-horizontal{animation:gentle-background-sway-horizontal 20s ease-in-out infinite}.projects-page .project-wrapper .project .project-title-wrapper{background:linear-gradient(180deg,#000c,#000c 80%,#0000);padding-bottom:16px;padding-top:8px;width:100%;z-index:2}.projects-page .project-wrapper .project .project-title-wrapper h3{color:#fff;font-size:1.3rem;font-weight:700;margin:0;padding:0}.projects-page .project-wrapper .project .project-description-wrapper{background:linear-gradient(0deg,#000c,#000c 80%,#0000);padding:16px;width:100%;z-index:2}.projects-page .project-wrapper .project .project-description-wrapper p{color:#fff;margin:0;padding:0}.projects-page .project-wrapper .project .project-description-wrapper .project-tags{font-size:.95rem;margin-top:4px}.projects-page .project-wrapper .project:before{background:radial-gradient(circle,#0000 40%,#0000004d 70%,#000c);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.row-span-1{grid-row:span 1}.row-span-2{grid-row:span 2}.row-span-3{grid-row:span 3}@media screen and (max-width:815px){.projects-page .project-wrapper{grid-template-columns:1fr 1fr}.projects-page .project-wrapper .project.filtered{display:none}.col-span-3{grid-column:span 2}}@media screen and (max-width:550px){.projects-page .project-wrapper{grid-template-columns:1fr}.projects-page .project.filtered{display:none}.col-span-2,.col-span-3{grid-column:span 1}}@keyframes blur{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0000}to{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000073}}@keyframes unblur{0%{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000073}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#0000}}.project-modal-root .ant-modal-mask.opened{animation:blur .3s ease forwards}.project-modal-root .ant-modal-mask.closed{animation:unblur .3s ease forwards}.project-modal-root .ant-modal-wrap .ant-modal{max-width:800px;width:80%!important}.project-modal-root .ant-modal-wrap .ant-modal-content{background-color:#0000;color:#fff;margin:0;padding:0}.project-modal-root .ant-modal-wrap .ant-modal-content svg{color:#fff}.project-modal-root .ant-modal-wrap .ant-modal-content .project-modal-content{align-items:stretch;background-position:50%;background-size:cover;border:2px solid #000;border-radius:8px;box-shadow:0 0 10px 10px #00000073;display:flex;flex-direction:column;justify-content:center;padding:32px}.project-modal-root .ant-modal-wrap .ant-modal-content .project-modal-content *{z-index:1}.project-modal-root .ant-modal-wrap .ant-modal-content .project-modal-content .project-modal-text{padding:16px}.project-modal-root .ant-modal-wrap .ant-modal-content .project-modal-content .project-modal-text .project-modal-title-wrapper .project-modal-title{font-size:24px;margin:0;text-align:center}.project-modal-root .ant-modal-wrap .ant-modal-content .project-modal-content .project-modal-text .project-modal-title-wrapper .project-modal-tags{margin:0;padding:0;text-align:center}.project-modal-root .ant-modal-wrap .ant-modal-content .project-modal-content .project-modal-text .project-modal-description{margin-top:48px;text-align:justify}.project-modal-root .ant-modal-wrap .ant-modal-content .project-modal-content .project-modal-text .project-modal-description p{margin:0;padding:0}.project-modal-root .ant-modal-wrap .ant-modal-content .project-modal-content .project-modal-text .project-modal-link{margin:48px 0 0;text-align:center}.project-modal-root .ant-modal-wrap .ant-modal-content .project-modal-content .project-modal-text .dim-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;border-radius:8px;box-shadow:0 0 20px 10px #000c;padding:8px}.project-modal-root .ant-modal-wrap .ant-modal-content:after{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000073;background-position:50%;background-size:cover;border:2px solid #000;border-radius:8px;content:"";height:100%;left:0;mask-image:radial-gradient(circle,#000c 0,#000 80%);-webkit-mask-image:radial-gradient(circle,#000c 0,#000 80%);position:absolute;top:0;width:100%}.test-page{align-items:stretch;display:flex;flex-direction:row}.test-page .game-wrapper{background-color:red;padding:16px;width:80%}.test-page .game-wrapper iframe{height:100%;width:100%}.test-page .sidebar{width:20%}
/*# sourceMappingURL=main.4b78f37b.css.map*/