*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}
@tailwind utilities;*{margin:0;padding:0}header{z-index:1000;width:100%;position:fixed;top:0;left:0}.header-list{margin:15px 20px}.div-list{justify-content:center;align-items:center;padding:20px 0;display:flex}.ul-list{background-color:#fff;border-radius:25px;gap:3rem;padding:10px 25px;list-style:none;display:flex;overflow-x:auto;box-shadow:0 2px 8px #0000001a}.ul-list li{border-radius:25px;align-items:center;gap:6px;transition:all .3s;display:flex}.ul-list li a{color:#000;font-family:Montserrat,sans-serif;text-decoration:none}.ul-list li.active{background-color:#000;padding:10px 15px}.ul-list li.active a,.ul-list li.active i{color:#fff}.home{margin:160px 200px}.home-container{gap:6rem;display:flex}.home-p{color:#000;background-color:#80808037;border-radius:25px;margin-bottom:30px;padding:5px 10px;display:inline-block}.home-s{color:green;font-weight:700}.info-home h1{margin-bottom:20px;font-family:Raleway,sans-serif;font-size:70px}.info-home h3{margin-bottom:20px;font-family:Playfair Display,serif;font-size:40px}.info-p{color:#222;padding-bottom:20px;font-family:Roboto,sans-serif}.info-p p{padding-bottom:5px}.info-p2{color:#2c2c2c;gap:1rem;padding-bottom:20px;font-size:14px;display:flex}.btnn{gap:1rem;padding-bottom:30px;display:flex}.btn-home1{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:10px;padding:10px}.btn-home2{cursor:pointer;background-color:#0000;border:2px solid #000;border-radius:10px;padding:10px;transition:all .4s}.btn-home2:hover{color:#fff;background-color:#000}hr{color:gray;width:90%;font-weight:700}.hhr{padding-bottom:30px}.follow{gap:1rem;display:flex}.follow ul{gap:2rem;font-size:20px;display:flex}.follow ul li{list-style:none}.follow ul a{color:#000;text-decoration:none}.home img{object-fit:cover;border-radius:10px;width:100%;max-width:480px;height:auto;max-height:480px;display:block}.about{margin:160px 200px}.about p{color:#323232;padding-bottom:30px;font-size:13px}.about h1{font-family:Open Sans,sans-serif}.title{padding-bottom:20px}.about .hrrr{width:30%;padding-bottom:40px}.info-about{flex-direction:column;display:flex}.about-container{gap:2rem;display:flex}.about img{border:1px solid #000;border-radius:15px;width:400px;height:400px;position:relative;bottom:85px}.about-image{object-fit:cover;width:100%;max-width:400px;height:auto;position:relative;top:20px}.about h2{padding-bottom:30px}.card{gap:2rem;display:flex}.c1{text-align:center;border:2px solid #000;border-radius:10px;flex-direction:column;place-content:center;padding:5px 20px;transition:all .3s;display:flex}.c1 h3{padding-top:10px;padding-bottom:10px}.c1:hover{cursor:pointer;background-color:#fff5f5;border-color:#f33;transform:translateY(-6px)scale(1.03);box-shadow:0 4px 15px #00000026}.project{flex-direction:column;justify-content:center;align-items:center;margin:160px 200px;display:flex}.project p{color:#323232;padding-bottom:20px;font-size:13px}.project h1{padding-bottom:10px;font-family:Open Sans,sans-serif}.project hr{width:10%}.info-pro{padding-top:20px}.info-pro p{padding-bottom:10px}.projects-container{grid-template-columns:repeat(2,1fr);gap:25px;max-width:1100px;margin:auto;display:grid}.project-card{background:#fff;border-radius:16px;padding:20px;transition:all .3s;box-shadow:0 5px 15px #0000001a}.project-card:hover{transform:translateY(-6px)}.project-card img{border-radius:12px;width:100%;margin-bottom:15px}.project-card h3{color:#1e40af;margin-bottom:8px}.project-card p{color:#555;margin-bottom:15px;font-size:.9rem}.skills{margin-bottom:15px}.skills a{color:#1e3a8a;background:#e0e7ff;border-radius:6px;margin:3px;padding:5px 10px;font-size:.8rem;text-decoration:none;transition:background .3s;display:inline-block}.skills a:hover{background:#c7d2fe}.btns{justify-content:center;gap:10px;display:flex}.btn{color:#fff;background:#1e40af;border-radius:25px;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex}.btn:hover{background:#2563eb;border-radius:25px}.services{flex-direction:column;justify-content:center;align-items:center;margin:160px 200px;display:flex}.services p{color:#323232;padding-bottom:20px;font-size:13px}.services h1{padding-bottom:10px;font-family:Open Sans,sans-serif}.services hr{width:10%}.services-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;max-width:1100px;margin:auto;padding-top:30px;display:grid}@media (min-width:1024px) and (max-width:1440px){.home{margin:160px 100px}.home-container{gap:4rem}.home img{object-fit:cover;border-radius:15px;width:100%;max-width:400px;height:auto;box-shadow:0 10px 30px #0000001a}.info-home h1{font-size:60px}.info-home h3{font-size:35px}}@media (max-width:1000px){.home{margin:120px 40px}.home-container{align-items:center;gap:2rem}.info-home h1{font-size:48px}.info-home h3{font-size:28px}}@media (max-width:720px){.home{margin:100px 20px}.home-container{flex-direction:column-reverse;gap:1.5rem}.home img{width:90%;max-width:360px}.info-home h1{font-size:34px}.info-home h3{font-size:20px}.header-list{margin:12px}.ul-list{-webkit-overflow-scrolling:touch;gap:.8rem;padding:8px 12px}.ul-list li a{font-size:.9rem}}.service-card{text-align:center;background:#fff;border-radius:16px;padding:25px;transition:all .5s;position:relative;overflow:hidden;box-shadow:0 5px 15px #0000001a}.service-card img{z-index:1;width:100px;margin-bottom:15px;position:relative}.service-card h3{color:#1e40af;z-index:1;margin-bottom:10px;transition:color .5s;position:relative}.service-card p{color:#555;z-index:1;font-size:.9rem;transition:color .5s;position:relative}.service-card:before{content:"";z-index:0;background:#474af0;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.service-card:hover:before{left:0}.service-card:hover h3,.service-card:hover p{color:#fff}.contact{flex-direction:column;justify-content:center;align-items:center;margin:160px 200px;display:flex}.contact p{color:#323232;padding-bottom:20px;font-size:13px}.contact h1{padding-bottom:10px;font-family:Open Sans,sans-serif}.contact hr{width:10%}.contact-content{flex-wrap:wrap;justify-content:center;gap:50px;padding-top:50px;display:flex}.contact-info{flex:1;min-width:300px}.contact-info p{margin-bottom:25px;font-size:16px}.contact-details{flex-direction:column;gap:15px;margin-bottom:20px;display:flex}.contact-item{color:#222;align-items:center;gap:12px;font-size:15px;display:flex}.contact-item i{color:#474af0;font-size:20px}.social-links{gap:15px;display:flex}.social-link{color:#222;background:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;transition:all .3s;display:flex}.social-link:hover{color:#fff;transform:translateY(-5px)}.social-link[href*=github]:hover{background:#000}.social-link[href*=linkedin]:hover{background:#0a66c2}.social-link[href*=wa\.me]:hover{background:#25d366}.contact-form{flex:1;min-width:300px}.contact-form .form-group{margin-bottom:20px}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:8px;width:100%;padding:12px 15px;font-size:14px;transition:border .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#474af0;outline:none}.btn-send{color:#fff;cursor:pointer;background:#474af0;border:none;border-radius:8px;padding:12px 25px;font-size:16px;transition:all .3s}.btn-send:hover{background:#2c36d9}@media (max-width:900px){.contact-content{flex-direction:column}}.footer{color:#fff;text-align:center;background-color:#000;padding:40px 20px;overflow-x:hidden}.footer-container{max-width:1200px;margin:auto}.footer-logo{margin-bottom:20px;font-family:Montserrat,sans-serif;font-size:28px}.footer-links{flex-wrap:wrap;justify-content:center;gap:25px;margin-bottom:20px;list-style:none;display:flex}.footer-links li a{color:#fff;font-weight:500;text-decoration:none;transition:color .3s}.footer-links li a:hover{color:#474af0}.footer-social{justify-content:center;gap:15px;margin-bottom:15px;display:flex}.footer-social a{color:#fff;font-size:18px;transition:color .3s}.footer-social a:hover{color:#474af0}.footer-copy{color:#aaa;font-size:12px}.reveal{opacity:0;transition:all .6s ease-out;transform:translateY(40px)}.active-reveal{opacity:1;transform:translateY(0)}body{margin:0;padding:0;font-family:sans-serif}#loading-screen{z-index:9999;color:#00f0ff;text-align:center;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden}.hidden{opacity:0;transform:translateY(-200px)}.fall{animation:.9s forwards fall}@keyframes fall{0%{opacity:0;transform:translateY(-200px)}60%{opacity:1;transform:translateY(20px)}to{transform:translateY(0)}}.loading-content h1,.loading-content h2,.loading-content i{margin:20px 0}.sub-icons{justify-content:center;gap:25px;margin-bottom:20px;display:flex}#main-page{opacity:0;transition:opacity 1s}#main-page.visible{opacity:1}@media (max-width:1024px){.home,.about,.project,.services,.contact{margin:120px 50px}.home-container,.about-container{flex-direction:column;gap:3rem}.home img,.about img,.about-image{width:100%;height:auto}.ul-list{flex-wrap:wrap;gap:1rem;padding:8px 15px}}@media (max-width:768px){header{display:none}.home,.about,.project,.services,.contact{margin:100px 20px}.home-container,.about-container,.contact-content{flex-direction:column;gap:2rem}.projects-container,.services-container{grid-template-columns:1fr;gap:20px}.home img,.about img{width:100%;max-width:100%;height:auto}.btn-home1,.btn-home2,.btn,.btn-send{text-align:center;width:100%}.follow ul{flex-wrap:wrap;justify-content:center;gap:10px}.footer-links{flex-direction:column;gap:15px}}@media (max-width:1024px){header{display:none}.home,.about,.project,.services,.contact{text-align:center;overflow-wrap:break-word;max-width:100%;margin:20px auto;padding:0 15px}.home-container,.about-container,.services-container,.projects-container,.contact-content,.card{justify-content:center;align-items:center;gap:1.5rem;flex-direction:column!important}.about img{z-index:1;width:100%;max-width:220px;height:auto;margin-bottom:20px;position:relative}.card .c1{text-align:center;width:100%;max-width:300px;margin:0 auto}.home img,.project-card img,.service-card img{object-fit:cover;width:100%;max-width:300px;height:auto;margin:0 auto 15px;display:block}.info-home h1{font-size:26px}.info-home h3{font-size:18px}.info-p,.info-p2,.home-p,.about p,.project p,.service-card p,.contact p{font-size:14px}.project-card h3,.service-card h3{font-size:16px}.contact-content{text-align:center;justify-content:center;align-items:center}.contact-info,.contact-form{width:100%;max-width:400px}html,body{overflow-x:hidden}}