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}body,html{overflow-x:hidden}.main-page,body{background-color:#ffe8cc}.main-page{height:100vh;margin-top:0;position:relative}.header{border-bottom:.15rem solid #000;display:flex;flex-direction:row;justify-content:space-between}.my-intro{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;padding-left:1rem}.menu,.my-intro{font-family:Space Mono}.menu{border-left:.15rem solid #000;padding-top:2rem}.menu button{background-color:#ffe8cc;border:none;font-family:Space Mono;font-weight:700;padding:0 2rem}.menu button:hover{text-decoration:underline;-webkit-text-decoration-color:#ff974d;text-decoration-color:#ff974d;text-decoration-thickness:.2rem}@media (max-width:600px){.header{align-items:center;flex-direction:column;text-align:center}.my-intro{padding-left:0}.menu{border-left:none;border-top:.15rem solid #000;display:flex;display:none;gap:1rem;justify-content:center;padding-top:1rem;width:100%}.menu button{padding:0 1rem}.header-phone{border-bottom:.15rem solid #000;flex-direction:column;justify-content:space-between;text-align:center}.header-phone,.menu-phone{align-items:center;display:flex}.menu-phone{border-left:none;border-top:.15rem solid #000;font-family:Space Mono;gap:1rem;justify-content:center;width:100%}.menu-phone button{background-color:#ffe8cc;border:none;font-family:Space Mono;font-weight:700;padding:.5rem 2rem}}@media (min-width:1200px){.header-phone{display:none}}.title{background-color:#a3c48b;display:flex;font-family:Bungee;font-size:clamp(1rem,7vw,6rem);justify-content:center;letter-spacing:clamp(.1rem,1vw,.3rem);max-width:100vw;overflow:hidden;padding:2rem 1rem;word-spacing:clamp(1rem,8vw,12rem)}.title-letter{animation:fadeInUp .3s forwards;display:inline-block;opacity:0;transform:translateY(10px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.checkboard{--size:clamp(20px,5vw,40px);--half:calc(var(--size)/2);background-color:#fff;background-image:linear-gradient(45deg,#000 25%,#0000 0),linear-gradient(-45deg,#000 25%,#0000 0),linear-gradient(45deg,#0000 75%,#000 0),linear-gradient(-45deg,#0000 75%,#000 0);background-position:0 0,0 var(--half),var(--half) calc(var(--half)*-1),calc(var(--half)*-1) 0;background-size:var(--size) var(--size);height:var(--size)}.about-me{background-color:#ffe8cc;display:flex;justify-content:center;padding:clamp(2rem,5vw,5rem) 0}.about-window{background-color:#fff6e9;border:2px solid #000;box-shadow:4px 4px #999;display:flex;flex-direction:column;gap:clamp(2rem,3vw,5rem);width:clamp(300px,80%,1000px)}.title-bar{align-items:center;background-color:#b495c6;box-sizing:border-box;display:flex;font-family:Space Mono;font-size:clamp(1.5rem,2.5vw,2rem);justify-content:space-between;padding:clamp(.5rem,.5vw,1rem) clamp(.5rem,1vw,1rem);width:100%}.about-title{flex-shrink:0;font-size:clamp(1rem,5vw,2rem)}.buttons{display:flex;gap:clamp(.5rem,1vw,2rem)}.buttons button{background-color:#9b34d7;border:2px solid #2e2c2c;box-shadow:2px 2px 0 #888,-2px -2px 0 #fff;cursor:pointer;font-size:clamp(1rem,2vw,1.2rem);height:clamp(2rem,3vw,2.5rem);width:clamp(2rem,3vw,2.5rem)}.buttons button:hover{background-color:#f7a5a8}.window-body{grid-gap:clamp(2rem,9vw,20rem);align-items:start;display:grid;gap:clamp(2rem,9vw,20rem);grid-template-columns:1fr auto;padding:clamp(2rem,4vw,5rem)}.text{font-family:IBM Plex Sans;font-size:clamp(1rem,.8vw,1.2rem);line-height:1.6;width:100%}.picture-side{align-items:center;display:flex;flex-direction:column;gap:clamp(1rem,2vw,2rem);max-width:clamp(20rem,25vw,25rem);width:135%}.my-pic img{border:4px solid #2e2c2c;box-shadow:4px 4px 0 #888,-2px -2px 0 #fff;height:auto;width:100%}.emojis{display:flex;gap:clamp(1rem,3vw,2rem);justify-content:center}.emojis img{border:4px solid #2e2c2c;box-shadow:4px 4px 0 #888,-2px -2px 0 #fff;height:3rem;width:3rem}@media (max-width:800px){.window-body{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,3rem)}.picture-side{flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.buttons button{border:1px solid #2e2c2c;box-shadow:1px 1px 0 #888,-1px -1px 0 #fff}}.projects-title{background-color:#ff974d;justify-items:center;margin-left:7rem;margin-top:3rem;padding:0 1rem;width:-webkit-fit-content;width:fit-content}.projects-title h3{font-family:Space Mono;font-size:1.5rem;font-weight:500}.grid-section{margin-top:5rem;padding-bottom:2rem}.sorting{display:flex;gap:clamp(.1rem,1vw,2rem);justify-content:end;max-width:100vw;padding-right:clamp(0rem,8vw,15rem)}.sorting,.sorting button{font-family:IBM Plex Sans;font-size:clamp(0rem,3vw,1rem)}.sorting button{background-color:#ffe8cc;border:none}.sorting button:hover{cursor:pointer;transform:translateY(-2px)}.projects-grid{grid-gap:20px;grid-row-gap:4rem;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);justify-content:center;justify-items:center;margin-top:3rem;row-gap:4rem}@media (max-width:600px){.projects-grid{gap:1.5rem;grid-template-columns:1fr;row-gap:2rem}}.project-tile{background-color:#fff6e9;border-color:#000 #2b2b2b #2b2b2b #000;border-style:solid;border-width:2px 3px 3px 2px;box-shadow:4px 4px 0 #000;box-sizing:border-box;padding:0;transition:transform .2s ease;width:50%}@media (max-width:600px){.project-tile{width:70%}}.project-tile:hover{box-shadow:2px 2px 0 #000;cursor:pointer;transform:translateY(-2px);transition:transform .2s ease,box-shadow .2s ease}.img-section{border-bottom:.2rem solid #000;height:11rem;overflow:hidden}.project-tile img{border-bottom:.5rem solid #000;height:100%;object-fit:cover;width:100%}.project-info{border-bottom:.2rem solid #000;display:flex;flex-direction:column;font-family:Space Mono;height:7rem;justify-content:center;text-align:left}.project-info p{margin:.5rem 0;padding-left:.5rem}.tag-marquee{background-color:#ff974d;font-family:Space Mono;padding:.2rem}.prev-next{justify-self:center;margin-top:2rem}.prev-next button{background-color:#ffe8cc;border:none}.prev-next p{background-color:#f7a5a8;border:2px solid #000;font-family:Space Mono;font-size:2rem;padding:0 .5rem}.prev-next button:hover{transform:translateY(-2px)}.contact-me{align-items:center;background-color:#b495c6;display:flex;flex-direction:column;padding-bottom:5rem}.contact-title{align-self:flex-start;background-color:#ff974d;font-family:Space Mono;font-size:1.5rem;font-weight:500;justify-items:center;margin-left:7rem;margin-top:3rem;padding:0 1rem;text-align:center;width:-webkit-fit-content;width:fit-content}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:5rem 0;position:relative}.contact-grid>*{border-bottom:2px solid #000;border-right:2px solid #000;box-sizing:border-box;padding:1rem;position:relative}.contact-grid>:nth-child(3n){border-right:none}.contact-grid>:nth-last-child(-n+3){border-bottom:none}.contact-grid>:nth-last-child(-n+3):after{background:#000;bottom:0;content:"";height:6px;left:0;position:absolute;width:100%}.contact-grid>:nth-child(3n):before{background:#000;content:"";height:100%;position:absolute;right:0;top:0;width:6px}.contact-tile{align-items:center;background-color:#ffe8cc;display:flex;flex-direction:column;height:12rem;padding-top:2rem;width:18rem}.contact-tile:hover{transform:translateY(-2px)}.contact-icon img{height:3rem;width:3rem}.contact-text{font-family:IBM Plex Sans;text-align:center}.contact-text a{color:#000;text-decoration:none!important}.contact-text p:hover{text-decoration:underline;-webkit-text-decoration-color:#ff974d;text-decoration-color:#ff974d;text-decoration-thickness:.2rem}@media (max-width:600px){.contact-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.contact-tile{display:flex;justify-content:center;width:45vw}.contact-icon img{height:1.5rem;width:1.5rem}.contact-text{font-family:IBM Plex Sans;font-size:3vw;text-align:center}.contact-grid>*{border:none}.contact-grid>:after,.contact-grid>:before{display:none}}.modal{align-items:center;background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.project-window{background:#fff;border:2px solid #000;box-shadow:8px 8px 0 #000;max-height:90vh;max-width:60vw;min-height:65vh;min-width:55vw;overflow-y:auto;position:relative;z-index:10000}.project-title-bar{background-color:#b495c6;display:flex;font-family:Space Mono;justify-content:space-between;padding:.35rem .5rem}.info-group{align-items:center;display:flex;gap:1rem}.project-title-bar a{color:#000;font-size:1.25rem;text-decoration:none!important}.date,.status{align-items:center;background-color:#9b34d7;border-radius:16px;display:flex;font-size:.9rem;padding:0 .5rem;white-space:nowrap}.dot{border-radius:50%;display:inline-block;height:10px;margin-right:.5rem;width:10px}.green{background-color:#2ecc71}.red{background-color:#e74c3c}.modal-buttons{align-self:center;display:flex;gap:1rem;padding-right:1rem}.modal-buttons button{background-color:#9b34d7}.project-win-body{align-items:center;display:flex;flex-direction:column;justify-content:center}.github-note{align-self:flex-start;border:.2rem dotted #000;color:#ff974d;margin:.5rem 0 0 .5rem;max-width:-webkit-fit-content;max-width:fit-content;padding:0 1rem}.description{font-family:IBM Plex Sans;margin-bottom:2rem;margin-top:2rem;width:80%}.middle-bar{border-bottom:.2rem solid #000;border-top:.2rem solid #000;display:flex;justify-content:space-between;margin-bottom:2.5rem;width:80%}.learnt{padding-bottom:1rem;padding-top:1rem;width:33%}.learnt,.mode{border-right:.2rem solid #000;text-align:center}.mode{align-self:center;padding-bottom:1.3rem;padding-top:1.35rem;width:22%}.difficulty{align-items:center;display:flex;justify-content:center;width:45%}.difficulty b{margin-right:2rem}.difficulty span{font-size:3rem}.last-half{display:flex;justify-content:space-between;margin-bottom:2.5rem;width:80%}.project-img{align-items:center;display:flex}.last-half img{border:2px solid #000;box-shadow:6px 6px 0 #000;width:12rem}.lang-fram{display:flex;justify-content:space-around;width:55%}.frameworks,.language{font-family:IBM Plex Sans;overflow-wrap:break-word;white-space:normal;width:30%}.vertical-checks{background-blend-mode:difference;background-image:repeating-linear-gradient(0deg,#000,#000 20px,#dfcdea 0,#dfcdea 40px),repeating-linear-gradient(90deg,#000,#000 20px,#dfcdea 0,#dfcdea 40px);width:2.5rem}@media (max-width:900px){.project-window{box-sizing:border-box;max-height:95vh;min-height:70vh;min-width:85vw;overflow-x:hidden}.project-title-bar{align-items:center;flex-direction:row;font-size:clamp(1rem,1vw,1.1rem);justify-content:space-between;padding:.25rem .5rem;width:100%}.info-group{align-items:flex-start;flex-direction:column;flex-wrap:wrap;line-height:.5}.project-name{font-size:clamp(0rem,3vw,1.1rem)}.date,.status{display:none;font-size:clamp(.7rem,3vw,.85rem);padding:0 .3rem}.modal-buttons button{font-size:.5rem;height:1.5rem;padding:0;width:1.5rem}.modal-buttons{gap:.5rem;margin-top:.5rem;padding-right:rem}.github-note{font-size:3vw}.project-win-body{padding:0 1rem;width:90%}.description{font-size:clamp(.85rem,3vw,1rem);width:100%}.middle-bar{flex-direction:column;margin-bottom:1.5rem;width:100%}.difficulty,.learnt,.mode{border-bottom:.2rem solid #000;border-right:none;padding:.75rem 0;text-align:center;width:100%}.difficulty span{font-size:2rem}.last-half{align-items:center;flex-direction:column;gap:1rem;margin-bottom:1.5rem;width:100%}.last-half img{width:10rem}.lang-fram{flex-direction:column;gap:.5rem;width:100%}.frameworks,.language{font-size:clamp(.85rem,3vw,1rem);text-align:center;width:100%}.vertical-checks{width:2rem}}.cat-container{bottom:0;left:0;position:relative;z-index:9999}.cat-container,.cat-sprite{height:5.5rem;overflow:hidden;width:7rem}.cat-sprite{background-image:url(/pujas-portfolio/static/media/cat-sprite.e832633de1646c7791ce.png);background-size:696px 89.5px}@keyframes moveCat{0%{left:0;transform:scaleX(1)}to{left:100vw;transform:scaleX(-1)}}@keyframes walkCycle{0%{background-position:0 0}to{background-position:-1392px 0}}.cat-sprite{animation:walkCycle 1s steps(6) infinite}
/*# sourceMappingURL=main.08e6e6ac.css.map*/