@import"https://fonts.googleapis.com/css2?family=Assistant:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";@import"https://fonts.googleapis.com/css2?family=Crete+Round&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";@import"https://fonts.googleapis.com/css2?family=Kalnia:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Preahvihear&display=swap";@import"https://fonts.googleapis.com/css2?family=Whisper&display=swap";.footer{display:flex;justify-content:space-between;align-items:center;padding:1rem}.socials{display:flex;gap:1rem}.social-icons{font-size:1.5rem;color:#fff;transition:color .3s}.social-icons:hover{color:#1151db}.back-to-top{position:fixed;bottom:20px;right:20px;background:#3e54ac;color:#fff;border-radius:50%;padding:12px;font-size:1.2rem;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 8px #0003;transition:all .3s ease;z-index:1000}.back-to-top:hover{background:#f5f5f5;transform:translateY(-3px)}#about{display:grid;grid-auto-flow:column;justify-content:center;place-content:center;padding:3rem;gap:3rem;margin:3rem 0;height:90vh}.about-text{font-family:Crete Round,sans-serif;font-size:1.8rem;line-height:var(--line-height-3)}.about-content{display:flex;flex-direction:column;align-items:start;gap:20px}.about-me{font-family:Poppins,sans-serif;font-weight:500}.about-me p{line-height:var(--line-height2)}.resume-content{color:var(--secondary-color);display:flex;align-items:center;gap:5px;border:1px solid var(--secondary-color);border-radius:5px}.icon-download{font-size:1.2rem}.resume-buttons{display:flex;gap:1rem;justify-content:flex-start}.resume-content{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid #ccc;border-radius:6px;background-color:#f0f0f0;color:#000;transition:background-color .3s}.resume-content:hover{background-color:#646cff;color:#fff}.skills{display:flex;gap:12px;flex-wrap:wrap;box-sizing:border-box}.size{font-size:2em;text-align:center}.list-skill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:6rem;border:1px solid;border-radius:10px;font-family:Inter,sans-serif;font-weight:600;padding:.8rem}.skill-name{text-align:center;font-size:.9rem}.skill-header{font-size:1.3rem;font-weight:550;font-family:sans-serif;color:var(--secondary-color);margin:1rem 0}@media only screen and (max-width: 768px){#about{padding:3rem 3%;grid-auto-flow:row;justify-content:center;height:auto}.about-content{display:flex;flex-direction:column;align-items:center;gap:18px}.resume{align-self:start}}@media only screen and (min-width: 769px){.about-me{max-width:37rem}}#contact{display:flex;flex-direction:column;gap:2.5rem;justify-content:center;height:80vh}.contact-content{display:flex;flex-direction:column;gap:8px;text-align:center}.contact-content p{font-family:Poppins,serif}#form{display:flex;flex-direction:column;align-items:center;gap:1rem}.form-control{padding:.8rem .5rem;border-radius:.5rem;border:1px solid #ad8b73;outline:none;width:25%}.form-control:focus{border:1px solid var(--secondary-color)}.text-area{height:6rem;resize:none}.btn-send{padding:.8rem;border-radius:.3rem;border:1px solid #ad8b73;background:#fff;color:#000;font-size:1rem}.btn-send:hover{background-color:#646cff;color:#fff}@media only screen and (max-width: 768px){#contact{padding:0 1rem}.form-control{width:95%}.btn-send{width:45%;color:#000;background:#fff}.btn-send:hover{background-color:#646cff;color:#fff}}nav{display:flex;align-items:center;width:100%;justify-content:space-between;padding:0 5rem}nav h3{font-family:Whisper;color:#fff;font-size:1.8em;font-weight:400}header{height:4.5rem;display:flex;align-items:center;background-color:#2c3e50}header.scroll{position:sticky;box-shadow:0 -1px 8px;top:0;z-index:10}nav ul{display:flex;list-style:none;padding:0;margin:0}.nav-btn{outline:none;border:none;background:transparent;display:none}nav ul li a{font-family:Poppins,sans-serif;position:relative;color:var(--secondary-color)}nav ul li a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--secondary-color);transition:width .4s ease-in-out}nav ul li a:hover:before{width:100%}nav ul li a:hover{cursor:pointer}nav ul li .active:before{width:100%}nav h1,.hamburg-menu{color:var(--secondary-color)}.nav-btn,.close{font-size:1.8rem}@media only screen and (max-width: 768px){nav{padding:0 3%}button.hamburg-menu{display:block}.close{display:block;position:absolute;top:3%;right:8%;color:#f5f5f5}.nav-links{position:fixed;top:0%;right:-100%;width:50%;height:100%;background:#2c3e50;transition:all .7s ease-in-out;border-left:1px solid var(--primary-color);box-shadow:2px 0 5px #000;z-index:10;padding:12% 0 0 8%;display:flex;flex-direction:column;gap:2.5rem;overflow:auto}nav ul.show-menu{right:0;top:0}nav ul li a{color:#f5f5f5;font-size:1.25rem;text-align:left}nav ul li:nth-child(1){margin-top:2rem}nav div{width:100%}}@media only screen and (min-width: 769px){nav ul{gap:4.5rem}.nav-links{display:flex!important;position:static;width:auto;height:auto;flex-direction:row;box-shadow:none}.hamburg-menu,.close{display:none!important}}#home{height:70vh;display:grid;grid-auto-flow:column;align-items:center;justify-content:center;gap:4rem;padding:0 3rem}.hero{display:flex;flex-direction:column;gap:7px}.hero-text{font-family:Crete Round,serif;font-size:1.8rem;line-height:1.1}.hero-text-me{font-size:1.8rem;font-weight:600;font-family:Preahvihear,sans-serif;color:var(--secondary-color)}.hero-about{font-family:Poppins,sans-serif;font-weight:500;line-height:var(--line-height2)}.socials{display:flex;align-items:center;gap:8px}.social-icons{font-size:1.5rem;color:var(--secondary-color)}.social-icons:hover{color:#000}.image-developer{width:18rem}.image-developer:after{content:"blue";position:absolute;border:1px solid black;background-color:#000;top:1%;left:2%}@media only screen and (max-width: 768px){#home{justify-content:center;grid-auto-flow:row;padding:0 3%;height:95vh;align-items:end}.hero{align-items:center;text-align:center}.image-home-page{display:flex;justify-content:center;align-items:center}.image-developer{width:200px;height:300px}}@media only screen and (min-width: 769px){.hero-about{max-width:50rem}.hero-text-me{font-size:2.5em}.social-icons{font-size:1.8em;gap:20px}}#projects{margin:3rem 0;padding:0 3rem;display:flex;flex-direction:column;justify-content:center;align-items:center}#projects h2{text-align:center;margin-bottom:1rem}.projects{display:grid;gap:15px}.tech-list{display:flex;flex-wrap:wrap;gap:5px}.project{display:flex;flex-direction:column;gap:3px}.img-project{width:100%;max-width:350px;aspect-ratio:16 / 9;display:flex;justify-content:center;align-items:center;margin:0 auto}.img-project img{width:100%;height:100%;object-fit:contain}.project-content{display:flex;flex-direction:column;gap:8px}.project-buttons{display:flex;gap:8px}.project-button{display:flex;align-items:center;gap:5px;color:var(--secondary-color)}.project-button:hover{color:#000;cursor:pointer}.project-tech{border:1px solid var(--secondary-color);color:var(--secondary-color);padding:2px 5px;border-radius:4px}.projects h5{font-size:1.1rem;font-weight:600;font-family:Assistant,sans-serif}.project-content p{font-family:Poppins,sans-serif;font-size:.9rem;line-height:var(--line-height2)}@media only screen and (max-width: 768px){#projects{padding:0 1.3rem}.projects{grid-auto-flow:row;grid-template-columns:minmax(calc(30rem - 300px),1fr)}}@media only screen and (min-width: 769px){.projects{grid-template-columns:3fr 3fr}}@media only screen and (min-width: 1130px){.projects{grid-template-columns:repeat(3,3fr);max-width:90rem}}:root{--primary-color: #2C3E50;--secondary-color: white;--third-color: #f9f9f9;--line-height: 1.5;--line-height-3: 1.1;--line-height2: 1.6;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}html,body,#root{min-height:100vh;min-width:320px;background-color:#2c3e50;color:#fff}h1{font-size:3.2em;line-height:1.1}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{color:#535bf2}li{list-style:none}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}footer.socials{margin:1rem 0;justify-content:center;align-items:center}footer .back{color:var(--secondary-color)}footer .back:hover{color:#000;cursor:pointer}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}