@import"https://fonts.googleapis.com/css2?family=Cal+Sans&display=swap";#portfolio{display:flex;flex-wrap:wrap;gap:2rem;padding:4rem 4rem 4rem 3rem}h1.nomeprincipal{width:100%;font-size:5rem;margin-bottom:4rem;background:linear-gradient(90deg,rgb(250,82,82) 0%,rgb(221,36,118) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.technologies-container{margin-bottom:2rem;padding:2rem 1rem;text-align:center}.technologies-container h2{font-size:2.5rem;margin-bottom:2rem;color:#fff}.technologies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;justify-content:center}.technology-card-link{text-decoration:none;color:inherit;display:block;border-radius:5px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.technology-card-link:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.technology-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background-color:#1e212a;border:none;width:100%;height:150px;border-radius:5px;text-align:center}.technology-card h3{color:#fff;margin-bottom:.5rem;font-size:1.2rem}.technology-card svg{font-size:3rem}#html svg{color:#e44d26}#css svg{color:#1572b6}#js svg{color:#f0db4f}#node svg{color:#83cd29}#java svg{color:#00b3ff}#python svg{color:#3776ab}#c svg{color:#a8b9cc;order:2}#reactjs svg{color:#00c8ff}#mysql svg{color:#4479a1}#springboot svg{font-size:3rem}h2{color:#fff;font-family:Cal Sans,sans-serif;font-family-font-size:1.5rem}p{color:#fff;padding:.9rem;font-family:Cal Sans,sans-serif}h1.abouth1{color:#fff;font-family:Cal Sans,sans-serif;font-size:2.5rem;margin-bottom:1rem}.bton{background-color:#000;color:#fff;padding:.7rem 1.2rem;border-radius:.5rem;text-decoration:none;display:inline-block;transition:background-color .3s ease-in-out,color .3s ease-in-out}.bton:hover{background-color:#0062cc;color:#fff}.projects-row{display:flex;flex-wrap:wrap;gap:2rem;justify-content:flex-start}.project1,.project2,.project3,.project4{width:400px;height:200px;margin-bottom:1rem;transition:transform .3s;align-self:flex-start}.texto1,.texto2,.texto3,.texto4{text-align:start;margin-top:.5rem;margin-left:0;width:400px}.titup1,.titup2,.titup3,.titup4{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;cursor:pointer}.titup1 a,.titup2 a,.titup3 a,.titup4 a{color:inherit;text-decoration:none;transition:opacity .2s ease-in-out}.titup1 a:hover,.titup2 a:hover,.titup3 a:hover,.titup4 a:hover{text-decoration:underline;opacity:.8}.titup1 a:after,.titup2 a:after,.titup3 a:after,.titup4 a:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;background-color:#007bff;transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}.titup1 a:hover:after,.titup2 a:hover:after,.titup3 a:hover:after,.titup4 a:hover:after{transform:scaleX(1)}#conteudoprincipal{background-color:#1a1919;flex:2 1 0;border-radius:10px;padding:3rem}#social-networks{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem 0}#social-networks .social-btn{padding:.6em;background-color:#1d1d1d;border-radius:5px;color:#333;font-size:1.3rem;display:flex;justify-content:center;align-items:center}#social-networks #linkedin{color:#0072b1}#social-networks #github{color:#111}#social-networks #instagram{color:#ae2828}#social-networks :hover{background:linear-gradient(90deg,rgb(250,82,82) 0%,rgb(221,36,118) 100%)}#social-networks :hover>svg{color:#fff}#information{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#1d1d1d;padding:1rem;margin-bottom:2rem;text-align:left;width:80%;border-radius:5px}#information .info-card{display:flex;justify-content:center;align-items:center;justify-content:start;gap:.001rem;padding-bottom:.8rem;margin-bottom:.7rem;border-bottom:1px solid #444;width:105%}#information .info-card h3{color:#a6a6a6;font-size:.8rem;margin-bottom:.5rem}#information .info-card p{color:#fff;font-weight:bolder}#information .info-card svg{background-color:#111;padding:.3rem;width:2rem;height:2rem;border-radius:5px}#information .info-card #phone-icon{color:#e93b81}#information .info-card #pin-icon{color:#6ab5b9}#information .info-card #email-icon{color:#c17ceb}#sidebar{background-color:#1a1919;flex:1 1 0;border-radius:5px;display:flex;align-items:center;flex-direction:column;text-align:center;position:relative;padding:2rem 0}#sidebar .profileimg{max-width:70%;border-radius:10px;position:absolute;top:-4rem}#sidebar .title{color:#fff;background-color:#1d1d1d;border-radius:5px;margin-top:12rem;padding:.9rem 1.6rem}#sidebar .btn{background-color:#000;color:#fff;padding:.7rem 1.2rem;border-radius:5px;text-decoration:none;display:inline-block;transition:background-color .3s ease-in-out,color .3s ease-in-out}#sidebar .btn:hover{background-color:#0062cc;color:#fff}#AboutMe{padding:2rem}#videojptec{padding-top:1rem;padding-bottom:1rem}.contact-section{margin-top:10rem;text-align:center}.contact-section h2{font-size:1.5rem;margin-bottom:1rem}.contact-section input[type=email],.contact-section input[type=text]{padding:.5rem;margin-bottom:.5rem;border:1px solid #ccc;border-radius:4px;width:100%}.contact-section button{padding:.5rem 1rem;border-radius:4px;background-color:#4caf50;color:#fff;border:none;cursor:pointer}*{padding:0;margin:0;font-family:Helvetica;box-sizing:border-box}body{background-color:#0b132b}a,svg{transition:.4s}