@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&family=Nanum+Myeongjo:wght@400;700;800&display=swap");html{scroll-behavior:smooth}*{padding:0;margin:0}h1,h2,h3,h4,h5,h6{color:#000;font-family:Heebo;font-weight:700}p{margin-top:12px;color:#000;font-family:Nanum Myeongjo;font-weight:400;max-width:800px}.hero-title{font-size:clamp(2.5rem,6vw,5rem);font-family:Heebo;font-weight:800;color:#fff;margin-bottom:1rem;letter-spacing:-.02em}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.4rem);font-family:Nanum Myeongjo;color:hsla(0,0%,100%,.85);margin-top:0;margin-bottom:2rem;max-width:500px}.hero-cta{padding:.75rem 2rem;border:2px solid #fff;color:#fff;background:transparent;border-radius:9999px;font-family:Heebo;font-size:1rem;font-weight:600;cursor:pointer;transition:background .25s,color .25s}.hero-cta:hover{background:#fff;color:#000}#aboutmepic{height:150px;width:150px;border-radius:50%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}#aboutmepic:hover{transform:scale(1.05)}.aboutmecontainer{background-color:#fff;border:2px solid #cacaca;box-shadow:0 0 20px 5px rgba(0,0,0,.1);border-radius:12px;display:flex;align-items:center;padding:2rem;max-width:1000px;margin:3rem auto 1rem}.aboutmecontainer h1{text-align:center;margin-bottom:16px}.aboutmecontainer h5{font-size:20pt;max-width:800px;margin-top:32px}.section-three-container{display:flex;flex-direction:column;padding:3rem 1rem;background-color:#fafafa}.section-three-container h1{font-size:2rem;text-align:center;margin-bottom:.5rem}.skill-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:transform .2s}.skill-item:hover{transform:translateY(-6px)}.section-three-container img{height:72px;width:72px;-o-object-fit:contain;object-fit:contain;filter:grayscale(1);transition:filter .3s}.skill-item:hover img{filter:grayscale(0)}.skill-name{font-family:Heebo;font-size:.8rem;font-weight:600;color:#555;transition:color .3s}.skill-item:hover .skill-name{color:#000}.work-exp-container{display:flex;flex-direction:column}.example-img{display:flex;-o-object-fit:cover;object-fit:cover;width:320px;min-width:320px;height:220px;border-radius:8px 0 0 8px;transition:opacity .3s}.heading-text{font-size:2rem;text-align:center;margin:2.5rem 0 1rem}.work{display:flex;border:2px solid #cacaca;box-shadow:0 0 20px 5px rgba(0,0,0,.08);border-radius:12px;margin-bottom:1.25rem;overflow:hidden;transition:box-shadow .3s,transform .2s}.work:hover{box-shadow:0 8px 30px rgba(0,0,0,.15);transform:translateY(-3px)}.work:hover .example-img{opacity:.9}.work-text{padding:1.5rem;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.work-text h1{font-size:1.4rem}.work-description{display:flex;justify-content:center;padding:0 1rem}.work-exp-container button{background-color:#cbcbcb;color:#000;border:2px solid #cacaca;box-shadow:0 0 20px 5px rgba(0,0,0,.1);border-radius:8px}.view-project-btn{display:inline-block;margin-top:1rem;padding:.5rem 1.25rem;background:#000;color:#fff;font-family:Heebo;font-weight:600;font-size:.9rem;border-radius:9999px;text-decoration:none;width:-moz-fit-content;width:fit-content;transition:background .2s,transform .2s}.view-project-btn:hover{background:#333;transform:translateX(3px)}.contact-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;max-width:700px;width:100%}.contact-section iframe{border-radius:12px;border:2px solid #cacaca;box-shadow:0 0 20px 5px rgba(0,0,0,.08);max-width:100%}.socials-container{padding:1.5rem 0 2.5rem;gap:1rem}.socials-container img{height:64px;filter:grayscale(1);transition:filter .3s,transform .2s;padding:5px}.socials-container img:hover{filter:grayscale(0);transform:scale(1.15)}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.popup-content{background-color:#fff;padding:20px;border-radius:5px}@media (max-width:700px){.work{flex-direction:column}.example-img{width:100%;min-width:unset;border-radius:12px 12px 0 0;height:200px}}