html{scroll-behavior:smooth}body{max-width:950px;margin:0 auto;padding:0;font-family:Inter,sans-serif;font-size:16px;color:#e2e8f0;background:linear-gradient(#000A,transparent),#112044;background-attachment:fixed}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.6em}p,a,button{font-size:1em}label{font-size:1.2em}textarea{resize:none}section{padding:60px 0}section:last-child{padding-bottom:120px}a{color:inherit;text-decoration:none}.title{margin-bottom:25px}.title :is(h1,h2){display:inline;vertical-align:middle}.title img{width:70px;height:auto;vertical-align:middle;margin-right:10px}.style-box{padding:16px;color:inherit;background-color:#0f172a;border:3px solid #334155;border-radius:10px;transition:border .3s}.style-box:hover{border-color:#465c7c}.btn{display:flex;align-items:center;justify-content:center;color:inherit;background-color:#17306b7c;position:relative;cursor:pointer;transition:background-color .3s}.btn:hover{background-color:#17306b}.btn-round{padding:20px;border-radius:50%}.btn-rectangular{padding:0;height:60px;width:120px;min-width:82px;border:none;border-radius:10px}.tooltip{visibility:hidden;width:120px;min-width:82px;background-color:#e2e8f0;color:#0f172a;text-align:center;border-radius:10px;padding:5px 0;position:absolute;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.btn:hover .tooltip{visibility:visible;opacity:1}.input,.input-btn{font-size:1.2em;font-family:inherit}.input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #0F172A inset!important;-webkit-text-fill-color:#E2E8F0!important}.input:-moz-autofill{box-shadow:0 0 0 30px #0f172a inset!important;text-fill-color:#E2E8F0!important}.input:focus{border-color:#465c7c;outline:none}.separator{width:100%;height:2px;background-color:#3341557c;box-shadow:0 0 8px #17306b7c,0 0 16px #17306b44}.header{position:sticky;top:0;max-width:950px;z-index:10}.nav-container{background-color:#111a27ab;padding:15px;border-radius:0 0 10px 10px}.navbar{margin:0;padding:0;list-style-type:none;align-items:center;display:flex;justify-content:space-around}.nav-item>a{font-size:1.2em;font-weight:700}.description{margin:35px 0;font-size:1.2em}.contact-email{display:flex;align-items:center;justify-content:space-between}.contact-email>*{margin:0 5px}.contact-email .icon{width:70px;height:auto;margin-left:0}.contact-email .input{width:60%}.contact-email .btn img{width:40px;height:auto}.social-links{margin:25px auto;display:flex;justify-content:center;align-items:center}.social-links .btn-round{margin:0 5%}.social-links .btn img{width:32px;height:auto}.skills-section{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sk-item{display:flex;align-items:center;box-sizing:border-box;min-width:170px}.sk-item p{display:inline;margin:0;padding:0 0 0 10px}.sk-item img{width:20px;height:20px}.project{margin:25px 0;padding:20px;display:flex;align-items:center;justify-content:center;border:3px solid #334155;border-radius:10px}.project:first-child{margin-top:0}.project:last-child{margin-bottom:0}.project-image{display:flex;width:40%;height:290px;margin-right:20px;background-color:#17306b7c;border-radius:10px}.project-info{width:60%;margin-left:20px}.project-info h3{margin-top:0}.project-image img{width:180px;height:auto;margin:auto;transition:transform .3s ease}.project-image img:hover{transform:scale(1.1)}.project-info .btn img{width:40px;height:auto}.contact-form{display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"name lastname" "email email" "message message" "button button";gap:12px}.form-input-container{display:flex;flex-direction:column;justify-content:center}.form-input-container label{margin:5px 0}.form-input-container:first-child{grid-area:name}.form-input-container:nth-child(2){grid-area:lastname}.form-input-container:nth-child(3){grid-area:email}.form-input-container:nth-child(4){grid-area:message}.form-input-container:last-child{grid-area:button;margin:auto}.modal-container{width:100%;height:100dvh;background-color:#000a;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:20;opacity:0;pointer-events:none;transition:opacity .6s}.modal-container.show{opacity:1;pointer-events:unset;transition:opacity .6s}.modal-loader{width:60px;height:60px;border-radius:50%;border:3px solid #E2E8F0;border-top-color:transparent;position:absolute;opacity:0;transition:opacity .6s}.modal-loader.show{opacity:1;transition:opacity .6s;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal{box-sizing:border-box;width:80%;max-width:500px;padding:30px;opacity:0;transition:opacity .6s}.modal.show{opacity:1;transition:opacity .6s}.modal-btn{font-size:1.2em;display:flex;justify-content:center}.close-modal:disabled{pointer-events:none;cursor:not-allowed}.modal-title,.modal-description,.modal-btn{margin:0}.modal-description{margin:30px 0}@supports ((backdrop-filter: none) or (-webkit-backdrop-filter: none)){.nav-container{background-color:#111a2780;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@media screen and (max-width:990px){body{margin:0 15px}section:last-child{padding-bottom:60px}}@media screen and (max-width:750px){.skills-section{grid-template-columns:repeat(2,1fr)}.contact-form{grid-template-columns:1fr;grid-template-areas:"name" "lastname" "email" "message" "button"}}@media screen and (max-width:600px){body{font-size:14px}.title img{width:60px}.social-links .btn img{width:28px}.contact-email .btn img,.project-info .btn img{width:35px}.header,.contact-email .icon{display:none}.project{flex-direction:column}.project-image{width:100%;height:220px;margin-right:0;margin-bottom:20px}.project-image img{width:140px}.project-info{width:100%;margin-left:0;margin-top:20px}}@media screen and (max-width:390px){.skills-section{grid-template-columns:1fr}.contact-form{grid-template-columns:minmax(0,1fr)}.project-image{height:180px}.project-image img{width:120px}}