.intro-page{max-width:var(--content-max);margin-inline:auto;padding-inline:var(--page-pad);padding-block:clamp(.75rem,2vh,2rem);flex:1 1;min-height:max(20rem,calc(100vh - var(--nav-h) - var(--footer-h)));min-height:max(20rem,calc(100dvh - var(--nav-h) - var(--footer-h)));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,3vh,2rem)}.home-title,.intro-page{width:100%;font-family:minecraftbold}.home-title{text-align:center;font-size:clamp(1.5rem,1rem + 3.5vw,3.125rem);line-height:1.1;color:#ffffff;text-shadow:2px 2px 0 rgb(0 0 0/.9),-1px -1px 0 rgb(0 0 0/.9),0 0 12px rgb(0 0 0/.6)}.intro-layout{width:100%;gap:clamp(1rem,3vw,2rem)}.intro-layout,.intro-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.intro-wrapper{text-align:center;width:min(350px,100%);gap:clamp(.5rem,1.5vh,.875rem);padding:clamp(.875rem,3vw,1.5rem);font-size:clamp(.875rem,.75rem + .4vw,1.0625rem);font-weight:700;font-family:minecraftbold;cursor:pointer;background:linear-gradient(135deg,rgb(245,205,150),rgb(158,116,168),rgb(46,38,71));border:6px solid #241d3a;border-radius:6px;box-shadow:inset -4px -4px 0 rgb(46 38 71/.85),inset 4px 4px 0 rgb(245 205 150/.85),6px 6px 0 rgb(0 0 0),10px 10px 0 rgb(60 60 60/.55);image-rendering:pixelated;transition:transform .15s ease-in-out,box-shadow .15s ease-in-out}.intro-wrapper:hover{transform:translateY(-6px);box-shadow:inset -4px -4px 0 rgb(46 38 71/.85),inset 4px 4px 0 rgb(245 205 150/.85),10px 10px 0 rgb(0 0 0),14px 14px 0 rgb(40 40 40/.6)}.intro-wrapper:focus-visible{outline:4px solid #ffe066;outline-offset:4px}.myimg{width:clamp(6.5rem,16vw,12.5rem);aspect-ratio:1/1;border:5px solid black;border-radius:50%;overflow:hidden;flex:none}.myimg img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.name{margin-top:clamp(.25rem,1vh,.625rem)}.name h1{font-size:clamp(1rem,.85rem + 1.1vw,1.75rem);line-height:1.15}.info,.name h1{overflow-wrap:break-word}.info{font-size:clamp(.75rem,.7rem + .35vw,1rem);line-height:1.4}.cardnavigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;justify-items:center;grid-gap:clamp(.5rem,2vw,1.25rem);gap:clamp(.5rem,2vw,1.25rem);width:min(360px,100%)}.content{min-width:0}.content,.socials{display:flex;justify-content:center;width:100%}.socials{flex-flow:row wrap;align-items:center;gap:clamp(.75rem,3vw,1.25rem)}@media (min-width:700px){.cardnavigation{grid-template-columns:repeat(4,minmax(0,max-content));justify-content:center;width:auto}}@media (min-width:1000px){.intro-layout{display:grid;grid-template-columns:repeat(3,max-content);align-items:center;justify-content:center;grid-gap:clamp(1rem,3vw,2.5rem);gap:clamp(1rem,3vw,2.5rem)}.cardnavigation{grid-row:1;grid-column:1;grid-template-columns:minmax(0,1fr);gap:clamp(.625rem,1.5vw,1.25rem);width:auto}.intro-wrapper{grid-row:1;grid-column:2;width:clamp(17rem,28vw,21.875rem)}.content{grid-row:1;grid-column:3;width:clamp(15rem,24vw,18.75rem)}}@media (max-height:700px){.intro-page{justify-content:flex-start;gap:.75rem;padding-block:.5rem}.intro-wrapper{gap:.375rem;padding:.75rem}.myimg{width:clamp(5rem,12vh,8rem)}.name{margin-top:0}}.pixel-button{width:clamp(5.5rem,4.5rem + 5vw,8.75rem);min-width:44px;min-height:44px;padding:clamp(.4rem,1.2vw,.75rem) clamp(.3rem,1vw,.6rem);background:linear-gradient(180deg,#96b6da,#567496);border:4px solid #35475c;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:Press Start\ 2P,sans-serif;font-size:clamp(.5rem,.4rem + .45vw,.75rem);line-height:1.2;color:#35393e;text-transform:uppercase;text-align:center;text-shadow:1px 1px 0 #2c3820;position:relative;box-shadow:inset -3px -3px #566d87,inset 3px 3px #84a4c8;image-rendering:pixelated;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:gap .1s ease-in-out,transform .1s ease-in-out}.pixel-button img{display:block;width:clamp(1.5rem,1.1rem + 1.6vw,2.5rem);height:auto;image-rendering:pixelated}.pixel-button:after,.pixel-button:before{content:"";width:4px;height:4px;background:#2c3820;position:absolute;left:6px}.pixel-button:before{top:6px}.pixel-button:after{bottom:6px}.pixel-button:hover{animation:hover-bounce .5s ease-in-out forwards;gap:12px;cursor:pointer}.pixel-button:focus-visible{outline:4px solid #ffe066;outline-offset:3px}.pixel-button.is-active{border-color:#ffe066;box-shadow:inset -3px -3px #46586e,inset 3px 3px #b6cdea}@keyframes hover-bounce{0%{transform:scale(1)}30%{transform:scale(1.1)}50%{transform:scale(1)}70%{transform:scale(1.05)}to{transform:scale(1.08)}}@media (hover:none){.pixel-button:hover{animation:none;gap:3px}}.contact-link{--tile:#f7f3e8;--brand:#f7f3e8;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:clamp(2.75rem,2.25rem + 1.5vw,3.5rem);min-width:44px;min-height:44px;aspect-ratio:1/1;cursor:pointer;flex:none;background-color:var(--tile);border-radius:24%;border:2px solid #000000;box-shadow:0 3px 0 rgba(0,0,0,.5);animation:social-in .5s cubic-bezier(.2,.8,.3,1) backwards;transition:translate .18s cubic-bezier(.2,.8,.3,1),scale .18s cubic-bezier(.2,.8,.3,1),background-color .22s ease,background-image .22s ease,box-shadow .18s ease}.contact-link:first-child{animation-delay:.05s}.contact-link:nth-child(2){animation-delay:.13s}.contact-link:nth-child(3){animation-delay:.21s}.contact-link:nth-child(4){animation-delay:.29s}.contact-link[data-social=contact]{--brand:#ff9b7a}.contact-link[data-social=insta]{--brand:#ff6bab}.contact-link[data-social=linkedin]{--brand:#5cb3ff}.contact-link[data-social=github]{--brand:#d2b3ff}.contact-link:focus-visible,.contact-link:hover{background-color:var(--brand);translate:0 -4px;scale:1.08;box-shadow:0 7px 0 rgba(0,0,0,.45)}.contact-link[data-social=insta]:focus-visible,.contact-link[data-social=insta]:hover{background-image:linear-gradient(135deg,#ffdd77,#ff8a5c,#ff6bab,#c86dff)}.contact-link:active{translate:0 1px;scale:1.02;box-shadow:0 1px 0 rgba(0,0,0,.5)}.contact-link:focus-visible{outline:4px solid #ffe066;outline-offset:3px}.contact-image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}@keyframes social-in{0%{opacity:0;translate:0 10px;scale:.8}to{opacity:1;translate:0 0;scale:1}}@media (hover:none){.contact-link:hover{translate:0 0;scale:1;box-shadow:0 3px 0 rgba(0,0,0,.5)}}@media (prefers-reduced-motion:reduce){.contact-link{animation:none}.contact-link:active,.contact-link:focus-visible,.contact-link:hover{translate:0 0;scale:1}}.content-wrapper{background:linear-gradient(135deg,rgb(245,205,150),rgb(158,116,168),rgb(46,38,71));color:white;width:min(300px,100%);min-height:clamp(14rem,34vh,25rem);padding:clamp(.75rem,2vw,1.5rem);border:6px solid #241d3a;box-shadow:inset -4px -4px 0 rgb(46 38 71/.85),inset 4px 4px 0 rgb(245 205 150/.85),6px 6px 0 rgb(0 0 0),10px 10px 0 rgb(60 60 60/.55);image-rendering:pixelated;font-family:minecraft}.actualcontent,.content-wrapper{display:flex;justify-content:center;align-items:center;border-radius:6px}.actualcontent{background-color:black;width:100%;min-height:100%;padding:clamp(.75rem,2.5vw,1.25rem);flex-direction:column;gap:clamp(.5rem,1.5vh,1rem);text-align:center;border:2px solid #4a3d5f;box-shadow:inset 0 0 0 2px rgb(0 0 0),inset 0 0 14px rgb(245 205 150/.22);overflow-wrap:break-word}.actualcontent h2{font-size:clamp(.9375rem,.85rem + .6vw,1.375rem);line-height:1.2}.actualcontent p{font-size:clamp(.8125rem,.75rem + .35vw,1.0625rem);line-height:1.5}@media (max-height:700px){.content-wrapper{min-height:0}}