.footer-main{text-align:center;font-size:12px;font-weight:700;color:#000;margin:10px 0}.header-main{max-width:900px;height:52px;margin:0 auto;display:flex;gap:10px}.header-main__linkedin{height:52px;width:285px;background-color:var(--greenPrincipal);display:flex;align-items:flex-end;justify-content:space-between;border:none;transition:all ease .2s}.header-main__linkedin:hover{height:60px;border:none}.header-main__linkedin--icon{margin:5px}.header-main__github{height:52px;width:285px;background-color:var(--blackPrincipal);display:flex;align-items:flex-end;justify-content:space-between;border:none;transition:all ease .2s}.header-main__github:hover{height:60px;border:none}.header-main__github--icon{margin:5px}.header-main__contact{height:52px;width:285px;background-color:#000;display:flex;align-items:flex-end;justify-content:space-between;border:none;transition:all ease .2s}.header-main__contact:hover{height:60px;border:none}.header-main__contact p{font-size:13;font-weight:700;color:#fff;margin:0 0 2px 5px}@media (max-width: 900px){body{width:100%;margin:0 auto}.header-main{width:500px;margin:0 auto}.header-main__linkedin,.header-main__github,.header-main__contact{width:150px}}@media (max-width: 480px){body{margin:0 5px}.header-main{width:100%;flex-direction:column;margin:0;gap:5px}.header-main__linkedin{width:100%;height:30px}.header-main__linkedin:hover{width:100%;height:30px;opacity:50%}.header-main__github{width:100%;height:30px}.header-main__github:hover{width:100%;height:30px;opacity:50%}.header-main__contact{width:100%;height:30px}.header-main__contact:hover{width:100%;height:30px;opacity:50%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}.modal-content{background:var(--greenPrincipal);padding:40px;position:relative;min-width:300px;width:600px;text-align:center;box-shadow:0 0 10px #00000080}.modal-content h3{color:#fff;font-family:inika;font-size:24px;margin-bottom:20px;line-height:25px}.modal-close{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer}.modal-content__data{text-align:center;display:flex;justify-content:center;align-items:center;margin-top:10px}.modal-content span{font-size:22px;font-weight:500;color:#fff}.modal-content__data--modal-icon{color:#fff;font-size:25px;margin-right:5px}.chat-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.chat-modal textarea{width:100%;font-size:14px}.modal-content__conversation{background-color:#fff;height:300px;margin-bottom:10px;display:flex;flex-direction:column;align-items:end;justify-content:flex-start;overflow-y:auto;padding:20px;border:1px solid #ccc;border-radius:4px}.modal-content__conversation--user{padding:8px 12px;align-self:flex-end;text-align:left;margin:6px 0;max-width:80%}.modal-content__conversation--dani{background-color:var(--greenPrincipal);color:#fff;padding:8px 12px;border-radius:0 10px 10px;align-self:flex-start;text-align:left;margin:6px 0;max-width:80%}.chat-modal{display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:10px;width:100%}.chat-modal input{width:480px;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;outline:none}.chat-modal button{padding:10px 20px;width:100px;font-size:16px;background-color:var(--blackPrincipal);color:#fff;border:none;border-radius:4px}.hello-main{max-width:1100px;margin:60px auto 0;padding:0 5px}.hello-main__profile-img{text-align:center}.hello-main__button-chat{text-align:center;margin-top:20px}.hello-main__button-chat button{background-color:var(--greenPrincipal);font-family:inika;font-size:18px;font-weight:700;color:#fff;padding:12px 24px;border:none;border-radius:6px;font-size:16px;animation:glow 2s infinite ease-in-out;transition:all ease .3s}.hello-main__button-chat button:hover{background-color:var(--blackPrincipal)}.hello-main__say-hello h1{font-size:124px;color:var(--blackPrincipal)}.hello-main__say-hello h2{font-size:40px;color:var(--greenPrincipal);font-family:inika}.hello-main__i-work{margin-top:70px}.hello-main__i-work h2{font-size:40px;color:var(--blackPrincipal)}.hello-main__i-work h3{font-size:20px;margin-top:10px;color:var(--greenPrincipal);font-family:inika}.hello-main__i-work--download-icon{color:var(--greenPrincipal);cursor:pointer;margin-top:10px;transition:color ease .3s}.hello-main__i-work--download-icon:hover{color:var(--blackPrincipal)}@media (max-width: 900px){.hello-main__say-hello h1{font-size:90px;margin:0 5px;color:var(--blackPrincipal)}}@media (max-width: 480px){.hello-main__say-hello h1{font-size:60px;color:var(--blackPrincipal)}.hello-main__i-work{margin-top:0 5px 0 5px}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--blackPrincipal)}50%{box-shadow:0 0 20px var(--blackPrincipal),0 0 40px var(--greenPrincipal)}}.project-main{width:100%;height:auto}.project-main h4{font-family:inika;color:var(--greenPrincipal);font-size:20px}.project-main__image{width:100%;margin-top:5px}.project-main__buttons{margin-top:2px;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:5px}.project-main__buttons--button{width:100%;height:auto;height:32px;border:none;display:flex;align-items:flex-end;transition:opacity ease .2s}.project-main__buttons--button:hover{opacity:70%}.github{background-color:var(--greenPrincipal)}.deploy{background-color:var(--blackPrincipal)}.project-main__buttons--button img{margin:0 0 2px 4px}.projects-main{max-width:1100px;margin:70px auto 0;padding:0 5px}.projects-main h2{font-size:40px;color:var(--blackPrincipal)}.projects-main__project{padding:5px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}:root{--greenPrincipal: #789A9E;--blackPrincipal: #403F46}*{padding:0;margin:0}body{background-color:#fff;font-family:inter}button{cursor:pointer}