*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Arial,Helvetica,sans-serif;font-display:swap;src:local(Arial),local(Helvetica),local(sans-serif)}html{scroll-behavior:smooth}body{color:#dadadb;background-color:#1d1e20;width:900px;margin:0 auto;padding:0;font-size:16px;line-height:1.5}@media screen and (max-width:768px){body{width:100%;padding:0 2rem}}a{color:#dadadb;text-decoration:none}li{list-style:none}.nav-container{background-color:#1d1e20;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.nav-container .logo{font-size:1.5rem;font-weight:700}.cta-btn{color:#1d1e20;cursor:pointer;background-color:#ffcc1a;border-radius:5px;padding:.5rem 1rem;font-size:1rem;font-weight:600;transition:all .5s ease-in-out;display:inline-block}.cta-btn:hover{background-color:#dadadb}hr{background-color:#9b9c9d;border:none;width:100%;height:1px;margin:0 auto}.footer-container{background-color:#1d1e20;justify-content:space-around;align-items:center;padding:2rem 0;display:flex}.footer-container p{color:#9b9c9d;font-size:.8rem}.footer-container .social_icons{justify-content:space-between;align-items:center;gap:0 1rem;display:flex}.footer-container .social_icons a{color:#9b9c9d;font-size:1.5rem;transition:all .5s ease-in-out}.footer-container .social_icons a:hover{color:#dadadb}.hero-container{flex-direction:column;justify-content:center;align-items:center;height:90vh;padding:2rem 0;display:flex}.hero-container a{color:#fff;cursor:pointer;text-decoration:underline;transition:all .5s ease-in-out}.hero-container a:hover{color:purple}.hero-container .profile-img{object-fit:cover;border-radius:50%;width:200px;height:200px;margin:0 auto}.hero-container .hero-text{text-align:center;width:80%;margin:1rem 0}@media screen and (max-width:768px){.hero-container .hero-text{width:100%}}.hero-container .hero-text h2{margin-bottom:1rem;font-size:2.2rem;font-weight:600}.hero-container .hero-text p{margin-bottom:1rem;font-size:1.2rem;font-weight:400}.hero-container .social-icons{justify-content:center;align-items:center;gap:0 1rem;display:flex}.hero-container .social-icons a{color:#9b9c9d;font-size:1.5rem;transition:all .5s ease-in-out}.hero-container .social-icons a:hover{color:#dadadb}.about-container{padding:2rem 0}.about-container h2{margin-bottom:1rem;font-size:2rem;font-weight:600}.about-container .flex-about{justify-content:space-between;align-items:center;gap:0 2rem;display:flex}.about-container .flex-about .about-text{width:50%}.about-container .flex-about .about-text p{margin-bottom:1rem;font-size:1rem;font-weight:400}.about-container .flex-about .about-img{width:50%}.about-container .flex-about .about-img .profile-img{object-fit:cover;filter:grayscale();border:2px solid #dadadb;height:530px;transition:all .5s ease-in-out;overflow:hidden}.about-container .flex-about .about-img:hover{filter:grayscale(0%);transform:scale(1.02)}@media screen and (max-width:768px){.about-container .flex-about{flex-direction:column}.about-container .flex-about .about-text,.about-container .flex-about .about-img{width:100%}}.skills-container{padding:2rem 0}.skills-container h2{margin-bottom:1rem;font-size:2rem;font-weight:600}.skills-container .grid-skills{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}@media screen and (max-width:768px){.skills-container .grid-skills{grid-template-columns:repeat(2,1fr)}}.skills-container .grid-skills .skill-card{color:#1d1e20;cursor:default;background-color:#dadadb;border-radius:10px;justify-content:center;align-items:center;gap:0 1rem;padding:1rem;transition:all .5s ease-in-out;display:flex;box-shadow:0 0 10px #0003}.skills-container .grid-skills i{font-size:1.5rem}.skills-container .grid-skills .html5:hover{background-color:#e34f26}.skills-container .grid-skills .css3:hover{background-color:#264de4}.skills-container .grid-skills .javascript:hover{background-color:#f7df1e}.skills-container .grid-skills .react:hover{background-color:#61dafb}.skills-container .grid-skills .nextjs:hover{background-color:#514545}.skills-container .grid-skills .nodejs:hover{background-color:#393}.skills-container .grid-skills .npm:hover{background-color:#ee0a0a}.skills-container .grid-skills .php:hover{background-color:#9c0f84}.skills-container .grid-skills .python:hover{background-color:#3776ab}.skills-container .grid-skills .c\#:hover{background-color:#9134b6}.skills-container .grid-skills .\.net:hover{background-color:#9e40c4}.skills-container .grid-skills .mysql:hover{background-color:#4264ff}.skills-container .grid-skills .mongodb:hover{background-color:#218a4b}.skills-container .grid-skills .kotlin:hover{background-color:#7427a1}.skills-container .grid-skills .swift:hover{background-color:#df1f1f}.projects-container{padding:2rem 0}.projects-container h2{margin-bottom:1rem;font-size:2rem;font-weight:600}.projects-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media screen and (max-width:768px){.projects-grid{grid-template-columns:repeat(1,1fr)}}.project-card{border:1px solid #e6e6e6;border-radius:5px;padding:20px}.project-card .project-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.project-card .folder-icon{color:#ffcc17;font-size:35px}.project-header .small-icons{gap:0 5px;display:flex}.project-card .small-icons a{cursor:pointer;margin-right:5px;transition:all .5s}.project-card .small-icons a:hover{color:#ffcc17}.project-card .project h3{margin-bottom:10px;font-size:20px}.project-card .project p{color:#b3b3b3;margin-bottom:10px;font-size:16px}.contact-container{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0 auto;padding:2rem 0 4rem;display:flex}.contact-container h2{margin-bottom:1rem;font-size:2rem;font-weight:600}.contact-container p{text-align:center;margin-bottom:1rem;font-size:1rem;font-weight:400}h1{margin:10px 0 0}h4{margin:0 0 20px}#contact-form{float:left;background-color:#484848e6;border-radius:7px;max-width:100%;margin-top:30px;margin-left:-260px;padding:10px 20px 30px;left:50%}#contact-form input,#contact-form select,#contact-form textarea,#contact-form label{margin-bottom:2px;font-size:15px}#contact-form input,#contact-form select,#contact-form textarea{background:#fff;border:0;border-radius:4px;width:100%;margin-bottom:25px;padding:5px}#contact-form input:focus,#contact-form select:focus,#contact-form textarea:focus{background-color:#e5e6e7}#contact-form textarea{width:100%;height:150px}#contact-form button[type=submit]{cursor:pointer;background:#991d57;background-image:linear-gradient("to bottom",#8c1c50 0%,#991d57 52%);background-image:-moz-linear-gradient("to bottom",#8c1c50 0%,#991d57 52%);background-image:-webkit-linear-gradient("to bottom",#8c1c50 0%,#991d57 52%);color:#fff;border:none;border-radius:5px;width:100%;margin:0 0 5px;padding:10px}#contact-form button[type=submit]:hover{background-image:linear-gradient("to bottom",#9c215a 0%,#a82767 52%);background-image:-moz-linear-gradient("to bottom",#9c215a 0%,#a82767 52%);background-image:-webkit-linear-gradient("to bottom",#9c215a 0%,#a82767 52%);-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background-color .3s ease-in-out}#contact-form button[type=submit]:active{box-shadow:inset 0 1px 3px #00000080}input:required,textarea:required{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none}#contact-form .required{color:#e5e6e7;font-weight:700}#failure,#success{color:#6ea070;display:none}@media only screen and (max-width:580px){#contact-form{width:88%;margin-left:0;margin-right:3%;padding-left:3%;padding-right:3%;left:3%}}