.about-container{color:#8c8c8c;padding:7% 15% 5%;text-align:center}.about-container article h2{font-size:2.3rem;font-family:"Comfortaa",cursive}.mt{font-family:"Comfortaa",cursive;font-size:1.5rem;margin-top:3rem;padding:5px 0}.about-img-hob{margin-bottom:2.5rem}.about-img-hob,.about-img-hob ul{display:flex;justify-content:center}.about-img-hob ul{width:auto;flex-wrap:wrap}.about-img-hob ul li{display:flex;width:25%;justify-content:center;align-items:center}.about-img{margin-top:2rem;border-radius:10px;object-fit:contain}.img-about-container{width:50%;display:flex;flex-direction:column;align-items:center}.img-about-container a{margin-top:5px;background-color:#c20a0a;text-decoration:none;color:#fff;padding:5px 10px;border-radius:3px;transition:.3s}.img-about-container a:hover{box-shadow:0 3px 2px #000}.metodologias-container,.skills-container{display:flex;justify-content:space-evenly;align-items:center;background-color:#f4bd33;padding:5%;font-size:1.8rem;color:#252525}.metodologias-container{background-color:#4fc590}.metodologias-content{display:flex}.skills-content{display:grid;grid-template-columns:1fr 1fr}.metodologias-container div:first-child,.skills-container div:first-child{min-width:50%}.metodologias-content p,.skills-content p{font-weight:700;font-size:1.3rem;margin:0 1rem}.btn-cv{padding:5px 10px;border:none;background-color:#c13737;color:#f9f9f6;font-size:1rem;cursor:pointer;font-weight:700;border-radius:5px}.btn-cv:hover{opacity:.9}@media screen and (max-width:720px){.about-container{display:flex;justify-content:center}.about-img-hob{flex-direction:column;align-items:center}.img-about-container{width:100%}.metodologias-container,.skills-container{flex-direction:column;text-align:center}.metodologias-content p,.skills-content p{font-size:1.1rem;margin-top:1.3rem}.skills-content p:last-child{grid-column:1/3}}@media screen and (max-width:500px){.metodologias-container,.skills-container{width:100%}.about-container{padding:5% 2%}}.contact-container{display:flex;flex-direction:column;min-height:300px;background-image:url(/static/media/chat-svgrepo-com.85e75606.svg);background-repeat:no-repeat;background-size:20%;background-color:#1e2b39;background-position:105% 25%}.contact-title{font-family:"Comfortaa",cursive;font-size:2.3rem;text-align:center;color:#e9e9e9;padding:3rem 0}.contact-mail{text-align:center;padding-bottom:1rem}.contact-mail a{transition:color .3s;margin:0 auto;font-family:"Comfortaa",cursive;color:#fff;font-size:1.3rem}.contact-mail :hover{color:hsla(0,0%,100%,.52)}@media screen and (max-width:720px){.contact-container{margin-bottom:4.2rem}}.ul-nav{display:flex;padding:1rem;justify-content:center}.contact-icon{font-size:3rem;color:#000}.contact-icon i{transition:all .3s}.contact-icon i:hover{transform:rotate(-15deg)}.header{height:100vh;max-height:950px;position:relative;color:#f0f8ff}.header,nav{background-color:#3eb6bb}nav{padding:1rem 0;width:100%;position:fixed;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:900;border-radius:0 0 5px 5px;left:0;right:0;margin:auto}nav ul{display:flex;justify-content:center}ul li{margin:10px 2rem;list-style:none}nav ul li a{text-decoration:none;color:#f0f8ff;padding:10px;transition:.5s}nav ul li a:hover{background-color:#218e92}.header-content{display:flex;height:90%;width:100%;justify-content:center;align-items:center}.first-box{height:160px;width:100%;background-color:azure;width:-webkit-min-content;width:min-content;border:5px dotted rgba(0,0,0,.472);display:flex;margin-right:5%;transform:translateY(-20%)}.two-box{padding:20px 30px;transform:translateY(-20%) translateX(20%);border:5px solid #63c0c5;background-color:#3eb6bb;box-shadow:-8px 8px 1px rgba(0,0,0,.164)}.two-box h2{font-family:"Reem Kufi",sans-serif;font-size:6rem;transform:translateY(-10px)}.two-box h1{margin-top:80px;transform:translateX(-20%);font-size:2rem}.two-box h1 span{font-size:1.2rem}.header-content img{margin-left:5%;height:250px;width:250px}@media screen and (max-width:720px){.header-content img{display:none}.two-box{padding:10px 15px}.two-box h2{font-size:5.5rem}.first-box{margin-right:12%}.navFixed{bottom:0;border-radius:5px;animation-name:transition;animation-duration:1.8s}@keyframes transition{0%{transform:translateY(-1500px)}to{transform:translateY(0)}}}@media screen and (max-width:500px){nav ul li{margin:10px 1rem}}.work2_container{display:grid;grid-template-columns:1fr 1fr 1fr;height:-webkit-min-content;height:min-content;padding:0 5%;grid-gap:10% 3%;gap:10% 3%;margin-bottom:8rem;margin-top:1.5rem}@media screen and (max-width:950px){.work2_container{grid-template-columns:1fr 1fr;margin-bottom:250px}footer{margin-top:1rem}}@media screen and (max-width:630px){.work2_container{grid-template-columns:1fr;grid-gap:4rem;gap:4rem;margin-bottom:50px}footer{margin-top:0}}.card_container{box-shadow:3px 3px 3px rgba(0,0,0,.434),-3px -3px 3px hsla(0,0%,46.7%,.082);padding:1rem;width:-webkit-max-content;width:max-content;position:relative;overflow:hidden;height:330px;margin:0 auto 1rem}.card_container h2{text-align:center;font-size:1.3rem;-webkit-text-decoration:underline rgba(59,58,58,.297);text-decoration:underline rgba(59,58,58,.297);margin-bottom:1rem}.card_content{width:100%;display:flex;flex-direction:column}.card_content img{width:100%;max-width:250px;margin:0 auto;object-fit:contain;transition:transform .3s}.card_hidden{top:0;position:absolute;height:-webkit-max-content;height:max-content;width:100%;min-height:90%;background-color:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .6s;padding:3%;overflow-y:auto;visibility:hidden;opacity:0}.card_container:hover{overflow:visible}.card_container:hover .card_hidden{transform:translateX(-1rem);visibility:visible;opacity:1}.card_data{padding:3%;width:100%;flex-direction:column;align-items:center;text-align:center;font-weight:700}.card_data,.card_skills{display:flex;justify-content:center}.card_skills{flex-wrap:wrap}.card_data__p{font-size:14px;width:-webkit-min-content;width:min-content;background-color:#000;padding:5px 10px;border-radius:10px;margin:3px;color:#f3e5e5;font-weight:700}.card_data__principal{display:flex;flex-wrap:wrap;justify-content:center}.card_data__principal h3{font-size:14px;background-color:#fff;border:1px solid #000;padding:10px;border-radius:20px;margin:5px;width:-webkit-max-content;width:max-content;height:-webkit-min-content;height:min-content}.card_data__text{color:#f0f8ff;background-color:rgb(6 51 90);padding:10px;border-radius:10px;text-shadow:1px 1px 1px #000;font-weight:400}.git-google{width:30px;height:30px;margin:5px;transition:all .3s}.card_links{width:100%;display:flex;justify-content:space-evenly;border-bottom:1px solid rgba(0,0,0,.576);margin-bottom:1rem;padding-top:.5rem}.git-google:hover{transform:rotate(-10deg)}.card_hidden::-webkit-scrollbar{width:3px #000;width:8px}.card_hidden::-webkit-scrollbar-thumb{background-color:#696c6c;border-radius:5px}.btn-show{position:absolute;bottom:0;left:1rem;border:none;padding:5px;visibility:hidden;background-color:#8bd5f5;border-radius:5px}.btn-show img{width:20px;height:20px;object-fit:contain;transition:transform .2s}@media screen and (max-width:768px){.btn-show{visibility:visible}.card_container:hover .card_hidden{opacity:0;visibility:hidden}.show{opacity:1!important;transform:translateX(-1rem);visibility:visible!important}.rotate{transform:rotate(180deg)}}*{box-sizing:border-box;margin:0;padding:0;font-family:"Julius Sans One",sans-serif}:root{scroll-behavior:smooth}.App{background-color:#f9f9f9;min-width:350px;display:flex;flex-direction:column;margin:0 auto}.work-title{font-size:2.3rem;text-align:center;color:#8c8c8c;padding:3rem 0;font-family:"Comfortaa",cursive}.popup-content{width:80%;max-width:700px}main{padding-bottom:3rem}.more{width:100%;padding:0 5%}.more__title{text-align:center}.more__grid{display:flex;justify-content:space-evenly;padding:0 5%;grid-gap:10% 3%;gap:10% 3%;margin-bottom:5rem;margin-top:1.5rem;flex-wrap:wrap;height:1px;overflow:hidden;animation-name:close;animation-duration:1s;opacity:1}@keyframes close{0%{height:200px}to{height:1px;opacity:.3}}.more__grid .card_container{width:282px;transition:heigth 1s}.more__grid .card_container img{max-height:200px}.more__button{border:none;display:block;margin:0 auto;width:60px;transform:rotate(180deg);background-color:transparent;transition:transform .3s}.more__button img{width:100%}.more__button:hover{transform:scale(1.1)}.expand{animation-name:open;animation-duration:1s;height:auto}@keyframes open{0%{height:1px}to{height:330px;opacity:1!important}}.arrow--bottom{transform:rotate(0)}
/*# sourceMappingURL=main.79fbcbd5.chunk.css.map */