@import"https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Permanent+Marker&family=Reenie+Beanie&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#2f2f2f transparent}body{background-color:#fdfbf7;background-image:linear-gradient(#e1e1e1 1px,transparent 1px),linear-gradient(90deg,#e1e1e1 1px,transparent 1px);background-size:100% 2rem,2rem 100%;padding:30px 80px 20px}::-webkit-scrollbar{width:35px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-image:url(/scrollbar3.webp);background-size:100% 100%;background-position:center;background-repeat:no-repeat;border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{opacity:.8}@media(max-width:768px){::-webkit-scrollbar{width:20px}body{padding:30px 40px 20px}}@media(max-width:1366px){::-webkit-scrollbar{width:25px}}@media(min-width:1367px)and (max-width:1920px){::-webkit-scrollbar{width:40px}}@media(min-width:1921px){::-webkit-scrollbar{width:50px}}.Pencil-Color{color:#2f2f2f}.Hero-Container{display:flex;justify-content:center;gap:160px;flex-wrap:wrap;margin-bottom:60px;position:relative}.Stamp{position:absolute;width:100px;z-index:1000;left:66%;top:79%;transform:rotate(-19deg)}.video2{position:absolute;top:56px;left:40%;width:400px;z-index:1;cursor:pointer}.cloud{position:absolute;width:300px;left:81%;z-index:-100;top:-60px;will-change:transform}.cloud2{position:absolute;width:400px;left:-5%;top:300px;z-index:100;will-change:transform}.Plane{position:absolute;width:100px;z-index:10000;top:-50px;left:-4%;will-change:transform}.Plane2{position:absolute;width:300px;z-index:10000;top:300px;left:80%;will-change:transform}.Hero-Text{font-size:40px;font-family:Permanent Marker,Comic Sans MS,Brush Script MT,cursive,sans-serif}.Hero-Text p{font-size:smaller;text-align:center;color:#264de4}.Image-Card{position:relative;background-color:#fff;height:450px;width:350px;margin-top:10px;box-shadow:0 10px 40px #00000014;transform:rotate(-3deg);padding:20px 20px 80px;transition:all .2s ease-out}.Image-Card:hover{transform:rotate(3deg)}.Tape{position:absolute;top:-20px;left:50%;transform:translate(-50%) rotate(-15deg);width:200px;pointer-events:none;z-index:10}.Hero-Description{position:relative;margin-top:40px;border:2px solid transparent;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:20px;background-color:#fffb7d}.Paper-Clip{position:absolute;top:-73.5px;left:96%;transform:translate(-50%) rotate(-5deg);width:200px;pointer-events:none;z-index:10}.Hero-Description p{color:#2f2f2f;font-family:Reenie Beanie,Comic Sans MS,Brush Script MT,cursive,sans-serif}.Image-Inside-Card{height:100%;width:100%}.Image-Inside-Card img{width:100%;height:100%;object-fit:cover;border-radius:6px}.Image-Name{font-family:Reenie Beanie,Comic Sans MS,Brush Script MT,cursive,sans-serif;text-align:center;margin-top:10px;font-size:40px;color:#264de4}.button{font-family:Reenie Beanie,Comic Sans MS,Brush Script MT,cursive,sans-serif;font-size:26px;background-color:#fff;border:2px solid black;border-radius:250px 5px 200px 30px/20px 220px 15px 230px;width:150px;text-align:center;padding:10px;margin-top:30px}.button:hover{background-color:#000;color:#fff;cursor:pointer;border-radius:240px 15px 225px 20px/10px 230px 25px 210px}.Button-Parent{display:flex;justify-content:center;gap:40px;margin-top:10px}.Github-Button-Container{position:relative}.Git-button{position:relative;z-index:2;font-family:Reenie Beanie,Comic Sans MS,Brush Script MT,cursive,sans-serif;font-size:26px;background-color:#fff;border:2px solid black;border-radius:250px 5px 200px 30px/20px 220px 15px 230px;width:150px;text-align:center;padding:10px;margin-top:30px;cursor:pointer}.Github{position:absolute;width:30px;top:20px;left:40%;transform:translateY(10px);transition:all .3s ease;pointer-events:none;z-index:1}.Git-button:hover{background-color:#000;color:#fff}.Git-button:hover~.Github{transform:translateY(-10px);opacity:1}.Resume-Button-Container{position:relative}.Resume-Icon{position:absolute;width:100px;top:20px;left:20%;transform:translateY(10px);transition:all .3s ease;pointer-events:none;z-index:1}.Resume-Button-Container .Git-button:hover~.Resume-Icon{transform:translateY(-15px);opacity:1}@media(max-width:1024px){.Hero-Container{gap:60px;text-align:center}.Stamp{width:80px}.video2{display:none}.Image-Card{height:400px;width:300px;transform:rotate(-2deg)}.Tape{width:180px}.Hero-Description{overflow:visible}.Paper-Clip{left:8%;width:150px;top:-55px;transform:translate(-50%) rotate(-5deg)}.cloud{width:200px;left:80%;top:-80px}.cloud2{width:200px;left:-10%}.Plane{width:70px}.Plane2{width:200px}}@media(max-width:768px){.Stamp{width:70px}.Hero-Container{gap:20px;text-align:center}.Image-Card{height:350px;width:250px;margin-bottom:40px}.Tape{width:150px}.Hero-Text{font-size:25px}.Image-Card{transform:rotate(-3deg)}.Hero-Description{overflow:visible}.Paper-Clip{left:8%;width:120px;top:-45px;transform:translate(-50%) rotate(-90deg);overflow-y:hidden}.cloud{width:200px;left:40%;top:-80px}.cloud2{width:200px;left:-8%}.Plane,.Plane2{width:70px}.video2{display:none}}.Navbar-Container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:80px}.Page-Header{font-family:Permanent Marker,Comic Sans MS,Brush Script MT,cursive,sans-serif;transform:rotate(-3deg);display:inline-block;letter-spacing:2px;color:#e44242;font-size:35px}.Navbar-Links{font-family:Architects Daughter,Comic Sans MS,Brush Script MT,cursive,sans-serif;list-style:none;display:flex;gap:40px;font-size:30px}.Navbar-Links li{cursor:pointer}a{text-decoration:none;color:inherit;background:none;border:none;outline:none}a:visited,a:hover,a:active{text-decoration-line:underline;text-decoration-style:wavy;color:inherit}@media(max-width:768px){.Navbar-Container{flex-direction:column;gap:10px;text-align:center}.Page-Header{font-size:24px;transform:rotate(-2deg)}.Navbar-Links{gap:20px;font-size:24px;justify-content:center}}