@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";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=Patrick+Hand&family=Permanent+Marker&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}html{scroll-behavior:smooth}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:url(/scrollbar3.webp);background-size:contain;background-repeat:no-repeat;border-radius:6px}.Pencil-Color{color:#2f2f2f}@media(max-width:768px){body{padding:30px 40px 20px}}@media(max-width:1366px){::-webkit-scrollbar{width:25px}}.About-Container{position:relative;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.Highlighter{background-color:#fff2008d}.paper-shadow-wrapper{filter:drop-shadow(5px 5px 10px rgba(0,0,0,.3));transition:transform .3s ease;max-width:600px;width:100%}.torn-paper{background-color:#f4f1ea;background-image:linear-gradient(to right,rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.02) 1px,transparent 1px);background-size:20px 20px;padding:40px;min-height:300px;color:#2d2a26;position:relative;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.torn-paper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;opacity:.6;z-index:1}.tape{position:absolute;top:-15px;left:50%;transform:translate(-50%) rotate(1deg);width:100px;height:30px;background-color:#fff6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 1px 3px #0000001a;z-index:10}.About-Header h1{font-family:Permanent Marker,Comic Sans MS,Brush Script MT,cursive,sans-serif;text-align:center;font-size:50px;margin-bottom:20px;margin-top:0;color:#000}.About-Desc{font-family:Patrick Hand,Comic Sans MS,Brush Script MT,cursive,sans-serif;font-size:1.4rem;line-height:1.6}.Mosquito{position:absolute;width:50px;left:-3%;filter:drop-shadow(0px 4px 10px rgba(0,0,0,.6))}.Mosquito-Blood{position:absolute;width:50px;left:-3%;z-index:-1000}.shavings{position:absolute;width:300px;left:75%;z-index:10;transform:rotate(180deg);filter:drop-shadow(0px 4px 10px rgba(0,0,0,.3))}@media(max-width:768px){.About-Desc{font-size:1.2rem}.Mosquito{width:30px;left:-8%}.Mosquito-Blood{width:30px;left:-8%;z-index:-1000}.shavings{display:none}}.Contact-Header{font-size:30px;font-family:Permanent Marker,Comic Sans MS,Brush Script MT,cursive,sans-serif;text-align:center}.Contact-Container{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:wrap;margin-bottom:60px;position:relative;margin-top:40px}.Contact-Note{margin-top:40px;width:650px;background-color:#fff;padding:50px 20px 30px;font-family:Architects Daughter,Comic Sans MS,Brush Script MT,cursive,sans-serif;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;z-index:10}.Contact-Parent{position:relative}.Binder{position:absolute;width:200px;top:1px;transform:rotate(90deg)}.Contact-Item{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center}.Item-Header{display:flex;align-items:center;gap:15px;color:#e44242;font-size:28px}#LinkedIn{width:25px}#Github-Icon{width:30px}.Item-Header img{width:40px}.Item-Value{font-size:22px;padding-left:10px;color:#26347f;z-index:10}.Item-Value a{color:#26347f;text-decoration:none}.Pen{position:absolute;width:700px;left:-45%;top:8px;filter:drop-shadow(-8px 0px 10px rgba(0,0,0,.3));z-index:3}.Scribble{position:absolute;width:200px;left:70%;top:280px}.Stain{position:absolute;width:200px;left:80%;top:290px}@media(max-width:768px){.Contact-Note{width:300px;gap:30px}.Item-Header{justify-content:center;font-size:24px}.Item-Header img{width:25px}.Item-Value{text-align:center;font-size:18px}.Pen{position:absolute;width:500px;left:-74%;top:8px}.Scribble{position:absolute;width:90px;left:70%;top:280px}.Stain{display:none}}.Footer-Container{margin-top:30px;margin-bottom:30px;text-align:center;font-family:Architects Daughter,Comic Sans MS,Brush Script MT,cursive,sans-serif;color:#545454}.Hero-Container{display:flex;justify-content:center;gap:160px;flex-wrap:wrap;margin-bottom:60px;position:relative}.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}.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){.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}}.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}}.Project-Header h1{font-family:Permanent Marker,Comic Sans MS,Brush Script MT,cursive,sans-serif;text-align:center;font-size:50px;margin-bottom:40px}.Project-Container{margin-top:50px;display:flex;flex-direction:column;align-items:center;gap:20px}.Flip-Notebook{height:450px;width:350px;background-color:#fff;box-shadow:0 10px 40px #00000014;font-family:Reenie Beanie,Comic Sans MS,Brush Script MT,cursive,sans-serif;padding-top:20px}.Flip-Parent{position:relative}.Spiral{position:absolute;width:40px;top:0;left:-6%}.project-info-left{position:absolute;left:-100%;top:120px;font-family:Reenie Beanie,Comic Sans MS,Brush Script MT,cursive,sans-serif;font-size:40px}.project-info-right{position:absolute;top:80px;left:130%;font-family:Reenie Beanie,Comic Sans MS,Brush Script MT,cursive,sans-serif;width:170px;font-size:40px}.Project1{text-align:center;position:relative}.Project1 h1{color:#e35642;margin-bottom:20px;font-size:42px}.Project1-Desc{margin-left:20px;font-size:23px}.Mern{position:absolute;width:100px;top:-10px;left:65%;transform:rotate(8deg)}.Project1-Button{display:flex;align-items:center;justify-content:center}.Project1-Repo{font-family:Reenie Beanie,Comic Sans MS,Brush Script MT,cursive,sans-serif;font-size:20px;background-color:#fff;border:2px solid black;border-radius:250px 5px 200px 30px/20px 220px 15px 230px;width:100px;text-align:center;margin-top:30px;margin-left:20px}.Project1-Repo:hover{background-color:#000;color:#fff;cursor:pointer}.Project1-Live{font-family:Reenie Beanie,Comic Sans MS,Brush Script MT,cursive,sans-serif;font-size:20px;background-color:#fff;border:2px solid black;border-radius:250px 5px 200px 30px/20px 220px 15px 230px;width:100px;text-align:center;margin-top:30px;margin-left:20px}.Project1-Live:hover{background-color:#000;color:#fff;cursor:pointer}.FB-Arrow{width:200px}.Notebook-Arrows{position:absolute;top:50%;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:40px;width:auto;pointer-events:none}.Notebook-Arrows button{pointer-events:all;background:transparent;border:none;cursor:pointer}.Notebook-Arrows img{width:100px;height:100px}.Previous{transform:rotate(180deg);margin-top:10px}.Cat{position:absolute;width:150px;top:200px;left:-150%;z-index:10;animation:Cat 40s linear forwards,catFloat 6s ease-in-out infinite}@keyframes Cat{0%{left:180%}to{left:-120%}}@keyframes catFloat{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-12px) rotate(1.5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-8px) rotate(-1.5deg)}to{transform:translateY(0) rotate(0)}}@media(max-width:768px){.Flip-Notebook{height:380px;width:300px;background-color:#fff}.Spiral{top:0;left:-7%}.project-info-left,.project-info-right{display:none}.Cat{animation:catFloat 6s ease-in-out infinite;width:100px;top:80%;left:-5%}.Notebook-Arrows{top:90%;transform:translate(-50%,-50%);gap:20px}.Notebook-Arrows img{width:60px;height:60px}}.Skills-Header{font-family:Permanent Marker,Comic Sans MS,Brush Script MT,cursive,sans-serif;text-align:center;font-size:50px}.Skills-Container{margin-top:30px;position:relative}.Sticky{margin-top:50px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:60px}.Sticky ul{list-style:none}.Note{height:250px;width:250px;background-color:#ffeb7f;padding:30px 20px;text-align:center;font-family:Architects Daughter,Comic Sans MS,Brush Script MT,cursive,sans-serif;position:relative;transition:all .3s ease-out}.Note:hover{scale:1.1}.Note h3{font-weight:bolder;text-decoration-line:underline;text-decoration-style:wavy;margin-bottom:30px;margin-top:15px}.Push-Pin{position:absolute;width:50px;top:2px;left:35%}.Balloon{position:absolute;width:250px;z-index:10;left:-5%;animation:move 36s linear forwards,float 6s ease-in-out infinite}@keyframes move{0%{left:-5%}to{left:90%}}@media(max-width:768px){.Skills-Header{font-size:36px}.Balloon{animation:float 6s ease-in-out infinite;width:100px;left:90%;top:90%}}@media(max-width:1366px){@keyframes move{0%{left:-5%}to{left:95%}}}.wave-container{width:100vw;max-width:100%;height:65px;background:url(/wave2.webp) repeat-x;background-size:170px auto;animation:scroll 36s linear infinite;position:absolute;left:0%;z-index:100;bottom:-30px}.wave-parent{position:relative;max-width:100%;height:60px}.ship{position:absolute;width:200px;left:50%;transform:translate(-50%);bottom:-27px;z-index:1;animation:float 6s ease-in-out infinite,drift 32s linear infinite}.wave-container svg{width:100px}@keyframes float{0%{transform:translate(-50%) translateY(0) rotate(0)}25%{transform:translate(-50%) translateY(-5px) rotate(-2deg)}50%{transform:translate(-50%) translateY(0) rotate(0)}75%{transform:translate(-50%) translateY(5px) rotate(2deg)}to{transform:translate(-50%) translateY(0) rotate(0)}}@keyframes drift{0%{left:90%}to{left:10%}}@keyframes scroll{0%{background-position:0 0}to{background-position:-100% 0}}@media(max-width:768px){.wave-container{background-size:120px;bottom:-30px}.ship{width:100px;bottom:-5px}}