@import url(https://fonts.googleapis.com/css2?family=Ysabeau+Infant:wght@400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}::-webkit-scrollbar{background-color:#2f387b;width:10px}::-webkit-scrollbar-thumb{background-color:#4695ee;border-radius:5px}html{color:#fff;font-family:Ysabeau Infant,sans-serif;font-size:16px}body{background-color:#31325b;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0v3.994C14 7.864 10.858 11 7 11c-3.866 0-7-3.138-7-7.006V0h2v4.005a5 5 0 0 0 10 0V0h2zm0 26v-5.994A7.004 7.004 0 0 0 7 13c-3.858 0-7 3.137-7 7.006V26h2v-6.005a5 5 0 0 1 10 0V26h2zm2-18.994C16 3.136 19.142 0 23 0c3.866 0 7 3.138 7 7.006v9.988C30 20.864 26.858 24 23 24c-3.866 0-7-3.138-7-7.006V7.006zm2-.01a5 5 0 0 1 10-.001v10.01a5 5 0 0 1-10 0V6.995z' fill='%23523384' fill-opacity='.26' fill-rule='evenodd'/%3E%3C/svg%3E")}a{color:#000;text-decoration:none}button{font-family:inherit;font-size:inherit}ul{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:500}.container{margin:0 auto;width:90%}section{margin-top:80px;padding:1.5rem 0}section>h2{color:#4695ee;font-size:1.7rem;font-weight:600;text-align:center}section>h5{color:#ccc;font-size:1rem;text-align:center}@media screen and (min-width:600px){.container{width:85%}}.button{background-color:#4695ee;border:1px solid transparent;border-radius:7.5px;color:#000;cursor:pointer;display:inline-block;outline:none;padding:.5rem .75rem;transition:all .2s linear}.button:hover{background-color:#4695ee73;color:#ccc}.button:disabled{background-color:#ccc;color:#eee;cursor:not-allowed}.button.outline{background-color:initial;border:1px solid #4695ee;color:#fff}.button.outline:hover{background-color:#4695ee73}.header{padding-top:70px}.header h1,.header h5{text-align:center}.header h5{color:#ccc;font-size:1rem}.cta{display:flex;gap:10px;justify-content:center;margin-top:25px}.avatar{display:block;margin:20px auto 0;width:90%}@media screen and (min-width:600px){.avatar{width:60%}}@media screen and (min-width:1024px){.avatar{width:45%}}.about_image{border-radius:10%;-webkit-transform:rotate(10deg);transform:rotate(10deg);transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:100%}.about_image:hover{-webkit-transform:rotate(0);transform:rotate(0)}.about_image-container{display:flex;margin:2.2rem auto 0;position:relative;width:70%}.about_image-container:after{background:linear-gradient(130deg,#021225,#64a0e4a4);border-radius:10%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.about_elements{grid-gap:1.3rem 4%;display:grid;gap:1.3rem 4%;grid-template-columns:repeat(2,1fr);margin-top:3.2rem}.about_element{background-color:#2f387b;border:1px solid transparent;border-radius:10px;padding:1rem;text-align:center}.about_element:hover{background:transparent;border:1px solid #4695ee}.about_element_icon svg{fill:#4695ee;height:1.5rem;width:1.5rem}.about_element_name{font-size:1.2rem;line-height:1.7rem;margin-top:.75rem}.about_element_descr{color:#ccc;font-size:.9rem;line-height:1.5rem;margin-top:.25rem}.profile{margin-top:1.2rem}.about_button{margin-top:20px;text-align:center}@media screen and (min-width:600px){.about_image-container{width:35%}.about_elements{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1024px){.about__container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1.5fr}.about_image-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:75%}}.experience__container{margin-top:30px}.experience_card{background-color:#2f387b;border-radius:15px;margin-top:20px;padding:2rem 1.5rem 2.5rem}.experience_card h4{color:#4695ee;font-size:1.2rem;font-weight:600;text-align:center;text-transform:capitalize}.experience_card_body{display:flex;flex-wrap:wrap;gap:30px 10px;margin-top:50px}.experience_card_item{display:flex;gap:10px;width:48%}.experience_card_item span svg{fill:#4695ee;height:20px;width:20px}.experience_card_item h5{color:#fff;font-size:1rem;font-weight:600;line-height:1.1rem}.experience_card_item p{color:#ccc;margin-top:10px}@media screen and (min-width:600px){.experience__container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.experience__container{gap:3rem;justify-content:center}.experience_card{padding:2rem 2.5rem 2.5rem}}.portfolio__container{margin-top:30px}.work_card{background-color:#2f387b;border-radius:15px;margin-top:20px;padding:1rem 1rem 2rem}.work_card_image{border-radius:15px;height:250px;overflow:hidden;width:100%}.work_card_image img{height:100%;object-fit:cover;width:100%}.work_card_title{font-size:1.5rem;font-weight:600;margin-top:15px}.work_card_descr{color:#ccc}.work_card_body .button_container{display:flex;gap:10px;justify-content:flex-start;margin-top:30px}@media screen and (min-width:600px){.portfolio__container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.portfolio__container{gap:2rem;grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1440px){.portfolio__container{grid-template-columns:repeat(4,1fr)}}.contact__container{margin-top:30px}.contact__card{background-color:#2f387b;border-radius:15px;margin-top:20px;padding:1rem;text-align:center}.contact__card:hover{background-color:#4695ee73}.contact__card span svg{height:1.5rem;width:1.5rem}.contact__card a{color:#4695ee;display:inline-block;margin-top:10px;padding:2px;transition:color .2s linear}.contact__card a:hover{color:#ccc}.contact__option{font-size:1.2rem;margin-top:5px}.contact__data{color:#ccc;font-size:1rem;margin-top:5px}.contact__form{margin-top:30px}input,textarea{background:transparent;border:1px solid #4695ee;border-radius:15px;color:#fff;display:block;font-family:inherit;font-size:1rem;margin-top:20px;outline:none;padding:.8rem;transition:border-color .2s linear;width:100%}input:focus-visible,textarea:focus-visible{border-color:#4695ee73}p[role=alert]{color:red;font-weight:600;margin-top:5px}input[aria-invalid=true],textarea[aria-invalid=true]{border:1px solid red}@media screen and (min-width:600px){.contact__container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 2fr}.contact__card:first-child,.contact__form,.contact__form input:first-child{margin-top:0}}footer{background-color:#4695ee;margin-top:70px;padding:1.5rem 1.5rem 8rem}.footer__title{color:#151515;font-size:2rem;font-weight:600;text-align:center}.footer__links ul{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-top:20px}.footer__links ul li a{color:#151515;font-size:1.2rem;font-weight:500;transition:color .2s linear}.footer__links ul li a:hover{color:#fff}.footer__socials{gap:1rem;margin-top:30px}.footer__social,.footer__socials{display:flex;justify-content:center}.footer__social{align-items:center;background-color:#151515;border:1px solid transparent;border-radius:10px;height:40px;transition:all .2s linear;width:40px}.footer__social:hover{background-color:initial;border-color:#151515}.footer__social:hover svg{fill:#151515}.footer__social svg{fill:#fff}@media screen and (min-width:600px){.footer__links ul{flex-direction:row}}.floating-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.3);border-radius:2rem;bottom:1.8rem;padding:.5rem 1.4rem;position:fixed;right:50%;-webkit-transform:translateX(50%);transform:translateX(50%);z-index:10}.floating-nav ul{display:flex;gap:1rem}.floating-nav__link{align-items:center;border-radius:50%;color:#ccc;display:flex;justify-content:center;padding:.5rem}.floating-nav__link:hover{background-color:rgba(0,0,0,.3)}.floating-nav__link.active{background-color:#151515;color:#fff}.floating-nav__link svg{height:18px;width:18px}@media screen and (min-width:425px){.floating-nav{padding:.7rem 1.6rem}.floating-nav__link{padding:.7rem}.floating-nav__link svg{height:20px;width:20px}}
/*# sourceMappingURL=main.84f24ecd.css.map*/