*{box-sizing:border-box}body{background:#181c24;color:#e0f7fa;font-family:Roboto,Arial,sans-serif;margin:0;width:100%}.head_part{display:flex;position:relative}.portfolio_name{animation:slideRight 1s ease forwards;margin:15px 100px;width:500px}#logo{color:#fff;font-size:30px;font-weight:700;text-decoration:none}.navbar{margin:20px 50px}.navbar a{animation:slideTop .5s ease forwards;animation-delay:calc(.2s*var(--i));color:#fff;display:inline-block;font-size:20px;font-weight:700;margin:20px;text-decoration:none}#logo:hover,.navbar a:hover{color:#0097cd}.intro_photo{display:flex;height:620px}.intro{color:#fff;margin:10px 10px 20px 100px;width:40%}.intro h3{font-size:25px}.multiple-text{color:#0097cd;font-size:30px}.intro h1{color:#0097cd;font-size:40px;margin:5px 0}.intro p{text-align:justify}.image_man{animation:zoomIn 1s ease forwards,floatImage 4s ease-in-out infinite;animation-delay:1s,3s;height:600px;width:50%}#main_img{height:auto;margin:0 0 0 90px;width:550px}.social_media a{align-items:center;border:2px solid #0097cd;border-radius:50%;color:#0097cd;display:inline-flex;font-size:30px;height:40px;justify-content:center;margin:10px;text-decoration:none;transition:.5s ease;width:40px}.social_media a:hover{background-color:#0097cd;box-shadow:0 0 20px 11px;color:#000;font-size:40px;height:50px;width:50px}@keyframes slideRight{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideTop{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-35px)}to{transform:translateY(0)}}.sec_header{justify-content:center;margin:20px 0}.sec_header,.skills{align-items:center;display:flex}.skills{animation:fadeInSkillSection 1s ease;background:linear-gradient(120deg,#232a34,#181c24);border-radius:0;box-shadow:0 8px 32px 0 #0097cd1a;flex-direction:column;margin:0 auto;overflow:hidden;padding:20px 20px 40px;position:relative}.intro_photo:before,.skills:before{background:url('data:image/svg+xml;utf8,<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg"><g opacity="0.10"><circle cx="200" cy="200" r="180" stroke="%230097cd" stroke-width="4" fill="none"/><rect x="60" y="60" width="80" height="80" rx="16" stroke="%2300e0ff" stroke-width="3" fill="none"/><rect x="260" y="260" width="80" height="80" rx="16" stroke="%2300e0ff" stroke-width="3" fill="none"/><line x1="0" y1="400" x2="400" y2="0" stroke="%230097cd" stroke-width="2" stroke-dasharray="10,10"/></g></svg>');background-size:cover;content:"";height:400px;left:-60px;pointer-events:none;position:absolute;top:-60px;width:400px;z-index:0}.intro_photo:after,.skills:after{background:radial-gradient(circle at 70% 30%,#00e0ff22 0,#181c2400 80%);bottom:-80px;content:"";height:300px;pointer-events:none;position:absolute;right:-80px;width:300px;z-index:0}.skills>*{position:relative;z-index:1}@keyframes fadeInSkillSection{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.sec_head:first-of-type{-webkit-text-fill-color:#0000;animation:popIn 1s cubic-bezier(.68,-.55,.27,1.55);background:linear-gradient(90deg,#00e0ff 30%,#0097cd 70%);-webkit-background-clip:text;border-radius:12px;box-shadow:0 4px 24px 0 #0097cd1a;color:#00e0ff;display:inline-block;font-size:2.8rem;font-weight:700;letter-spacing:3px;margin-bottom:30px;padding:8px 32px;position:relative;text-align:center;transition:transform .3s}.sec_head:first-of-type:after{animation:underlineGrow 1.2s cubic-bezier(.68,-.55,.27,1.55);background:linear-gradient(90deg,#00e0ff,#0097cd);border-radius:2px;content:"";display:block;height:4px;margin:12px auto 0;opacity:.7;width:60px}.sec_header:hover{transform:scale(1.05)}.sec_head:first-of-type:hover,.skill_head:hover{box-shadow:0 8px 32px 0 #0097cd2e}.skill_head:hover{background:linear-gradient(90deg,#00e0ff 30%,#0097cd 70%);-webkit-background-clip:text;background-clip:text}.skillset{display:flex;flex-wrap:wrap;gap:50px;justify-content:center;width:100%}.skill{align-items:center;background:#232a34;border:1.5px solid #00e0ff;border-radius:16px;box-shadow:0 4px 16px 0 #0097cd1a;cursor:pointer;display:flex;flex-direction:column;margin:0;min-height:180px;overflow:hidden;padding:32px 24px;position:relative;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1),border-color .3s;width:260px}.skill:before{background:linear-gradient(120deg,#0097cd22,#fff0);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s;z-index:0}.skill:focus-visible,.skill:hover{border-color:#00e0ff;box-shadow:0 8px 32px 0 #00e0ff2e;box-shadow:0 0 20px 11px #005f7f;outline:2px solid #00e0ff;transform:translateY(-8px) scale(1.06) rotate(-1deg)}.skill:focus-visible:before,.skill:hover:before{opacity:1}.skill h3{color:#00e0ff;font-size:1.3rem;font-weight:600;margin-bottom:12px}.skill h3,.skill p{text-align:center;z-index:1}.skill p{color:#b2ebf2;font-size:1rem}.skill-icon{height:130px;margin-bottom:14px;width:130px}.skill:hover{border-color:#00e0ff;transform:scale(1.12) rotate(-6deg)}@media (max-width:900px){.skillset{gap:16px;max-width:700px}.skill{padding:24px 12px;width:220px}}@media (max-width:600px){.skillset{align-items:center;flex-direction:column;gap:12px}.skill{min-width:0;min-width:auto;padding:18px 8px;width:95%}}@keyframes popIn{0%{opacity:0;transform:scale(.7) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes underlineGrow{0%{opacity:0;width:0}to{opacity:.7;width:60px}}@media (max-width:1024px){.head_part{align-items:flex-start;flex-direction:column;padding:10px 20px}.portfolio_name{margin:10px 20px;width:auto}.navbar{display:flex;flex-wrap:wrap;gap:8px;margin:8px 20px}.navbar a{font-size:18px;margin:8px 6px}.intro_photo{flex-direction:column;height:auto;padding:24px 16px}.intro{margin:12px 10px;text-align:center;width:100%}.image_man{animation-delay:.6s;display:flex;justify-content:center;margin-top:6px;width:100%}#main_img{height:auto;margin:10px 0 0;width:360px}.sec_head:first-of-type{font-size:2.4rem;padding:6px 24px}}@media (max-width:768px){.navbar a{font-size:16px;margin:6px 4px}.intro h3{font-size:20px}.multiple-text{font-size:22px}.intro h1{font-size:28px}.social_media a{font-size:22px;height:36px;width:36px}.social_media a:hover{font-size:28px;height:44px;width:44px}.skill{padding:18px;width:220px}.skill-icon{height:100px;width:100px}.sec_head:first-of-type{font-size:2rem}}@media (max-width:480px){body{font-size:14px}#logo,.head_part,.navbar{display:none}.navbar{justify-content:center}.intro,.intro_photo{width:100%}.intro{margin:10px 8px}#main_img{width:260px}.skill{padding:14px;width:95%}.sec_head:first-of-type{font-size:1.6rem;padding:6px 14px}}.progress{background:#ffffff0a;border-radius:12px;box-shadow:inset 0 1px 2px #0000004d;height:12px;margin-top:12px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#00e0ff,#0097cd);height:100%;transition:width .9s cubic-bezier(.2,.8,.2,1);width:0}img{display:block;height:auto;max-width:100%}.center-on-mobile{text-align:center}
/*# sourceMappingURL=main.ed059168.css.map*/