@font-face{font-family:font1;src:url(/fonts/PlaywriteFRModerne-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal}@keyframes floatUp{0%,to{transform:translate(0)rotate(2.5deg)}50%{transform:translate(0)translateY(-12px)rotate(2.5deg)}}@keyframes floatDown{0%,to{transform:rotate(-2.5deg)}50%{transform:translateY(12px)rotate(-2.5deg)}}html{scroll-snap-type:y proximity;scroll-behavior:smooth;height:100%}body{min-width:350px;min-height:100vh;margin:0;padding:0;font-family:font1;overflow-y:scroll}:root{--text-primary:#111;--text-secondary:#555;--rectangle-bg:#efe8debd;--rectangle-border:#000;--blog-content-bg:#fff;--card-shadow:#00000040;--paper-line:#000000bd;color:#000;--same_color:#fff}@media (prefers-color-scheme:dark){:root{--text-primary:#fff;--text-secondary:#f8f1f1;--rectangle-bg:#2a2a2ad1;--rectangle-border:#d4d4d4;--blog-content-bg:#1f1f1f;--card-shadow:#0000008c;--paper-line:#ffffff93;color:#fff;--same_color:#000}:root .card:first-child{--paper:#4f4728}:root .card:nth-child(2){--paper:#304537}:root .card:nth-child(3){--paper:#2d4154}:root .card:nth-child(4){--paper:#4b3232}}.hero-container{background-image:url(/page_1.svg);background-size:cover;flex-direction:column;justify-content:space-between;align-items:center;gap:30px;min-height:100svh;display:flex;position:relative;overflow:visible}.hero-text-container{flex-direction:row;align-items:center;gap:20px;margin-top:0%;margin-left:0;padding:5vh 2vh 0;display:flex}.hero-text-wrapper{flex-direction:column;gap:12px;display:flex}.hero-text-wrapper h1{color:var(--text-primary);text-shadow:6px 5px 6px #0000006b;width:max-content;margin-bottom:0%;font-size:6vh;line-height:1.4}.hero-text-wrapper h1 span{font-size:8vh}.block{display:block}.hero-text-wrapper h2{text-shadow:6px 5px 3px #5555558a;width:auto;color:var(--text-secondary);text-align:center;margin-top:0%;font-size:1.5vh;line-height:1.5}.stickynotes-container{grid-template-columns:1fr 1fr;gap:0 10px;width:auto;height:fit-content;padding:0 0 0 3vh;display:grid}.sticky-note{cursor:pointer;justify-content:center;align-items:center;gap:16px;height:fit-content;padding:0;transition:transform .2s;display:flex;position:relative}.sticky-note img{object-fit:fill;width:70px;height:70px;display:block}.sticky-note span{color:#333;text-align:center;text-align:center;pointer-events:none;font-size:10px;font-weight:400;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sticky-note:hover{opacity:1;transform:scale(1.05)}.profile-image-container{flex-shrink:0;justify-content:center;align-items:center;width:260px;max-width:400px;height:auto;margin-top:auto;margin-bottom:0;padding-bottom:0;display:flex}.profile-image-container img{object-fit:contain;width:100%;height:auto;margin-bottom:0;padding-bottom:0;display:block}.hero-text-container,.profile-image-container{flex:1}.aboutme-container{background-image:url(/page_2.svg);background-size:100vh;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}.aboutme-text-container{box-sizing:border-box;flex-direction:column;max-width:1300px;display:flex}.aboutme-text-container h1{text-align:center;margin-top:4.4vh;margin-bottom:1.5vh;font-size:4vh}.aboutme-text-container p{text-align:left;padding:0 3vh;font-size:1.5vh;line-height:2.5}.para2{margin-bottom:20px}.projects-container{background-image:url(/page_3.svg);background-size:cover;min-height:100vh;padding-top:.1vh;padding-bottom:5vh}.projects-container h1{text-align:center;margin-top:4.4vh;margin-bottom:1.5vh;font-size:4vh}.rectangle-container{grid-template-columns:repeat(1,1fr);justify-items:center;gap:100px;width:90%;margin:40px auto;padding:0 3vh 5vh;display:grid}.rectangle{background-color:var(--rectangle-bg);border:3px solid var(--rectangle-border);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-width:300px;max-width:450px;height:auto;padding:10px;transition:transform .1s;display:flex}.rectangle h2{text-align:center;border:2px solid var(--rectangle-border);width:100%;margin:0 auto;padding:6px 0}.title{text-shadow:0 0 5px #000;width:auto}.category{color:var(--text-secondary);background-color:text-primary;-webkit-box-shadow:inset 0 0 10px 1px #000000bf;-moz-box-shadow:inset 0 0 10px 1px #000000bf;box-shadow:inset 0px 0px 10px 1px var(--text-primary);border:solid;padding:0 10px;font-size:20px;font-weight:400}.rectangle p{text-align:center;height:100px;margin:0;padding:0 10px 10px;font-size:16px}.rectangle-container a:nth-child(odd) .rectangle{animation:3s ease-in-out infinite floatDown;transform:rotate(1.5deg)}.rectangle-container a:nth-child(2n) .rectangle{animation:3s ease-in-out infinite floatUp;transform:rotate(-1.5deg)}.rectangle-link{color:inherit;text-decoration:none}.rectangle:hover{scale:1.1}.contact-container{background:url(/page_4.svg) 0 0/100% repeat-y;flex-direction:column;align-items:center;gap:40px;min-height:100vh;margin-top:0;font-family:font1;display:flex;position:relative;overflow:hidden}.contact-text-container h1{text-align:center;margin-top:4.4vh;margin-bottom:1.5vh;font-size:4vh}.contact-icons{grid-template-columns:1fr;justify-content:center;place-items:center;gap:30px;width:100%;max-width:900px;display:grid}.contact-icons img{object-fit:contain;width:100px;height:100px;transition:transform .3s}.contact-icons a{flex-direction:column;align-items:center;display:flex}.social-caption{color:var(--text-secondary);text-align:center;margin-top:8px;font-size:16px}.contact-icons a:nth-child(odd){transform:rotate(-5deg)}.contact-icons a:nth-child(2n){transform:rotate(5deg)}.contact-icons a:hover{filter:drop-shadow(0 10px 15px #0003);transform:scale(1.2)rotate(0)}.blog-container{background:url(/page_5.svg) no-repeat;min-height:100vh;padding:0 20px 40px;position:relative;overflow:hidden}.blog-container h1{text-align:center;margin-top:4.4vh;margin-bottom:1.5vh;font-size:4vh}.card-container{grid-template-columns:1fr;justify-items:center;gap:30px;max-width:1900px;margin:40px auto;display:grid}.card{width:280px;height:260px;box-shadow:0 10px 25px var(--card-shadow);background-color:var(--paper);background-image:repeating-linear-gradient(to bottom, transparent 0px, transparent 30px, var(--paper-line) 31px);isolation:isolate;background-size:100% 31px;border-radius:22px;flex-direction:column;justify-content:space-between;padding:18px;transition:transform .25s,scale .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;transform:rotate(1.5deg)}.card:before{content:"";z-index:0;background:#e8949473;width:2px;height:100%;position:absolute;top:0;left:42px}.card:after{content:"";background:var(--pin);border-radius:999px;width:22px;height:22px;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 5px #ffffff47}.card h2{z-index:2;text-align:left;width:calc(100% - 52px);color:var(--text-primary);flex-direction:column;align-items:flex-start;margin:82px 0 0 42px;font-size:17px;line-height:1.8;display:flex;position:relative}.card .date{z-index:2;color:var(--text-secondary);text-align:left;margin-top:6px;font-size:12px;position:relative}.title-card{color:var(--text-primary)}.card:hover{box-shadow:0 18px 40px var(--card-shadow);transform:rotate(0)scale(1.08)}.card:first-child{--paper:#f8efad;--pin:#7b96f1}.card:nth-child(2){--paper:#dff5e4;--pin:#ff7b9c}.card:nth-child(3){--paper:#dfeeff;--pin:#7c6df2}.card:nth-child(4){--paper:#ffe1e1;--pin:#67b97f}.blogview-container{background:url(/page_5.svg) 0 0/cover;justify-content:center;align-items:flex-start;min-height:100vh;display:flex}.blogpage-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;max-width:1600px;margin:0 auto;padding:0;display:flex}.blogpage-title{text-align:center;margin-bottom:10px;font-size:clamp(28px,4vw,40px);font-weight:500;line-height:1.3}.blogpage-content{background:var(--blog-content-bg);border-radius:12px;margin-top:20px;padding:18px;box-shadow:0 6px 20px #00000014}.blogpage-content p{text-align:auto;margin-bottom:16px;font-size:14px;line-height:1.9}.back-btn{color:var(--text-primary);background:var(--blog-content-bg);cursor:pointer;border:1px solid #ddd;border-radius:8px;align-self:flex-start;margin-top:70px;padding:8px 14px;font-size:14px;transition:all .2s}.back-btn:hover{background-color:var(--text-primary);color:var(--same_color);transform:translate(-3px)}@media (width>=768px){.block{display:inline-block}.hero-text-wrapper h2{font-size:1.8vh}.aboutme-text-container p{font-size:2.6vh;line-height:2.75}.para2{margin-top:-23px;margin-bottom:100px}.rectangle-container{grid-template-columns:repeat(2,1fr);row-gap:12vh}.contact-icons{grid-template-columns:repeat(1,1fr);justify-content:space-evenly;gap:60px;margin-top:4%;scale:1.1}.rectangle-container{margin:10vh auto}.aboutme-text-container h1,.projects-container h1{margin-top:3.4vh;margin-bottom:2.5vh;font-size:5vh}.contact-text-container h1{margin-top:3.4vh;font-size:5vh}.blog-container h1{margin-top:3.4vh;margin-bottom:2.5vh;font-size:5vh}.card-container{grid-template-columns:repeat(2,1fr);justify-items:center;display:grid}.blogpage-content p{font-size:17px}}@media (width>=1526px){body{height:100dvh}.hero-container{flex-direction:row;justify-content:center;align-items:center;gap:30px}.profile-image-container img{height:auto}.hero-text-container{padding-left:15vw}.stickynotes-container{grid-template-columns:1fr 1fr}.profile-image-container{padding-right:20vw}.aboutme-container{background-size:98%}.rectangle-container{grid-template-columns:repeat(3,1fr);row-gap:22vh}.aboutme-text-container h1{margin-top:4.4vh;margin-bottom:3.5vh;font-size:6vh;line-height:2.09}.para2{margin-top:35px}.projects-container h1,.contact-text-container h1,.blog-container h1{margin-top:4.4vh;margin-bottom:3.5vh;font-size:6vh}.contact-icons{grid-template-columns:repeat(3,1fr);gap:60px;margin:15vh auto;scale:1.9}.rectangle-container{margin:15vh auto}.card-container{justify-items:center;column-gap:auto;grid-template-columns:repeat(3,1fr);row-gap:190px;margin:15vh auto;display:grid}.card{scale:1.3}.card:hover{scale:1.4}.blogpage-content p{font-size:19px}}.loader{background:var(--same_color);position:fixed;inset:0}.book{background:var(--blog-content-bg);flex-direction:column;gap:18px;width:100%;height:100%;padding:30px;display:flex}.book span{background:var(--paper-line);border-radius:20px;height:4px;padding-top:10px;animation:1s infinite load}.book span:nth-child(3n){width:60%}.book span:nth-child(4n){width:80%}@keyframes load{50%{opacity:.35}}