.wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:8px;height:82svh;margin:0 auto;padding:20px;background-color:black;border-radius:20px}.one{grid-column:span 2/span 2;grid-row:span 3/span 3}.two{grid-row:span 2/span 2;grid-column-start:3;display:flex;flex-direction:column;gap:10px;justify-content:start;.two-title{display:flex;justify-content:space-between;gap:10px;align-items:center}}.three{grid-row:span 2/span 2;grid-column-start:4;display:flex;flex-direction:column;gap:10px}.four{grid-column:span 2/span 2;grid-row:span 3/span 3;grid-column-start:3;grid-row-start:3}.five{grid-row:span 2/span 2;grid-row-start:4}.six{grid-row:span 2/span 2;grid-row-start:4;display:flex;flex-direction:column;justify-content:space-between;padding:15px;h1{margin:0}}.six-header{justify-content:space-between}.profile-block{border-radius:24px;padding:5px;flex-direction:column;color:white;position:relative;width:fit-content}.profile-block,.profile-header{display:flex;gap:24px;justify-content:center;align-items:center}.profile-image-container{position:relative;border-radius:20px;display:flex;align-items:center;justify-content:center}.profile-image{border-radius:20px;object-fit:cover}.intro-wrapper{h2{font-size:24px;text-decoration:none}}.intro-available{display:flex;gap:10px}.profile-infos{display:flex;gap:15px;width:100%;border:1px solid rgba(255,255,255,.3);border-radius:1rem;padding:10px;.info-item{display:flex;align-items:center;gap:5px}}.network-block{display:flex;flex-direction:row;width:100%;gap:16px}.badge{border-radius:20px;padding:10px 20px;color:var(--foreground);font-weight:700;font-size:14px;background:rgba(255,255,255,.15);backdrop-filter:blur(2px) saturate(180%);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px rgba(31,38,135,.2),inset 0 4px 20px rgba(255,255,255,.3);&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.1);border-radius:2rem;backdrop-filter:blur(1px);box-shadow:inset -10px -8px 0 -11px rgba(255,255,255,1),inset 0 -9px 0 -8px rgba(255,255,255,1);opacity:.6;z-index:-1;filter:blur(1px) drop-shadow(10px 4px 6px black) brightness(115%)}}.stack-block{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px}.tech-item{padding:2px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.wrapper-project{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:8px;padding:5px;border-radius:20px;min-width:100%;min-height:100%}.one-project{grid-column:span 2/span 2}.two-project{grid-column-start:3}.three-project{grid-column-start:1;grid-row-start:2}.four-project{grid-column-start:2;grid-row-start:2}.five-project{grid-column-start:3;grid-row-start:2;display:flex;flex-direction:column;gap:20px;justify-content:center;span{font-size:24px;margin-top:auto}}.custom-btn{box-sizing:border-box;background:rgba(217,217,217,.58);border:1px solid white;box-shadow:12px 17px 51px rgba(0,0,0,.22);backdrop-filter:blur(6px);border-radius:17px;text-align:center;cursor:pointer;transition:all .5s;display:flex;align-items:center;justify-content:center;user-select:none;font-weight:bolder;color:black}.custom-btn:hover{border:1px solid black;transform:scale(1.05)}.custom-btn:active{transform:scale(.95) rotate(1.7deg)}.about-me-block{padding:20px;border-radius:8px}.about-me-block,.six-header{display:flex;flex-direction:column;gap:5px}.six-header{align-items:center}.six-icon{color:var(--accent);background-color:var(--white);border-radius:100%;height:20px;width:20px;padding:10px}.six-paragraph{background-color:rgba(255,255,255,.9);padding:15px;line-height:1.1;border-radius:8px}.header{position:fixed;margin-left:10px;margin-top:10px;font-family:CrimsonText-Bold,sans-serif;font-size:18px;color:var(--white)}.switch-dark-mode{position:fixed;top:1rem;right:1rem}.construction-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f4efe8;position:relative;overflow:hidden;h1{font-size:3rem;margin-bottom:1.5rem;font-weight:400;letter-spacing:.05em;text-shadow:1px 1px 0 rgba(255,255,255,.8),-1px -1px 0 rgba(0,0,0,.1)}h1,p{font-family:Casselin,serif}p{font-size:1.1rem;color:#666;margin-bottom:1rem;text-shadow:1px 1px 0 rgba(255,255,255,.6),-1px -1px 0 rgba(0,0,0,.05)}}.construction-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.03),transparent 1px,transparent 2px,rgba(0,0,0,.03) 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.03),transparent 1px,transparent 2px,rgba(0,0,0,.03) 3px);opacity:.4;pointer-events:none}.content{text-align:center;color:#3a3a3a;padding:3rem;position:relative;z-index:1}.icon{font-size:3rem;margin-bottom:1.5rem;filter:drop-shadow(1px 1px 0 rgba(255,255,255,.8))}.loader{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:2rem auto;height:30px}.loader span{width:8px;height:8px;background-color:#666;border-radius:50%;animation:dotPulse 1.4s ease-in-out infinite;box-shadow:1px 1px 0 rgba(255,255,255,.6),-1px -1px 0 rgba(0,0,0,.1)}.loader span:first-child{animation-delay:0s}.loader span:nth-child(2){animation-delay:.2s}.loader span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1.2)}}.message{font-family:Casselin,serif;font-style:italic;opacity:.7;margin-top:2rem}