body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{background-color:#daccb4}h1{font-size:2.5em}h2{font-size:1.8em}div{margin:0;padding:0}.display-none{display:none!important}.Typewriter{font-size:1.5em}.App{background-color:#fcf9f4;box-shadow:0 2px 7px 0 rgba(0,0,0,.5);color:#14453d;display:grid;flex:1 1 auto;margin-bottom:34.5px;width:100%}.App-header{align-items:center;display:flex;justify-content:space-between;padding:10px 15px}.App-header .menu-div{position:relative}.App-header .menu-div .hamburger-react{z-index:2000}.App-header .avalibility-div .avaliable-icon{background-color:#00942c;border-radius:25px;display:inline-block;height:10px;width:10px}.App-header .avalibility-div p{display:inline-block;margin:0 10px}.App-header .email-icon{stroke:1;stroke:#14453d;height:40px;width:40px}.Body{display:flex;height:80vh;overflow:scroll}.Content{display:flex;flex-direction:column;margin:0 auto;width:100%}.Content h1{margin:10px auto}.Content .tabs{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:center;margin-bottom:30px;max-width:100vw}.Content .tabs div{align-items:center;background-color:#fff;border:1px solid #14453d;border-radius:20px;color:#14453d;display:flex;min-height:60px;padding:0 15px;text-align:center}.Content .tabs div:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.Content .tabs .active{background-color:#14453d;border:1px solid #fff;color:#fff}.Content .grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding-bottom:30px}.Content .grid>div{display:flex;flex-direction:column;gap:10px;text-align:center;width:200px}.Content img{background-color:#fff;border-radius:30px}@media only screen and (max-width:768px){.Body{height:85vh;padding:0 15px}.App-header .email-icon{height:30px;width:30px}.Content .tabs{flex-direction:column;gap:12px}.Content .tabs div{justify-content:center;min-height:40px;min-width:100%;text-align:center}.Content .tabs div:hover{-webkit-transform:none;transform:none;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.Content .tabs div h3{font-size:12px;margin:5px 0}.Content .grid{gap:30px}.Content .grid>div{gap:15px;width:150px}.Content .grid>div img{height:150px;width:150px}}.Menu-div .Menu{background-color:#cabca4;bottom:0;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;opacity:.95;position:absolute;width:100%;z-index:1000}.Menu-div .Menu p{display:inline-block;font-size:1.8em;font-weight:700;text-align:center;width:100%}.Menu-div .Menu a{color:#fff;text-decoration:none}.Menu-div .Menu a:hover{color:#14453d}.menu-enter{max-height:0}.menu-enter-active{max-height:100vh;transition:max-height .5s}.menu-exit{max-height:100vh}.menu-exit-active{max-height:0;overflow:hidden;transition:max-height .5s}.Content-home,.Content-skills h1{margin:10px auto}.Content-skills .database,.Content-skills .language,.Content-skills .service,.Content-skills .system{overflow:auto}.experience{margin:auto;.experience-grid{align-items:center;display:grid;grid-template-columns:.5fr 1fr;margin:25px 0;img{display:block;margin:20px auto;width:200px}}}.education{width:50%}.work{width:70%;.experience-grid{gap:25px;grid-template-columns:.5fr 3fr}}.freelance .experience-grid{align-items:normal;grid-template-columns:.8fr 1fr;margin:auto 100px auto 60px;.client-logos,.clients{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));.client{margin:12px 0;.name{font-weight:700}}}}@media only screen and (max-width:768px){.experience{width:100%}.experience .experience-grid{gap:25px}.education .experience-grid,.freelance .experience-grid,.work .experience-grid{display:block}.freelance .experience-grid{margin:auto 20px;.clients{font-size:12px}}}
/*# sourceMappingURL=main.4dcb4533.css.map*/