*{margin:0;box-sizing:border-box;font-family:sans-serif}body{width:100%;height:100vh;background-color:#0f1b30;position:relative;padding:4rem 1rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-direction:column}main{width:100%;max-width:48rem}.header{text-align:center;width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:1.5rem;margin-bottom:48px}.header h3{font-size:48px;color:#fff}.header p{font-size:20px;color:#fff9}.icons{display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:1.5rem}.icons a{color:#fff;text-decoration:none;color:#fff9}.icons a svg{transition:color .2s ease}.icons a:hover svg{color:#0ea5e9}.icons:nth-child(3){margin-top:12px;justify-content:center}.about-me{display:flex;justify-content:space-between;align-items:center;flex-direction:column;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:#263244;padding:2rem;border-radius:1rem;border-width:1px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.about-me:hover{box-shadow:0 25px 50px -12px #00000040}.about-me .about-me-header{width:100%;display:flex;align-items:center;justify-content:start;margin-bottom:24px;color:#fff;font-size:24px;gap:1rem}.about-me .about-me-header svg{color:#0ea5e9;width:32px;height:32px}.about-me .description{color:#fff9;font-size:18px;line-height:1.75rem;line-height:1.625}.about-me .facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%}.about-me .fact-container{display:flex;align-items:center;justify-content:start;width:100%;gap:.5rem;color:#fff9}.about-me .fact-container svg{color:#0ea5e9}.technical-skills{margin-top:24px;display:flex;justify-content:space-between;align-items:center;flex-direction:column;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:#263244;padding:2rem;border-radius:1rem;border-width:1px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.technical-skills:hover{box-shadow:0 25px 50px -12px #00000040}.technical-skills .skills-container{width:100%}.technical-skills .skills-container h3{font-size:16px;color:#fff}.technical-skills .skills-header{width:100%;display:flex;align-items:start;justify-content:start;margin-bottom:24px;color:#fff;font-size:24px;gap:1rem}.technical-skills .skills-header svg{color:#0ea5e9;width:32px;height:32px}.skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%}.skill-list{margin-top:8px;display:flex;justify-content:start;align-items:center;gap:.5rem;flex-wrap:wrap}.skill-list span{color:#0ea5e9;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;line-height:1.25rem;background-color:#0ea5e91a}.featured-projects{margin-top:24px;display:flex;justify-content:space-between;align-items:center;flex-direction:column;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:#263244;padding:2rem;border-radius:1rem;border-width:1px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.featured-projects:hover{box-shadow:0 25px 50px -12px #00000040}.projects-header{width:100%;display:flex;align-items:start;justify-content:start;margin-bottom:24px;color:#fff;font-size:24px;gap:1rem}.projects-header svg{color:#0ea5e9;width:32px;height:32px}.projects-container{padding:1rem;border-radius:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;display:flex;align-items:start;justify-content:start;flex-direction:column;width:100%;background-color:#ffffff0d;margin-top:24px}.projects-container-header{width:100%;margin-bottom:8px;display:flex;align-items:center;justify-content:start;gap:.5rem}.projects-container-header h3{color:#fff;font-size:16px}.projects-container-header svg{color:#0ea5e9}.project-description{width:100%;color:#fff9;font-size:16px;margin-bottom:12px}.project-languages{display:flex;justify-content:start;align-items:start;flex-wrap:wrap;gap:.5rem}.project-languages span{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;line-height:1rem;background-color:#ffffff0d;color:#fff9;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:all .3s ease}.project-languages span:hover{background-color:#1093d0;color:#fff}.get-in-touch{position:relative;margin-top:24px;margin-bottom:48px;display:flex;justify-content:space-between;align-items:center;flex-direction:column;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:#263244;padding:2rem;border-radius:1rem;border-width:1px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:0}.get-in-touch:hover{box-shadow:0 25px 50px -12px #00000040}.get-in-touch-header{width:100%;display:flex;align-items:start;justify-content:start;margin-bottom:24px;color:#fff;font-size:24px;gap:1rem}.get-in-touch-header svg{color:#0ea5e9;width:32px;height:32px}.input-container{display:flex;justify-content:start;align-items:start;flex-direction:column;width:100%}.input-container input{padding:.75rem 1rem;border-radius:.5rem;border-width:1px;font-size:16px;color:#fff;width:100%;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;outline:none;border:.3px solid #313C4D;background:#313c4d}.input-container input:focus{border:.3px solid #0EA5E9}.input-container textarea{margin-top:16px;padding:.75rem 1rem;border-radius:.5rem;border-width:1px;width:100%;color:#fff;outline:none;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:#313c4d;resize:vertical;font-size:16px;border:.3px solid #313C4D}.input-container textarea:focus{border:.3px solid #0EA5E9}.input-container button{margin-top:16px;padding:.75rem 1.5rem;border-radius:.5rem;width:100%;font-weight:500;background-color:#0ea5e9;border:none;font-size:16px;color:#fff;transition-property:color,background-color,border-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;cursor:pointer}.input-container button:hover{background-color:#1093d0}#form{width:100%}#result{border-radius:25px;display:none;justify-content:center;align-items:center;flex-direction:column;transform:translate(-50%,-50%);height:412px;width:100%;top:50%;left:50%;font-size:25px;color:#fff;position:absolute;z-index:1;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:visibility .2s ease,-webkit-backdrop-filter .2s ease;transition:visibility .2s ease,backdrop-filter .2s ease;transition:visibility .2s ease,backdrop-filter .2s ease,-webkit-backdrop-filter .2s ease}#result{visibility:visible;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.success-message{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.5rem}.success-svg{display:flex;justify-content:center;align-items:center;flex-direction:column}.success-svg svg{color:#86efac}footer{padding:25px 15px;color:#fff9;text-align:center;font-size:16px}@media (max-width: 600px){.about-me,.technical-skills,.featured-projects,.get-in-touch{padding-left:20px;padding-right:20px}.skills-header,.about-me-header,.projects-header,.get-in-touch-header{align-items:center!important}.skills-header h4,.about-me-header h4,.projects-header h4,.get-in-touch-header h4{font-size:18px}.skills-header svg,.about-me-header svg,.projects-header svg,.get-in-touch-header svg{width:24px;height:24px}.skills{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (max-width: 500px){body{padding:40px 16px}.header{margin-bottom:25px}.header h3{font-size:25px}}