*{padding:0;margin:0;box-sizing:border-box;font-family:Courier New,Courier,monospace}body{background-color:#f7eedc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='0.6' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.3' /%3E%3C/svg%3E");min-height:100vh}.home{min-height:70vh;padding:2rem}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Courier New,Courier,monospace;position:relative}.bg-icons{opacity:40%}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-30px) rotate(90deg)}50%{transform:translateY(-60px) rotate(180deg)}75%{transform:translateY(-30px) rotate(270deg)}}.bg-icons .triangle-icon{position:absolute;top:6em;left:7em;animation:float 8s ease-in-out infinite,spin 10s infinite}.bg-icons .square-icon{position:absolute;top:30em;right:10em;animation:float 10s ease-in-out infinite 1s,spin 10s infinite}.bg-icons .heart-icon{position:absolute;top:30em;left:7.5em;animation:float 7s ease-in-out infinite 2s,spin 10s infinite}.bg-icons .scissors-icon{position:absolute;top:10em;right:8em;animation:float 9s ease-in-out infinite .5s,spin 10s infinite ease}.title-name{padding:4px 50px;border-radius:5px;font-size:clamp(2.5rem,8vw,5rem);position:relative;text-align:center}.title-name:after{content:"";position:absolute;background-color:#ffc400;width:100%;height:1.2em;z-index:-1;bottom:0;left:0;opacity:30%;border-radius:12px}.main{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.7em;max-width:90%}.subtitle{font-size:clamp(1rem,4vw,2rem);font-weight:600;margin-inline:auto;overflow:hidden;white-space:nowrap;border-right:1px solid;display:inline-block;animation:typing 3s steps(22),blink 1s step-end infinite,type-loop 6s steps(22) 3s infinite}.subtext{font-size:clamp(1rem,3vw,1.7rem);max-width:25em;text-align:center}.buttons{display:flex;flex-wrap:wrap;gap:1em;justify-content:center}.button{min-width:10em;padding:1em 2em;box-shadow:4px 4px #000;transition:transform .1s,box-shadow .1s;border:2px solid black;font-size:clamp(.9rem,2vw,1rem);cursor:pointer;font-family:Courier New,Courier,monospace;font-weight:600}.button:hover{transform:translateY(-2px);box-shadow:4px 6px #000}.button:active{transform:translateY(0);box-shadow:2px 2px #000}.about-me{background-color:#be0000;color:#fff}.skills{background-color:#4f89aa;color:#fff}.connect{background-color:#fb0}@keyframes typing{0%{width:0}to{width:31ch}}@keyframes type-loop{0%,15%{width:31ch}45%,55%{width:0}85%,to{width:31ch}}@keyframes blink{50%{border-color:transparent}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.bg-icons .triangle-icon,.bg-icons .square-icon,.bg-icons .heart-icon,.bg-icons .scissors-icon{display:none}.title-name{padding:4px 20px}.buttons{flex-direction:column;width:100%}.button{width:100%}}.about-sect{display:flex;flex-direction:column;align-items:center;gap:4em;min-height:40em;padding:2rem}.about-title{font-size:clamp(2rem,5vw,3rem)}.about-content{display:flex;flex-wrap:wrap;gap:clamp(2em,5vw,10em);justify-content:center;max-width:100%}.abt-hello{transform:rotate(3deg)}.abt-interests{transform:rotate(-3deg)}.post-it.abt-interests:after{background-color:#5f5fff;border-color:#000}.post-it.abt-interests:before{background-color:#5f5fff;border-color:#000}.int-box{display:flex;flex-direction:column;flex-wrap:wrap}.int-title{display:flex;gap:clamp(.5em,1em,2em)}.int-h1{font-size:1.4em}.pencil{color:#f80}.guitar{color:red}.code{color:#00f}.interests-box{display:flex;flex-wrap:wrap;flex-direction:column;gap:clamp(.5em,1em,2em)}@media(max-width:768px){.about-sect,.about-content{gap:2em}.abt-hello,.abt-interests{transform:rotate(0)}}.post-it{display:flex;position:relative;flex-direction:column;background-color:#e8d4b8;width:100%;max-width:30em;height:fit-content;gap:1em;padding:1em;box-shadow:5px 6px 15px -8px #666666bf;border:.2em solid rgb(126,75,34)}.post-content{font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.post-title{font-size:clamp(1.3rem,3vw,1.8rem)}.post-it:after{content:"";position:absolute;width:4em;height:1.4em;background-color:#ffd95a;top:-.8em;left:-2em;transform:rotate(145deg);opacity:40%;border:.01em solid rgb(126,75,34)}.post-it:before{content:"";position:absolute;width:4em;height:1.4em;background-color:#ffd95a;top:-.8em;right:-2em;transform:rotate(35deg);opacity:40%;border:.01em solid rgb(126,75,34)}@media(max-width:768px){.post-it{max-width:100%}.post-it:after,.post-it:before{width:3em;height:1em}}.skills-sect{padding:2em;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:clamp(.7em,3vw,1.5em);min-height:50em}.skills-title{font-size:clamp(1.4em,5vw,3em);text-align:center}.slider{display:flex;align-items:center;justify-content:center;min-width:5em;width:fit-content;gap:clamp(.5em,1em,1.4em)}.skills-content{display:flex;gap:clamp(2em,2.5em,3em);align-items:center;justify-content:center;flex-wrap:wrap}.skill-name{font-size:clamp(1em,4vw,2em);font-weight:600}.slide-btn{padding:.5em 1em;font-weight:800;font-size:clamp(1em,3vw,1.4em);background-color:#0f0;border:2px solid black;box-shadow:4px 4px #000001;transition:box-shadow .1s,transform .1s;cursor:pointer}.slide-btn:hover{transform:translateY(-2px);box-shadow:4px 6px #000001}.slide-btn:active{transform:translateY(0);box-shadow:2px 2px #000001}.left-sk{display:flex;flex-direction:column;background-color:#ffe89b80;border:.2em solid rgb(0,0,0);box-shadow:5px 6px 15px -8px #000000bf;padding:1em;width:clamp(10em,70vw,25em);height:fit-content;transition:all .4s ease}.left-sk:hover{transform:rotate(-5deg) scale(1.03)}.left-sk p{font-size:1.1em;font-weight:600}.skills-image{width:clamp(10em,70vw,25em);border:solid .7em white;box-shadow:.2em .2em 4px #00000080;transition:transform .4s ease}.skills-image:hover{transform:rotate(5deg) scale(1.03)}.music-img{max-width:30em}.sketch-grid{display:grid;gap:clamp(1em,1.4em,2em);grid-template-columns:1fr 1fr}.grid-img{max-width:10em;border:solid .4em white;box-shadow:.2em .2em 4px #00000080;transition:transform .4s ease}.grid-img:hover{transform:rotate(5deg) scale(1.03)}@media(max-width:500px){.slide-btn{font-size:1.2em;padding:.35em .7em}}@media(max-width:350px){.sketch-grid{display:flex;flex-direction:column}}.socials-sect{padding:2em;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.7em,1em,2em)}.social-links{display:flex;flex-direction:column;flex-wrap:wrap;padding:1.4em;border:solid .2em black}.socials-title{font-size:clamp(1em,5vw,1.5em);font-weight:600;text-align:center;padding:.5em 1em}.social-btns{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(.8em,5vw,2em)}.social-btn{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;padding:1em 2em;border:2px solid black;cursor:pointer;gap:clamp(.6em,2vw,1.4em);font-weight:600;font-size:clamp(.7em,1.1vw,2em);box-shadow:4px 4px #000;transition:transform .1s,box-shadow .1s}.social-btn:hover{transform:translateY(-2px);box-shadow:4px 6px #000}.social-btn:active{transform:translateY(0);box-shadow:2px 2px #000}.linkedin{background-color:#4f89aa}.bsky{background-color:#fb0}.blog{background-color:#be0000}