*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.nav-header{align-items:center;background:#01305a;box-shadow:0 6px 12px rgba(0,0,0,.2);display:flex;height:55px;justify-content:flex-end;padding:10px 10%;position:fixed;top:0;width:100%;z-index:2}.nav-logo{color:#fff;font-family:sans-serif;font-family:Paytone One,sans-serif;letter-spacing:1.4px;margin-right:auto;text-decoration:none}.nav-contact-btn{background-color:#009bcb;border:none;border-radius:50px;cursor:pointer;margin-left:20px;padding:9px 25px;transition:all .3s ease 0s}.nav-contact-btn:hover{background-color:rgba(0,136,169,.8)}.nav-key-elements-list{align-items:center;display:flex;height:100%;justify-content:right;list-style-type:none;position:relative}.nav-key-elements-list li a{color:#fff;margin-right:2rem;text-decoration:none}.nav-key-elements-list-items{color:#f1f1f1;cursor:pointer;font-size:.9rem;text-transform:uppercase}.btn,.nav-key-elements-list-items .active{color:#fff}.btn{background:none;border:none;display:none;font-size:18px;padding:5px;position:absolute;right:10px;top:7px}@media screen and (max-width:550px){.nav-key-elements-list{background:#01305a;flex-direction:column;height:auto;position:absolute;right:0;top:10px}.nav-key-elements-list-items:first-child{border-top:1px solid hsla(0,0%,100%,.555);margin-top:50px}.nav-key-elements-list-items{border-top:1px solid hsla(0,0%,100%,.555);padding:20px 50px;text-align:center;width:100%}.btn{display:block}}.recomentations{padding:2rem}.recomentations-main-title{padding-bottom:4rem}.recomentations-container{grid-gap:1.5rem;display:grid;gap:1.5rem;margin:auto;max-width:1300px}.recomentation{border-radius:.4rem;box-shadow:1px 1px 16px -6px rgba(0,0,0,.5);padding:1.5rem;text-decoration:none;-webkit-transform:translateY(-15px);transform:translateY(-15px);transition:.3s cubic-bezier(1,.5,0,.5);transition:.2s ease}.recomentation>.recomentation-info{align-items:center;display:flex;font-size:.7rem;padding-bottom:1.3rem}.recomentation-head-text{letter-spacing:1px;text-align:left}.recomentation-head-text .recommendation-profile-icons .linkedin-icon{color:#0497e6}.recomentation-head-text .recommendation-profile-icons .web-icon{color:#466f82;padding-left:1rem}.recomentation-head-text .recommendation-profile-icons{font-size:1.5rem;padding:1rem}.recomentation .recomentation-head-text h2{color:#322d2d}.recomentation .recomentation-head-text p{color:#979696;font-size:15px;padding:2px}.recomentation>.recomentation-info>img{border:4px solid #0a00ff21;border-radius:50%;height:5rem;margin-right:1rem;width:5rem}.recomentation-head-text p{color:#585858;font-size:.9rem}.recomentation-content-text{color:#574747;letter-spacing:1px;line-height:26px;text-align:justify}.recomentation:first-of-type{grid-column:1/7}.recomentation:first-of-type,.recomentation:nth-of-type(2){background-color:#fff;border-bottom:2px solid #0a4298;border-top:5px solid #0a4298;grid-row:1}.recomentation:nth-of-type(2){grid-column:7/10}@media (max-width:900px){.recomentations-container{grid-template-columns:repeat(6,1fr);padding:2rem .5rem}.recomentation:first-of-type{grid-column:1/7;grid-row:1}.recomentation:nth-of-type(2){grid-column:1/7;grid-row:2}.recomentation:nth-of-type(3){grid-column:1/7;grid-row:3}.recomentation:nth-of-type(4){grid-column:1/7;grid-row:4}.recomentation:nth-of-type(5){grid-column:1/7;grid-row:5}}@media screen and (max-width:550px){.recomentations{padding:1rem 0}.recomentations-main-title{font-size:25px;padding-bottom:1rem}}.footer-container{background-color:#f2f2f2;padding:4rem}.footer-container-page-wrapper{display:flex;flex-direction:row;justify-content:space-evenly;letter-spacing:1px;line-height:35px}.footer-services-list{list-style:none;padding:10px;text-align:left}.footer-socialmedia-icons{display:flex;font-size:2rem;gap:.5rem}.footer-linkedin-icon{color:#0098f1}.footer-github-icon{color:#521a92}.footer-bottum-line{background:#0a4298;color:#fff;letter-spacing:1px;padding:1rem}@media screen and (max-width:550px){.footer-container-page-wrapper{flex-direction:column-reverse}.footer-container{padding:1rem}}input[type=email],input[type=text],textarea{border:1px solid #d2e3fe9e;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;margin-bottom:16px;margin-top:6px;padding:12px;resize:vertical;width:100%}input[type=submit]{background-color:#0a4298;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:12px 20px;width:100%}input[type=submit]:hover{background-color:#0459da}textarea{line-height:26px;min-height:8rem}.contact-form{max-width:500px;padding-bottom:2rem;padding-top:1rem}.success-message{color:#04da2f;font-weight:700}.key-services-container{margin:0 auto;width:1142px}.key-services{padding:50px 0 90px}.key-services-list{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between}.key-services-item{box-sizing:border-box;overflow:hidden;position:relative;width:33.33%}.key-services-item:not(:first-child):not(:nth-child(2)):not(:nth-child(3)){border-top:1px solid #c1c1c1}.key-services-item:not(:nth-child(3n)){border-right:1px solid #c1c1c1}.key-services-hidden-item{background-color:#084398}.key-services-item:hover .key-services-visible-item{opacity:0;-webkit-transform:scale(0);transform:scale(0);transition-delay:0s}.key-services-visible-item{align-items:center;box-sizing:border-box;display:flex;height:100%;padding:35px 40px;transition:.4s .3s;width:100%}.key-services-img{height:64px;margin:0 15px 0 0;width:64px}.key-services-title{box-sizing:border-box;font-size:22px}.key-services-hidden-item{align-items:center;bottom:0;display:flex;left:0;opacity:0;padding:30px;position:absolute;right:0;top:0;-webkit-transform:rotate(180deg) scale(0);transform:rotate(180deg) scale(0);transition:.3s}.key-services-item:hover .key-services-hidden-item{opacity:1;-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);transition-delay:.3s}.key-services-text{color:#fff;font-size:20px;max-width:100%;opacity:0;transition:.3s .5s}.key-services-item:hover .key-services-text{opacity:1}.ag-offer_btn{border:2px solid #fff;border-radius:3px;color:#fff;display:block;font-size:25px;left:50%;padding:10px 20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap}.ag-offer_btn:hover{background-color:#fff;border:2px solid #0000d1;color:#0000d1;text-decoration:none}@media only screen and (max-width:767px){.key-services-container{width:96%}.key-services-item{border:0!important;border-bottom:1px solid #c1c1c1!important;margin:0 0 30px;width:100%}.key-services-visible-item{justify-content:flex-start;padding:0 20px 30px}.key-services-hidden-item,.key-services-item:hover .key-services-visible-item{opacity:1;-webkit-transform:none;transform:none}.key-services-hidden-item{padding:0 20px 20px;position:static}.key-services-item:first-child .key-services-hidden-item,.key-services-item:nth-child(2) .key-services-hidden-item,.key-services-item:nth-child(3) .key-services-hidden-item,.key-services-item:nth-child(4) .key-services-hidden-item,.key-services-item:nth-child(5) .key-services-hidden-item,.key-services-item:nth-child(6) .key-services-hidden-item{background-color:initial;display:none}.key-services-item:hover .key-services-text{opacity:1}.key-services-title{font-weight:700}.key-services-text{color:#000;font-size:18px;opacity:1}.ag-offer_btn{background-color:navy;border:2px solid #0000d1;position:static;-webkit-transform:none;transform:none}}@media only screen and (max-width:639px){.key-services{padding:1rem 0}.key-services-title{font-size:18px;font-weight:inherit}}@media (min-width:768px) and (max-width:979px){.key-services-container{width:750px}}@media (min-width:980px) and (max-width:1161px){.key-services-container{width:960px}}.landing-page{background:linear-gradient(156deg,#0a62e5,#0a3f90);background-repeat:no-repeat;width:100%}.landing-page-wrapper{align-items:center;background-image:repeating-linear-gradient(90deg,currentColor,currentColor 1px,#160b0b00 0,#d1020200);background-size:15px 15px;color:hsla(0,0%,100%,.06);display:flex;height:100%;justify-content:space-around;padding:5rem;width:100%}.landing-page-content{text-align:start}.landing-page-wrapper h1{color:#fff}.landing-page-wrapper p{color:#f4f3f3;font-size:13px;letter-spacing:2px;line-height:1.4;margin:20px 0;width:280px}.landing-page-bg{background:var(--first-color);border-radius:50px;color:#fff;display:inline-block;font-size:.7em;font-weight:700;letter-spacing:1.5px;padding:5px 10px}.landing-page-button{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.landing-page-button button{align-items:center;background-color:#24b201;border:1px solid #00ffcf;border-radius:8px;color:#fffbfb;display:flex;font-size:1rem;letter-spacing:1px;overflow:hidden;padding:10px 15px;position:relative;text-decoration:none}.landing-page-button a:after{background:#111;content:"";height:100%;position:absolute;right:-10px;top:0;-webkit-transform:skew(-25deg);transform:skew(-25deg);-webkit-transform-origin:right;transform-origin:right;transition:width .3s ease-in-out;width:0;z-index:-1}.landing-page-button a:hover:after{left:-10px;-webkit-transform-origin:left;transform-origin:left;width:150%}.landing-page-button a:hover{color:#fff;transition:all .5s ease}.landing-page-button svg{font-size:1.5rem;padding-right:.3rem}.landing-page-footer{bottom:0;position:absolute;right:0}.social-media-icons{display:flex;font-size:2rem;list-style:none}.social-media-icons li a{color:#fff}.social-media-icons li{padding-right:.3rem}.social-media-icons .linkedin-icon a:hover{color:#b4defb}.social-media-icons .github-icon a:hover{color:#c4a2ff}.landing-page-imgs{--g:8px;-webkit-clip-path:inset(1px);clip-path:inset(1px);display:grid}.landing-page-imgs>img{--_p:calc(var(--g)*-1);aspect-ratio:1;cursor:pointer;grid-area:1/1;transition:.4s .1s;width:400px}.landing-page-imgs>img:first-child{-webkit-clip-path:polygon(0 0,calc(100% + var(--_p)) 0,0 calc(100% + var(--_p)));clip-path:polygon(0 0,calc(100% + var(--_p)) 0,0 calc(100% + var(--_p)))}.landing-page-imgs>img:last-child{-webkit-clip-path:polygon(100% 100%,100% calc(0% - var(--_p)),calc(0% - var(--_p)) 100%);clip-path:polygon(100% 100%,100% calc(0% - var(--_p)),calc(0% - var(--_p)) 100%)}.landing-page-imgs:hover>img:first-child:hover,.landing-page-imgs:hover>img:last-child{--_p:calc(50% - var(--g))}.landing-page-imgs:hover>img:first-child,.landing-page-imgs:hover>img:first-child:hover+img{--_p:calc(-50% - var(--g))}@media screen and (max-width:550px){.landing-page-wrapper{display:inline-table;padding:5rem 1rem 1rem}.landing-page{border-bottom-left-radius:0;border-bottom-right-radius:0}.landing-page-imgs>img{width:300px}}.timeline{padding:.5rem}.timeline-main-title{text-align:center}.timeline-container{display:flex;flex-direction:column;margin:40px 0;position:relative}.timeline-container:after{background-color:#0a4298;content:"";height:100%;left:calc(50% - 2px);position:absolute;width:4px}.timeline-item{display:flex;justify-content:flex-end;margin:10px 0;padding-right:30px;position:relative;width:50%}.timeline-item:nth-child(odd){align-self:flex-end;justify-content:flex-start;padding-left:30px;padding-right:0}.timeline-item-content{align-items:flex-end;background-color:#fff;border-radius:5px;box-shadow:0 0 5px #0a4298;display:flex;flex-direction:column;max-width:70%;padding:15px;position:relative;text-align:right;width:400px}.timeline-item-content:after{background-color:#fff;box-shadow:1px -1px 1px rgba(0,0,0,.2);content:" ";height:15px;position:absolute;right:-7.5px;top:calc(50% - 7.5px);-webkit-transform:rotate(45deg);transform:rotate(45deg);width:15px}.timeline-item:nth-child(odd) .timeline-item-content{align-items:flex-start;text-align:left}.timeline-item:nth-child(odd) .timeline-item-content:after{box-shadow:-1px 1px 1px rgba(0,0,0,.2);left:-7.5px;right:auto}.timeline-item-content .timeline-item-tag{background:#0a4298;border-radius:4px;color:#fff;font-size:12px;font-weight:700;left:5px;letter-spacing:1px;padding:5px;position:absolute;text-transform:uppercase;top:5px}.timeline-item:nth-child(odd) .timeline-item-content .timeline-item-tag{left:auto;right:5px}.timeline-item-content time{color:#777;font-size:12px;font-weight:700}.timeline-item-content p{font-size:16px;letter-spacing:1px;line-height:24px;margin:15px 0}.timeline-item-content a{color:#333;font-size:14px;font-weight:700;text-decoration:none}.timeline-item-content a:after{content:" ►";font-size:12px}.timeline-item-content .circle{background-color:#fff;border:3px solid #0a4298;border-radius:50%;height:20px;position:absolute;right:-40px;top:calc(50% - 10px);width:20px;z-index:1}.timeline-item:nth-child(odd) .timeline-item-content .circle{left:-40px;right:auto}@media only screen and (max-width:1023px){.timeline-item-content{max-width:100%}}@media only screen and (max-width:767px){.timeline-item-content,.timeline-item:nth-child(odd) .timeline-item-content{align-items:center;padding:15px 10px;text-align:center}.timeline-item-content .timeline-item-tag{text-align:center;width:calc(100% - 10px)}.timeline-item-content time{margin-top:2.7rem}.timeline-item-content a{text-decoration:underline}.timeline-item-content a:after{display:none}}@media screen and(max-width:550px){.timeline-item-tag time{padding-top:3rem}}.skills{padding:3rem}.skills header{padding-bottom:1rem}.tag{background:#7d98c4;border:1px solid #0a429812;border-radius:5px;color:#fff;display:inline-block;font-weight:600;margin:.25em .1em;padding:.5em 1em .6em}.main-tag{background-color:#0c5ad1}h1.tag{margin-left:0;margin-right:0}@media screen and (max-width:550px){.skills{padding:1rem}.tag{font-size:14px;font-weight:inherit}}
/*# sourceMappingURL=main.47aadd6f.css.map*/