main{padding:10px;background-color:var(--background-color);background-size:cover}article{margin:10px;padding:10px;border:.5px solid black}.portfolio__skills_display{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.portfolio__main_container{border:var(--main-color) .5px solid;border-radius:10px;box-shadow:0 10px #000}.portfolio__name{background-color:var(--background-color);padding:20px;border-bottom:1px solid black}.portfolio__name p{color:var(--main-color);font-size:2em}.portfolio__id{padding:20px}.portfolio__id p{font-weight:700;letter-spacing:-1px;margin:0 0 20px}.portfolio__projects h2{text-align:right;padding:10px}.portfolio__contact{background-color:var(--background-color);border-top:1px solid black;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;padding:20px 20px 0;height:fit-content;z-index:2}.portfolio__contact ul{display:flex;align-items:center;justify-content:flex-end;height:100%;gap:20px}.portfolio__contact a{text-decoration:none;color:var(--main-color);font-weight:900;font-size:1em;letter-spacing:-2px}.portfolio__contact .portfolio__contact_link{font-size:1.5em}@media (width >= 600px){main{height:96vh}.portfolio__main_container{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr 4fr 1fr}.portfolio__name{grid-area:1 / 1 / 2 / 1}.portfolio__id{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;grid-area:2 / 1 / 3 / 1}.portfolio__projects{padding:10px;grid-area:1 / 2 / 3 / 2}.portfolio__projects_grid{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;display:flex;flex-direction:column;height:95%}}.portfolio__credits{font-size:.8em;color:var(--main-color)}@media (width >= 850px){.portfolio__projects_grid{display:grid;grid-template-columns:repeat(19,1fr)}.portfolio__projects_grid a:nth-child(4n+1){grid-column-start:1;grid-column-end:11}.portfolio__projects_grid a:nth-child(4n+2){grid-column-start:11;grid-column-end:20}.portfolio__projects_grid a:nth-child(4n+3){grid-column-start:1;grid-column-end:9}.portfolio__projects_grid a:nth-child(4n){grid-column-start:9;grid-column-end:20}}.portfolio__contact{grid-column-start:1;grid-column-end:3}.label{max-width:fit-content;padding:1px 10px;background-color:var(--main-color);color:#fff}.project-card{display:flex;flex-direction:column;justify-content:space-between}.project-card div{width:100%;display:flex;justify-content:flex-end}.project-card:hover{transform:scale(1.05);transition:all 1.5s linear}.project-card:hover .project-card__link-icon{transform:translate(-10px);transition:all 2s linear}.project-card__link{text-decoration:none;color:#000;display:block}.project-card__time{font-size:.8em;color:var(--main-color)}.project-card__desc{margin:10px 0;letter-spacing:-1px;font-size:1.2em;line-height:1}.project-card__link-icon{color:var(--main-color)}.wild-social{display:flex;flex-direction:column;justify-content:space-between;position:relative;background-color:#e98fdd2d;border-radius:10px;border:.5px solid black;box-shadow:0 4px 0 0 var(--main-color)}.wild-social:after{background-image:url(/assets/wild-social-opti-DAE8rFHz.gif);--lines: .0003px;-webkit-mask-image:repeating-radial-gradient(circle at center,#000,var(--lines),#000,0,#0000,calc(var(--lines) * 2),#0000 0);mask-image:repeating-radial-gradient(circle at center,#000,var(--lines),#000,0,#0000,calc(var(--lines) * 2),#0000 0);content:"";background-repeat:no-repeat;background-position:50% 0;background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1}.out{display:flex;flex-direction:column;justify-content:space-between;position:relative;background-color:#b4fdc62d;border-radius:10px;border:.5px solid black;box-shadow:0 4px 0 0 var(--main-color);max-height:fit-content}.out:before{background-image:url(/assets/out-BhUPup6z.png);--lines: .0003px;-webkit-mask-image:repeating-radial-gradient(circle at center,#000,var(--lines),#000,0,#0000,calc(var(--lines) * 2),#0000 0);mask-image:repeating-radial-gradient(circle at center,#000,var(--lines),#000,0,#0000,calc(var(--lines) * 2),#0000 0);content:"";background-repeat:no-repeat;background-position:50% 0;background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2}.moov-it{display:flex;flex-direction:column;justify-content:space-between;position:relative;background-color:#fc95592d;border-radius:10px;border:.5px solid black;box-shadow:0 4px 0 0 var(--main-color)}.moov-it:before{background-image:url(/assets/moov-it-BjNRU0IY.png);--lines: .0003px;-webkit-mask-image:repeating-radial-gradient(circle at center,#000,var(--lines),#000,0,#0000,calc(var(--lines) * 2),#0000 0);mask-image:repeating-radial-gradient(circle at center,#000,var(--lines),#000,0,#0000,calc(var(--lines) * 2),#0000 0);content:"";background-repeat:no-repeat;background-position:50% 0;background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1}.wizard-castle{display:flex;flex-direction:column;justify-content:space-between;position:relative;background-color:#ffffff2d;border-radius:10px;border:.5px solid black;box-shadow:0 4px 0 0 var(--main-color)}.wizard-castle:before{background-image:url(/assets/wizard-castle-jk8fDLNQ.png);--lines: .0003px;-webkit-mask-image:repeating-radial-gradient(circle at center,#000,var(--lines),#000,0,#0000,calc(var(--lines) * 2),#0000 0);mask-image:repeating-radial-gradient(circle at center,#000,var(--lines),#000,0,#0000,calc(var(--lines) * 2),#0000 0);content:"";background-repeat:no-repeat;background-position:50% 0;background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1}.portfolio{display:flex;flex-direction:column;justify-content:space-between;position:relative;background-color:#ffffff2d;border-radius:10px;border:.5px solid black;box-shadow:0 4px 0 0 var(--main-color)}.portfolio:before{background-image:url(/assets/portfolio-2s8csAXx.png);--lines: .0003px;-webkit-mask-image:repeating-radial-gradient(circle at center,#000,var(--lines),#000,0,#0000,calc(var(--lines) * 2),#0000 0);mask-image:repeating-radial-gradient(circle at center,#000,var(--lines),#000,0,#0000,calc(var(--lines) * 2),#0000 0);content:"";background-repeat:no-repeat;background-position:50% 0;background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1}@media (width >= 850px){.project-card{min-height:260px}}*,*:before,*:after{box-sizing:border-box}*{margin:0}:root{font-family:Inter,sans-serif;--main-color: #590b4d;--background-color: #f9f8ef;--main-font: "Inter", sans-serif}body{line-height:1.5;-webkit-font-smoothing:antialiased;padding:2vh 2vw;background-color:var(--background-color);background-size:20px 20px;background-image:repeating-linear-gradient(45deg,#633f5d 0,#633f5d .1px,#fffef8 0,#fffef8 50%)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;overflow-wrap:break-word}#root,#__next{isolation:isolate}h1{color:var(--main-color);font-size:3em;letter-spacing:-2px;font-weight:900;line-height:1}h2{color:var(--main-color);font-size:2em;letter-spacing:-2px;font-weight:900;line-height:1;padding:10px 0;border-bottom:1px solid black}h3{color:var(--main-color);font-size:1.5em;letter-spacing:-2px;font-weight:00;line-height:1;margin:10px 0}@media (width >= 600px){h1{font-size:4em;letter-spacing:-5px;line-height:1}h2{font-size:2em}}