@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}html{font-family:'Jost', sans-serif;width:100%;height:100%;scroll-behavior:smooth}body{margin:0}.text-center{text-align:center}@media (min-width: 1260px){.text-center-xlarge-margin{margin-left:10%;margin-right:25%}}.margin-left{margin-left:.625rem}.margin-right{margin-right:.625rem}@media (min-width: 768px) and (max-width: 991px){.margin-top{margin-top:3.5rem}}@media (min-width: 320px) and (max-width: 767px){.margin-bottom{margin-bottom:1.875rem}}@media (min-width: 768px) and (max-width: 991px){.margin-bottom{margin-bottom:3.4375rem}}@media (min-width: 992px) and (max-width: 1259px){.margin-bottom{margin-bottom:3.4375rem}}@media (min-width: 1260px){.margin-bottom{margin-bottom:1.875rem}}h1{font-size:3rem}@media (min-width: 768px) and (max-width: 991px){h1{font-size:4rem}}@media (min-width: 992px) and (max-width: 1259px){h1{font-size:4rem}}@media (min-width: 1260px){h1{font-size:5rem}}.h1{font-size:2.5rem}@media (min-width: 768px) and (max-width: 991px){.h1{font-size:3rem}}@media (min-width: 992px) and (max-width: 1259px){.h1{font-size:3rem}}@media (min-width: 1260px){.h1{font-size:3rem}}h2{font-size:2rem}.h2{margin-block-start:1em;margin-block-end:1em;font-size:2rem}@media (min-width: 768px) and (max-width: 991px){#banner__h2{font-size:3rem}}@media (min-width: 992px) and (max-width: 1259px){#banner__h2{font-size:3rem}}@media (min-width: 1260px){#banner__h2{font-size:4rem}}.h3{font-size:1.5rem}.bold{font-weight:bold}footer{margin-top:.9375rem}p{text-align:justify}.inline{display:inline}.section-content{display:block}.section-content h3{margin-top:2rem}@media (min-width: 320px) and (max-width: 767px){.break{padding-bottom:1.5rem}}.hidden-all{display:none}.flex-container{display:flex;flex-direction:column;height:100vh;margin:auto}@media (min-width: 992px) and (max-width: 1259px){.flex-container{margin-left:15rem}}@media (min-width: 1260px){.flex-container{margin-left:15rem}}.container__center{width:75%;align-self:center;margin:3.125rem auto}@media (min-width: 320px) and (max-width: 767px){.container__center{max-width:400px}}@media (min-width: 768px) and (max-width: 991px){.container__center{width:700px}}@media (min-width: 992px) and (max-width: 1259px){.container__center--projects{width:660px}}@media (min-width: 1260px){.container__center--projects{width:90%}}.primary-nav{display:flex;flex-direction:column;position:fixed;height:100vh;background-color:#fff;border-right:8px solid #003d8d;width:0;transition:0.5s;z-index:5}@media (orientation: landscape){.primary-nav{overflow-x:auto}}@media (min-width: 992px) and (max-width: 1259px){.primary-nav{display:block;visibility:visible;width:15rem}}@media (min-width: 1260px){.primary-nav{display:block;visibility:visible;width:15rem}}.primary-nav__socials{display:flex;justify-content:center;margin-top:0;padding:0;list-style:none}@media (min-width: 320px) and (max-width: 767px){.primary-nav__socials{display:none}}@media (min-width: 768px) and (max-width: 991px){.primary-nav__socials{display:none}}.primary-nav__socials li{margin-left:1.25rem;margin-right:1.25rem;margin-bottom:0}.primary-nav__pages{display:block;list-style:none;margin-bottom:0}.primary-nav__logo{background:linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite;display:flex;justify-content:center;width:100%;color:#0b0b0b;font-size:6.25rem;text-decoration:none;text-align:center;border-bottom:8px solid #003d8d}.primary-nav ul{padding:0;text-align:center;font-size:1.75rem;font-weight:bold}.primary-nav li{margin-bottom:1.5625rem}.primary-nav li:hover{text-decoration:underline;cursor:pointer}.primary-nav a{text-decoration:none;color:#0b0b0b}.primary-nav__flex-container{display:flex;flex-direction:column}.primary-nav__hamburger{position:fixed;z-index:1;vertical-align:middle;top:1.25rem;right:1.25rem;width:3.125rem;height:3.125rem}@media (min-width: 992px) and (max-width: 1259px){.primary-nav__hamburger{display:none}}@media (min-width: 1260px){.primary-nav__hamburger{display:none}}#banner{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;background:linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite}.banner__heading{display:flex;text-align:center}.banner__text{color:#111;font-size:2rem;margin-left:1px;margin-right:1px}.project__grid{display:grid;gap:1.25rem}@media (min-width: 650px) and (max-width: brkpoint-md-1){.project__grid{max-width:37.5rem;margin:0 auto}}@media (min-width: 768px) and (max-width: 991px){.project__grid{max-width:700px;margin:0 auto;grid-template-columns:50% 50%}}@media (min-width: 992px) and (max-width: 1259px){.project__grid{max-width:882px;grid-template-columns:50% 50%}}@media (min-width: 1260px){.project__grid{grid-template-columns:33% 33% 33%}}.project__block--content--height{min-height:1000px}.project__block{box-sizing:border-box}.project__block--content{border:5px solid #003d8d;border-radius:0 0 2% 2%;flex-direction:column;position:relative;transition:.5s ease}@media (min-width: 320px) and (max-width: 767px){.project__block--content{height:515px}}@media (min-width: 768px) and (max-width: 991px){.project__block--content{height:500px}}@media (min-width: 992px) and (max-width: 1259px){.project__block--content{height:500px}}@media (min-width: 1260px){.project__block--content{height:600px}}.project__block--hover{top:0;position:relative;transition:.5s ease}.project__block--hover:hover{top:-10px;transition:.5s ease}.project__block p{margin-right:.625rem}.section-title{display:flex;flex-direction:column}.footer__container{display:flex;flex-direction:column;align-items:center}.footer__top-link{text-decoration:none;color:#0b0b0b}footer h2{margin-top:.3125rem}.project__block img{width:100%;height:100%;max-height:35.3125rem}@media (min-width: 320px) and (max-width: 767px){.project__block img{height:190px}}@media (min-width: 768px) and (max-width: 991px){.project__block img{height:190px}}@media (min-width: 992px) and (max-width: 1259px){.project__block img{height:180px}}@media (min-width: 1260px){.project__block img{min-height:275px;max-height:275px}}.image__profile{width:10%;border-radius:10%;border-color:black;border:5px solid black;max-height:420px}@media (min-width: 320px) and (max-width: 767px){.image__profile{width:45%}}@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape){.image__profile{width:7rem}}@media (min-width: 768px) and (max-width: 991px){.image__profile{width:25%}}@media (min-width: 650px) and (max-width: brkpoint-md-1){.image__profile{width:25%}}@media (min-width: 992px) and (max-width: 1259px){.image__profile{width:30%}}@media (min-width: 1260px){.image__profile{width:15%}}.img-container--snippet{width:100%}input,textarea{font-family:"Jost",sans-serif}input[type=text],textarea[type=text]{box-sizing:border-box;padding:12px 20px;font-size:1.2rem;position:center;width:100%;background-color:lightgrey;color:#606060;border:2px solid #4a4c59;border-radius:2px}input[type=text]:focus,textarea[type=text]:focus{background-color:#fff;color:#0b0b0b}input::placeholder,textarea::placeholder{color:#606060}.contact-form__content{display:grid;width:100%;gap:10px;grid-template-columns:50% 50%}.contact-form__first-name{grid-column-start:1;grid-column-end:3}.contact-form__first-name input:focus,.contact-form__first-name textarea:focus{outline:none}.contact-form__first-name.error input,.contact-form__first-name.error textarea{border:2px solid red}.contact-form__first-name.success input,.contact-form__first-name.success textarea{border:2px solid green}@media (min-width: 768px) and (max-width: 991px){.contact-form__first-name{grid-column-start:1;grid-column-end:2}}@media (min-width: 992px) and (max-width: 1259px){.contact-form__first-name{grid-column-start:1;grid-column-end:2}}@media (min-width: 1260px){.contact-form__first-name{grid-column-start:1;grid-column-end:2}}.contact-form__last-name{grid-column-start:1;grid-column-end:3}.contact-form__last-name input:focus,.contact-form__last-name textarea:focus{outline:none}.contact-form__last-name.error input,.contact-form__last-name.error textarea{border:2px solid red}.contact-form__last-name.success input,.contact-form__last-name.success textarea{border:2px solid green}@media (min-width: 768px) and (max-width: 991px){.contact-form__last-name{grid-column-start:2;grid-column-end:3}}@media (min-width: 992px) and (max-width: 1259px){.contact-form__last-name{grid-column-start:2;grid-column-end:3}}@media (min-width: 1260px){.contact-form__last-name{grid-column-start:2;grid-column-end:3}}.contact-form__email{grid-column-start:1;grid-column-end:3}.contact-form__email input:focus,.contact-form__email textarea:focus{outline:none}.contact-form__email.error input,.contact-form__email.error textarea{border:2px solid red}.contact-form__email.success input,.contact-form__email.success textarea{border:2px solid green}@media (min-width: 768px) and (max-width: 991px){.contact-form__email{grid-column-start:1;grid-column-end:2}}@media (min-width: 992px) and (max-width: 1259px){.contact-form__email{grid-column-start:1;grid-column-end:2}}@media (min-width: 1260px){.contact-form__email{grid-column-start:1;grid-column-end:2}}.contact-form__phone{grid-column-start:1;grid-column-end:3}.contact-form__phone input:focus,.contact-form__phone textarea:focus{outline:none}.contact-form__phone.error input,.contact-form__phone.error textarea{border:2px solid red}.contact-form__phone.success input,.contact-form__phone.success textarea{border:2px solid green}@media (min-width: 768px) and (max-width: 991px){.contact-form__phone{grid-column-start:2;grid-column-end:3}}@media (min-width: 992px) and (max-width: 1259px){.contact-form__phone{grid-column-start:2;grid-column-end:3}}@media (min-width: 1260px){.contact-form__phone{grid-column-start:2;grid-column-end:3}}.contact-form__message{grid-column-start:1;grid-column-end:3}.contact-form__message input:focus,.contact-form__message textarea:focus{outline:none}@media (min-width: 768px) and (max-width: 991px){.contact-form__message{grid-column-start:1;grid-column-end:3}}@media (min-width: 992px) and (max-width: 1259px){.contact-form__message{grid-column-start:1;grid-column-end:3}}@media (min-width: 1260px){.contact-form__message{grid-column-start:1;grid-column-end:3}}#contact-form__first-name::placeholder{color:#d64541}#contact-form__first-name:focus::placeholder{color:transparent}#contact-form__last-name::placeholder{color:#d64541}#contact-form__last-name:focus::placeholder{color:transparent}#contact-form__email::placeholder{color:#d64541}#contact-form__email:focus::placeholder{color:transparent}#contact-form__message{box-sizing:border-box;padding:12px 20px;font-size:1.2rem;position:center;width:100%;background-color:lightgrey;color:#606060;border:2px solid #4a4c59;border-radius:2px}#contact-form__message:focus{background-color:#fff}#contact-form__message:focus::placeholder{color:transparent}#contact-form__phone::placeholder{color:#d64541}#contact-form__phone:focus::placeholder{color:transparent}textarea{resize:vertical}.error-validating{display:flex;justify-content:space-between;align-items:center;background-color:#f2dede;color:#a94442;padding:15px;margin-bottom:20px;border:1px solid #ebccd1;border-radius:2px}.success-validating{display:flex;justify-content:space-between;align-items:center;background-color:#dfd;color:#00b67b;padding:15px;margin-bottom:20px;border:1px solid #9ae9b2;border-radius:2px}.close{position:relative;font-size:32px;padding:0;cursor:pointer;background:transparent;border:0;margin:0 15px}.btn__submit{font-family:"Jost",sans-serif;height:auto;line-height:35px;padding:5px 15px;text-align:center;text-decoration:none;font-size:1em;border-radius:3px;background-color:grey;color:white;row-gap:.20833em;padding:.625em 2.08333em;margin-top:2rem;margin-bottom:2rem}.btn__submit:hover{background-color:#0b0b0b;cursor:pointer}.btn__project-card{font-family:"Jost",sans-serif;height:auto;line-height:35px;padding:5px 15px;text-align:center;text-decoration:none;font-size:1em;border-radius:3px;background-color:grey;color:white;row-gap:.20833em;color:#fff;background-color:#4892f3;border-color:#4892f3;margin-right:10px}@media (min-width: 320px) and (max-width: 767px){.btn__project-card{font-size:16px}}.btn__project-card:hover{background-color:#003d8d;border-color:#003d8d}.btn__project-card-position-live{position:absolute;bottom:20px}.btn__project-card-position-repo{position:absolute;bottom:20px;left:113px}.hamburger{font-family:"Jost",sans-serif;height:auto;line-height:35px;padding:5px 15px;text-align:center;text-decoration:none;font-size:1em;border-radius:3px;background-color:grey;color:white;row-gap:.20833em;background-color:#0b0b0b;border-color:#0b0b0b;padding:7px 16px;height:50px;width:50px}@media (min-width: 992px) and (max-width: 1259px){.hamburger{display:none}}@media (min-width: 1260px){.hamburger{display:none}}.hamburger-box{display:inline-block;width:33px;height:19px;position:relative}.hamburger-inner{top:10px;right:10px;content:"";display:block;position:absolute;width:2.0625rem;height:.25rem;background-color:#fff;border-radius:0}.hamburger-inner::before{content:"";display:block;position:absolute;width:2.0625rem;height:.25rem;background-color:#fff;border-radius:0;top:-10px;bottom:0}.hamburger-inner::after{content:"";display:block;position:absolute;width:2.0625rem;height:.25rem;background-color:#fff;border-radius:0;top:10px}.hamburger-spin{cursor:pointer}.hamburger-spin .hamburger-inner{content:"";display:block;position:absolute;width:2.0625rem;height:.25rem;background-color:#fff;border-radius:0;transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition:.5s ease}.hamburger-spin .hamburger-inner::before{content:"";display:block;position:absolute;width:2.0625rem;height:.25rem;background-color:#fff;border-radius:0;top:0;opacity:0;transition:top .1s ease-out
 ,opacity .1s ease-out .12s;transform:rotate(45deg)}.hamburger-spin .hamburger-inner::before:hover{top:10px}.hamburger-spin .hamburger-inner::after{content:"";display:block;position:absolute;width:2.0625rem;height:.25rem;background-color:#fff;border-radius:0;bottom:0;top:0;transform:rotate(-90deg);transition:bottom 0.1s ease-out,transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s}.hamburger-spin-backwards{cursor:pointer}.hamburger-spin-backwards .hamburger-inner{content:"";display:block;position:absolute;width:2.0625rem;height:.25rem;background-color:#fff;border-radius:0;transform:rotate(-180deg);transition-delay:.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition:.5s ease}.hamburger-spin-backwards .hamburger-inner::before{content:"";display:block;position:absolute;width:2.0625rem;height:.25rem;background-color:#fff;border-radius:0;top:10px;opacity:1;transform:rotate(180deg);transition:top .1s ease-out
 ,opacity .1s ease-out .12s}.hamburger-spin-backwards .hamburger-inner::before:hover{top:10px}.hamburger-spin-backwards .hamburger-inner::after{content:"";display:block;position:absolute;width:2.0625rem;height:.25rem;background-color:#fff;border-radius:0;bottom:0;top:-10px;transform:rotate(180deg);transition:bottom 0.1s ease-out,transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s}.toggle-section{width:32px;height:32px;padding:0;background:none;border:none;outline:none;transform:rotate(90deg);transition:.5s;font-size:2rem;cursor:pointer}.rotate{transform:rotate(0deg);transition:.5s}.icon{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}.icon-arrow-up{fill:#0b0b0b;font-size:32px}.icon-facebook{fill:#0b0b0b}.icon-facebook:hover{fill:#3b5998}.icon-linkedin{fill:#0b0b0b}.icon-linkedin:hover{fill:#0077B5}.icon-github:hover{fill:#6e5494}.icon-html5{width:2em;height:2em;margin-right:1rem}@media (min-width: 320px) and (max-width: 767px){.icon-html5{width:1.5rem;height:1.5rem}}.icon-css3{width:2em;height:2em;margin-right:1rem}@media (min-width: 320px) and (max-width: 767px){.icon-css3{width:1.5rem;height:1.5rem}}.icon-sass{width:2em;height:2em;margin-right:1rem}@media (min-width: 320px) and (max-width: 767px){.icon-sass{width:1.5rem;height:1.5rem}}.icon-javascript{width:2em;height:2em;margin-right:1rem}@media (min-width: 320px) and (max-width: 767px){.icon-javascript{width:1.5rem;height:1.5rem}}.icon-php{width:2em;height:2em;margin-right:1rem}@media (min-width: 320px) and (max-width: 767px){.icon-php{width:1.5rem;height:1.5rem}}