*{padding:0;margin:0;box-sizing:border-box;font-family:Times New Roman,Times,serif}html{scroll-behavior:smooth}body{background:#050609;color:#fffdfd}.main_container{padding:0 3%;margin:0 0 3em}.btn button{padding:.5em .9em;border:none;border-radius:8px}.title .brackets{color:#dc136c;font-size:1.2em}.nav_container{height:10vh;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:2px 2px 2px #fffdfd;display:flex;justify-content:center;align-items:center;justify-content:space-between;padding:.2em .9em;position:sticky;top:0;left:0;z-index:100}.nav_container .logo{display:flex;justify-content:center;align-items:center;justify-content:left}.nav_container .logo img{border-radius:50%}.nav_container .logo a{padding:0 .3em;font-size:1.5em;color:#fffdfd;text-decoration:none}.nav_container .nav_links ul{display:flex;justify-content:center;align-items:center;flex-direction:row;list-style:none}.nav_container .nav_links ul li{padding:0 .9em}.nav_container .nav_links ul li a{color:#fffdfd;text-decoration:none;font-size:1.2em;position:relative}.nav_container .nav_links ul li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#dc136c;transition:width .3s}.nav_container .nav_links ul li a:hover:after{width:100%}.nav_container .burger{display:none;cursor:pointer}.nav_container .burger span{display:block;height:3px;width:30px;background-color:#fffdfd;margin:6px 0;transition:transform .5s,opacity .5s}.nav_container .burger.active~.nav_links{display:block}.nav_container .burger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.nav_container .burger.active span:nth-child(2){opacity:0;transform:translateY(6px)}.nav_container .burger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media screen and (width <= 726px){.nav_container .nav_links.active{display:block}.nav_container .nav_links{display:none;position:absolute;top:100%;right:0;width:45%;height:65vh;background:#fffdfd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:99}.nav_container .nav_links ul{flex-direction:column;align-items:center;padding:1em 0}.nav_container .nav_links ul li{padding:.5em 0;margin:1.1em 0}.nav_container .nav_links ul li a{color:#050609}.nav_container .burger{display:block}}.footer_container{background:#242424}.footer_container .footer_content{display:grid;grid-template-columns:1fr;gap:1.5em;gap:2em;padding:.9em 1em}@media screen and (width >= 726px){.footer_container .footer_content{grid-template-columns:repeat(3,1fr)}}.footer_container .footer_content h3{padding:.5em 0;color:#d2691e}.footer_container .footer_content .footer_infor p{padding:.3em 0;font-size:1.3em}.footer_container .footer_content .footer_infor p span{color:#dc136c}.footer_container .footer_content .footer_links li{list-style:none;padding:.3em 0}.footer_container .footer_content .footer_links li a{text-decoration:none;color:#fffdfd;font-size:1.2em}.footer_container .footer_content .footer_links li a:hover{color:#dc136c}.footer_container .footer_content .footer_media img{width:30px;height:30px;margin:0 .5em}.footer_container .copyrigth{padding:.5em .9em;text-align:center;font-size:1.1em}@media screen and (width <= 726px){.footer_container .copyrigth{font-size:.85em}}.hero_container{background-image:linear-gradient(#0009,#00000080),url(/assets/image1-CPId1a1N.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:90vh}.hero_container .hero_content{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero_container .hero_content h1{font-size:5em}.hero_container .hero_content .name{overflow:hidden;white-space:nowrap;text-shadow:2px 2px 2px rgb(220,19,108);width:0;animation:typewriter 3s linear 1s infinite alternate}@keyframes typewriter{to{width:100%}}.hero_container .hero_content p{font-size:1.8em;font-weight:450;text-align:center}.hero_container .hero_content span{font-size:1.6em}@media screen and (width <= 726px){.hero_container{background-position:center;height:55vh}.hero_container .hero_content{top:30%;left:50%;width:100%}.hero_container .hero_content h1{font-size:2em}.hero_container .hero_content p{text-align:left;padding:.3em 0}.hero_container .hero_content span{font-size:1em}}.about_container{padding:4em 0}.about_container .about_items{display:grid;grid-template-columns:1fr;gap:1.5em;padding:.9em 0}@media screen and (width >= 726px){.about_container .about_items{grid-template-columns:repeat(2,1fr)}}.about_container .about_items .about_content p{padding:.3em 0;font-size:1.2em}.about_container .about_items .about_image{display:flex;justify-content:center;align-items:center}.about_container .about_items .about_image img{width:55%;height:55vh;border-radius:0 24px}@media screen and (width <= 726px){.about_container{padding:4.5em 5%}.about_container .about_items .about_image{display:none}}.skills_container{padding:4em 0}.skills_container .skills_content{display:grid;grid-template-columns:1fr;gap:1.5em;padding:.9em 0;gap:2em}@media screen and (width >= 726px){.skills_container .skills_content{grid-template-columns:repeat(4,1fr)}}.skills_container .skills_content .skills p{font-size:1.2em;font-weight:700;padding:.9em 0}.skills_container .skills_content .skills ul{list-style:none}.skills_container .skills_content .skills ul li{border:1px solid #FFFDFD;padding:.5em .9em;margin:.9em 0;border-radius:16px;font-size:1.1em}.skills_container .skills_content .skills ul li span{font-weight:700}@media screen and (width <= 726px){.skills_container{padding:4.5em 5%}.skills_container .skills_content{gap:1em}}.work_container{padding:4em 0}.work_container .work_content{display:grid;grid-template-columns:1fr;gap:1.5em;gap:2em;padding:.9em 0}@media screen and (width >= 726px){.work_container .work_content{grid-template-columns:repeat(4,1fr)}}.work_container .work_content .work_item{box-shadow:2px 2px 3px #fffdfd;padding:.5em .9em;border-radius:8px}.work_container .work_content .work_item h2{padding:.3em 0}.work_container .work_content .work_item p{padding:.6em 0;font-size:1.1em}.work_container .work_content .work_item .link{padding:.9em 0}.work_container .work_content .work_item .link a{text-decoration:none;color:#fffdfd;border:1px solid #FFFDFD;padding:.5em 2.2em;border-radius:24px;font-size:1.1em}.work_container .work_content .work_item .link a:hover{color:#dc136c;background:#dfd9d9}@media screen and (width <= 726px){.work_container{padding:4.5em 5%}}.contact_container{padding:4em 0}.contact_container .contact_content{display:grid;grid-template-columns:1fr;gap:1.5em;padding:.9em 0}@media screen and (width >= 726px){.contact_container .contact_content{grid-template-columns:repeat(2,1fr)}}.contact_container .contact_content .contact_infor p{font-size:1.5em;display:flex;justify-content:center;align-items:center;justify-content:left;gap:.5em;padding:.5em 0}.contact_container .contact_content .contact_infor p .icon{margin:0 .3em}.contact_container .contact_content .contact_infor p a{text-decoration:none;color:#fffdfd;text-decoration:underline}.contact_container .contact_content .contact_form .success-message{color:green}.contact_container .contact_content .contact_form .error-message{color:red}.contact_container .contact_content .contact_form .input_group{padding:.7em 0}.contact_container .contact_content .contact_form .input_group input,.contact_container .contact_content .contact_form .input_group textarea{padding:.9em;border-radius:12px;width:100%;font-size:1em}.contact_container .contact_content .contact_form .input_group .name{display:flex;gap:.9em}.contact_container .contact_content .contact_form button{padding:.6em 1.2em;color:#fffdfd;background:#d2691e;font-size:1.1em;border:none;border-radius:12px;transition:box-shadow .3s ease-in-out}.contact_container .contact_content .contact_form button:hover{box-shadow:0 0 20px #b43649e6}@media screen and (width <= 726px){.contact_container{padding:4.5em 5%}.contact_container .contact_content .contact_infor p{font-size:1em}.contact_container .contact_content .contact_infor p .icon{margin:0 .3em}.contact_container .contact_form .input_group .name{display:flex;justify-content:center;align-items:center;flex-direction:column}}