@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:"Roboto",sans-serif}.container{min-height:100dvh;margin:0;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.container .katpatat-title{position:fixed;left:0;right:0;display:block;margin:0 auto;max-width:45%;padding-top:6em}.container .burger-btn{position:fixed;top:64px;right:64px;max-width:12%;background-color:inherit;outline:none;border:none;z-index:10}.container .burger-btn:hover{cursor:pointer}.container .burger-btn img{width:100%;height:100%}.container .snacks{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;padding:20dvh 10% 64px 10%;z-index:1}.container .snacks>*{width:fit-content;height:fit-content}.container .snacks img{max-width:450px;max-height:400px;width:100%}.container .underconstruction{position:fixed;bottom:70px;right:-232px;transform:rotate(-25deg);z-index:0}.main-page{background-image:url("/main-background.png")}.back-btn{position:fixed;top:64px;left:32px;max-width:10vw}.back-btn a,.back-btn img{display:block;width:100%;height:100%}.contact{position:fixed;top:64px;right:32px;max-width:10vw;display:flex;flex-direction:column}.contact a,.contact img{display:block;width:100%;height:100%}.contact .email-btn{width:70%;height:auto;align-self:center}.contact .contact-btn{margin-top:3rem}.project-page{background-image:url("/projects-background.png")}.project-page .project-layout{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:auto 1fr;gap:3rem;margin:0 auto;padding-left:3rem;padding-right:3rem;padding-bottom:3rem;max-width:70%;min-height:100dvh;background-color:rgba(39,0,148,.7019607843);border-left:8px solid #000;border-right:8px solid #000}.project-page .project-layout .title-bar{grid-column:1/-1;display:flex;justify-self:center;padding-top:3rem;font-size:2rem;color:#fff;text-shadow:-4px -4px 0 #000,4px -4px 0 #000,-4px 4px 0 #000,4px 4px 0 #000}.project-page .project-layout video{width:100%;border:4px solid #000;border-radius:8px}.project-page .project-layout .project-description{margin-top:1rem;color:#fff;font-size:1.2rem}.project-page .project-layout .right-column{display:flex;flex-direction:column;gap:1rem}.project-page .project-layout .right-column img{width:100%;object-fit:cover;border:4px solid #000;border-radius:8px}@media (max-width: 700px){.project-page .project-layout{grid-template-columns:1fr}.project-page .project-page video{order:1}.project-page .project-page .right-column{order:2}}@keyframes softMove{0%{transform:translateX(0px) translateY(0px) rotate(0deg)}25%{transform:translateX(4px) translateY(-3px) rotate(.3deg)}50%{transform:translateX(6px) translateY(-6px) rotate(.5deg)}75%{transform:translateX(3px) translateY(-3px) rotate(.2deg)}100%{transform:translateX(0px) translateY(0px) rotate(0deg)}}.soft{animation:softMove 5s ease-in-out infinite}.soft:nth-child(1){animation-duration:4.5s}.soft:nth-child(2){animation-duration:5.2s}.soft:nth-child(3){animation-duration:6s}.soft:nth-child(4){animation-duration:6.5s}.soft:nth-child(5){animation-duration:7.2s}@media (prefers-reduced-motion: reduce){*{animation:none !important}}