.header-primary{position:relative}.header__social-links{position:absolute;top:2.7rem;left:2rem;display:flex;gap:1.8rem}.header__social-link{display:flex;border:none;border-radius:9px}.header__social-link:hover .icon{fill:var(--color-red);color:var(--color-red)}.header__menu{position:relative;z-index:999}.btn-menu,.btn-close{box-shadow:0 0 .6rem .6rem #a3b0f680;background-color:var(--color-white);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;width:5rem;height:5rem;top:2rem;right:2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--timing-animation)}.btn-menu:hover,.btn-menu:focus,.btn-close:hover,.btn-close:focus{box-shadow:0 0 .6rem .6rem var(--color-yellow)}.icon-menu,.icon-close{width:4rem;border-radius:50%}.icon-close{width:2.7rem}.menu__nav{display:none;top:8rem;position:fixed;right:0;background:#fff;z-index:333;padding:3rem;border-radius:var(--radius-default);border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:var(--box-shadow);transform:translate(100%);transition:var(--timing-animation);background-color:#f0f1f2;opacity:1;background-image:radial-gradient(#7796cb .5px,transparent .5px),radial-gradient(#7796cb .5px,#fff .5px);background-size:20px 20px;background-position:0 0,10px 10px}.show-nav{transform:translate(0)}.menu__links{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:3rem}.menu__link{width:fit-content;font-weight:600;padding:1rem 2rem;border-radius:var(--radius-default)}.menu__link:hover{color:var(--color-light-blue)}.menu__link:focus{box-shadow:0 0 0 .3rem var(--color-yellow)}.header__social-links *:focus{box-shadow:0 0 0 .3rem var(--color-yellow)}.section-hero{height:100vh;align-items:center;justify-items:center;grid-template-columns:3fr 2fr;gap:6rem}.hero__text-box{max-width:52rem;transition:all 1s;opacity:0}.hero__text{font-size:1.8rem;line-height:1.7;margin-bottom:3.6rem}.hero__name,.hero__title{color:var(--color-blue);font-weight:700;text-transform:capitalize}.hero__strong{font-size:3.6rem;font-weight:500;line-height:1.2}.hero__btns .btn-primary{margin-inline-end:2rem}.hero__img-box{background-color:var(--color-very-light-blue);height:33rem;width:33rem;border-radius:50%;display:flex;justify-content:center;position:relative}.hero__img-box:before{content:"";background-color:var(--color-red);height:33rem;width:33rem;border-radius:50%;z-index:-1;position:absolute;margin-top:4px;margin-inline-start:-4px}.hero__img-box:after{content:"";background-color:var(--color-very-light-blue);height:33rem;width:33rem;border-radius:50%;z-index:-1;position:absolute;margin-top:-10px;margin-inline-end:-8px}.hero__hi{position:absolute;z-index:-1;padding:1.2rem 2.8rem;font-size:2rem;font-weight:700;letter-spacing:5px;color:var(--color-red);box-shadow:inset 0 0 0 3px var(--color-red);border-radius:var(--radius-circular);border-bottom-right-radius:0;-webkit-user-select:none;user-select:none;-webkit-animation:shake-bottom 4s cubic-bezier(.455,.03,.515,.955) 1s infinite;animation:shake-bottom 4s cubic-bezier(.455,.03,.515,.955) 1s infinite}.section-skills{padding:0 3.2rem}.skills__filter{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem}.filter{font-size:2rem;font-weight:700;color:var(--color-red);border-bottom:2px solid transparent;transition:var(--timing-animation)}.filter-clicked,.filter:hover,.filter:focus{border-bottom:2px solid var(--color-yellow)}.skills__list{display:flex;align-items:center;justify-content:center}.skills__list:last-child{margin-bottom:0rem}.skill-item{width:100%;max-width:15rem;height:13rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;transition:var(--timing-animation)}.skill-item *{transition:var(--timing-animation)}.skill-item:hover *{transform:scale(1.2);filter:hue-rotate(217deg)}.skill-logo{height:5rem;-webkit-user-select:none;user-select:none}.skill-name{color:var(--color-black);font-size:2.4rem;font-weight:400;font-family:VT323,monospace;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.skills__filter *:focus{box-shadow:0 4px 4px -2px var(--color-yellow)}.expectation{gap:2rem}.expectation-list{justify-self:center;display:flex;flex-direction:column;gap:2rem}.expectation-item{display:flex;align-items:center;gap:1rem;font-size:2rem;color:var(--color-gray)}.expectation-item .icon{width:2.6rem}:root{--color-black: #2a2a2a;--color-white: #fff;--color-gray: #6a6868;--color-blue: #4760ed;--color-blue-shade: rgba(71, 96, 237, .8);--color-blue-hover: #394dbe;--color-light-blue: #a3b0f6;--color-very-light-blue: #dadffb;--color-beige: #fcc8b8;--color-yellow: rgba(255, 217, 0, .5);--color-red: #1f1300;--radius-circular: 10rem;--radius-default: 9px;--box-shadow: 0 .8rem 1.6rem rgba(0, 0, 0, .1);--box-shadow-focus: 0 0 0 .3rem var(--color-yellow);--timing-animation: .2s}*{margin:0;padding:0;font:inherit}*,*:before,*:after{box-sizing:border-box}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:2rem}body{font-family:Nunito,sans-serif;color:var(--color-gray);font-size:1.6rem;font-weight:400;overflow-x:hidden;background-color:var(--color-white)}a{display:inline-block;color:inherit;text-decoration:none;transition:all var(--timing-animation)}ul,ol{list-style:none}button{cursor:pointer;border:none;background-color:transparent}.container{max-width:120rem;padding:0 3.2rem;margin:0 auto}section:not(:first-child,:last-child){margin-bottom:9.6rem}.grid{display:grid}.grid--2-cols{grid-template-columns:repeat(2,1fr)}.header-secondary{text-align:center;max-width:85rem;margin:0 auto 5rem}.header-secondary .description{font-size:1.8rem;font-weight:600}.heading-secondary{font-size:3.8rem;font-weight:700;margin-bottom:1rem;line-height:1.3;color:var(--color-blue-shade);width:fit-content;margin:0 auto 2rem;border-radius:100rem;padding:1rem 2rem;position:relative}.heading-secondary:before{content:"";display:block;height:3px;width:3px;border-radius:50%;position:absolute;bottom:1rem;left:75%;z-index:2;background-color:var(--color-light-blue)}.heading-secondary:after{content:"";border-radius:500rem;display:block;width:70%;height:.2rem;background-color:var(--color-light-blue);margin-inline-start:5%}.heading-tertiary{font-size:2rem;font-weight:700;margin-bottom:0;line-height:1.3;color:var(--color-blue);transition:var(--timing-animation)}.description{font-size:1.6rem;font-weight:400;margin-bottom:0;line-height:1.6;color:var(--color-black)}.img{width:100%}.btn{font-size:1.8rem;font-weight:700;padding:1.2rem 2.4rem;border-radius:var(--radius-circular);box-shadow:var(--box-shadow);border:none}.btn-primary,.btn-primary:link,.btn-primary:visited{background-color:var(--color-blue);color:var(--color-white);transition:var(--timing-animation);letter-spacing:.5px}.btn-primary:hover,.btn-primary:active{background-color:var(--color-blue-hover);box-shadow:none}.btn-outline:link,.btn-outline:visited{color:var(--color-red);transition:var(--timing-animation)}.btn-outline:hover,.btn-outline:active{box-shadow:inset 0 0 0 2px var(--color-yellow)}.btn-up{z-index:999;background:var(--color-white);position:fixed;bottom:2rem;right:2rem;width:5rem;height:5rem;display:flex;justify-content:center;border-radius:50%;border-bottom:none;transition:var(--timing-animation);box-shadow:0 0 0 .5rem var(--color-yellow)}.up-arrow{width:1.7rem;-webkit-animation:slide-top 1s ease-in infinite alternate;animation:slide-top 1s ease-in-out infinite alternate;transition:var(--timing-animation)}.up-arrow *{fill:var(--color-red);transition:var(--timing-animation)}.btn-up:hover,.btn-up:focus{box-shadow:0 0 0 .5rem var(--color-light-blue)}.btn-up:hover .up-arrow *,.btn-up:focus .up-arrow *{fill:var(--color-light-blue)}.btn-up:hover .up-arrow,.btn-up:focus .up-arrow{animation:none}.icon{width:3rem;fill:var(--color-gray);color:var(--color-gray);transition:var(--timing-animation)}.icon:hover{fill:var(--color-light-blue);color:var(--color-light-blue)}.icon:hover *{fill:currentColor;stroke:currentColor}*:focus{outline:none}.btn-outline:focus,.btn-primary:focus{box-shadow:var(--box-shadow-focus)}.mg-t{margin-top:6rem}.remove{opacity:0;visibility:hidden;pointer-events:none;z-index:-1}.hide{visibility:hidden;pointer-events:none;z-index:-1}.hero__hi{top:40px;left:60px;opacity:0;transition:all 1s}.hero__hi--reveal{top:-2.2rem;left:-51px;opacity:1}.skills__list,.service,.description{transform:translateY(5rem);opacity:0;transition:var(--timing-animation)}.service .description{transform:none;opacity:1}.reveal{transform:translateY(0);opacity:1}.project:nth-child(odd){transform:translate(-10rem);opacity:0}.project:nth-child(2n){transform:translate(10rem);opacity:0}.project--reveal{transform:translate(0)!important;opacity:1!important}.expectation-item,.heading-secondary,.expectation-item .icon,.heading-secondary .icon{transform:scale(.2);transition:var(--timing-animation)}.enlarge,.enlarge .icon{transform:scale(1)}@keyframes grad{0%{background-position:0% 48%}50%{background-position:100% 53%}to{background-position:0% 48%}}@-webkit-keyframes shake-bottom{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}10%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}20%,40%,60%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}30%,50%,70%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@keyframes shake-bottom{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}10%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}20%,40%,60%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}30%,50%,70%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}90%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@-webkit-keyframes slide-top{0%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}50%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}to{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}}@keyframes slide-top{0%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}50%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}to{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}}.projects{display:grid;grid-template-columns:1fr 1fr;column-gap:6rem;row-gap:10rem;margin-bottom:3rem}.project{border-radius:var(--radius-default);box-shadow:var(--box-shadow);overflow:hidden;transition:all 1s}.project_pic{display:flex;align-items:center;justify-content:center;width:100%;max-width:50rem;height:38rem;background:linear-gradient(90deg,#dde0e9,#faf6f7);background-size:400% 400%;animation:grad 6s ease infinite;overflow:hidden}.project_img{display:block;max-width:100%;max-height:100%;padding:0 1rem;transition:all .5s;overflow:hidden}.project_img:hover{transform:scale(1.3)}.project_info_wrapper{margin-top:1rem;display:flex;flex-direction:column;padding:1.6rem 3rem}.project_info_wrapper .heading-tertiary{color:var(--color-red)}.project_stack{display:flex;gap:1rem;align-items:center}.project_stack_list{display:flex;gap:1rem;margin-top:.8rem}.project_stack_list li{transition:var(--timing-animation)}.project_stack_list li:hover{transform:scale(1.2)}.stack{font-size:1.8rem;color:var(--color-blue)}.project_stack_icon{filter:hue-rotate(217deg);width:3rem;height:3rem}.project_links{display:flex;align-items:center;gap:1.8rem;align-self:center;margin:2.4rem 0 1rem}.project_link_icon{width:5.7rem;height:5.7rem;transition:var(--timing-animation);margin-top:.5rem}.project_link_icon:hover{fill:var(--color-blue-hover)}.project_link:focus{border-radius:var(--radius-default);filter:drop-shadow(0px 0px 6px rgb(255,217,0))}.load-more{color:var(--color-blue);font-size:2rem;font-weight:700;margin-bottom:0;line-height:1.3;display:flex;align-items:center;gap:.3rem;margin:5rem auto -1rem;padding:1rem .4rem 0 1rem;border-bottom:1px solid transparent;transition:var(--timing-animation)}.load-more:hover{border-bottom:1px solid currentColor}.load-more:focus{border-radius:var(--radius-default);box-shadow:var(--box-shadow-focus)}.plus-sign{width:3rem;height:3rem}.section-services .header-secondary{margin-bottom:3rem}.services{grid-template-columns:1fr 2fr;align-items:center}.services__list{display:flex;flex-direction:column;align-self:end}.service{padding:2rem;border-radius:3px;border-right:3px solid var(--color-yellow);border-bottom:3px solid var(--color-yellow);border-collapse:collapse;background-color:var(--color-white);-webkit-backdrop-filter:blur(10);backdrop-filter:blur(10);transition:var(--timing-animation)}.service .icon{margin-bottom:1rem}.service header{display:flex;align-items:center;gap:1rem;opacity:.9}.section-contact{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;overflow:hidden}.video-loop{position:absolute;top:-11rem;left:-24rem;z-index:-1}.contact{background-color:#fffc;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);width:100%;padding-top:6rem}.contact__form{display:flex;flex-direction:column;gap:4rem;max-width:44rem;margin:0rem 10% 9rem}.label{margin-bottom:-6rem;font-size:2rem;color:var(--color-red);transition:var(--timing-animation)}.label-up{margin-bottom:-3rem;font-size:1.4rem}.label-empty,.label-invalid{color:red}.label-empty:after{content:"(Required)"}.label-invalid:after{content:"(Invalid email)"}.input{font-size:1.6rem;background-color:transparent;border:none;padding-bottom:.5rem;border-bottom:1px solid var(--color-light-blue);resize:none;transition:var(--timing-animation)}.form-btns{display:flex;flex-direction:column;gap:3.8rem}.form-btns .btn-outline{background-color:var(--color-very-light-blue);font-weight:600}.input-file::file-selector-button{font-size:1.8rem;padding:1.2rem 2.4rem;border-radius:var(--radius-circular);border:none;color:var(--color-red);transition:var(--timing-animation);margin-inline-end:1rem}.input-file::file-selector-button:hover{box-shadow:inset 0 0 0 2px var(--color-yellow)}.input-file:focus::file-selector-button{box-shadow:inset 0 0 0 2px var(--color-yellow)}.input-file{color:var(--color-red)}.input:-webkit-autofill,.input:-webkit-autofill:focus{transition:background-color 0s 600000s,color 0s 600000s!important}.input:focus{border-bottom:2px solid var(--color-blue)}.contact .btn-primary{width:fit-content}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem;gap:2rem;color:var(--color-very-light-blue);background-color:var(--color-black)}.copy-write{color:var(--color-very-light-blue)}.footer__links{display:flex;align-items:center;gap:3rem;margin:.5rem}.footer__link{height:3.5rem;width:3.5rem;justify-content:center;display:flex;padding:.6rem;background-color:var(--color-white);border-radius:50%;transition:var(--timing-animation)}.footer__link:hover,.footer__link:focus{box-shadow:0 0 0 .3rem var(--color-yellow)}.footer__img{width:3rem}@media (min-width: 106em){.header-primary{max-width:144rem;height:11rem;padding:3rem;display:flex;justify-content:space-between;margin:0 auto}.header__social-links{position:initial}.section-hero{margin-top:-11rem}.btn-menu,.btn-close{top:initial;right:initial;transform:translate(-100%)}.btn-up,.menu__nav.show-nav{left:calc(144rem + (100vw - 163rem)/2)}.menu__nav.show-nav{width:fit-content}.video-loop{top:0;left:0}.contact__form{margin:4rem auto 9rem}}@media (max-width: 75em){html{font-size:56.25%}.video-loop{top:0rem;left:-63rem}}@media (max-width: 59em){html{font-size:50%}.main{margin-top:16rem}.img{grid-row:1;margin-bottom:1rem;width:90%;justify-self:center}.grid--2-cols,.section-hero{grid-template-columns:1fr}.section-hero{height:auto;margin-bottom:11rem}.hero__text-box{grid-row:2;max-width:75rem}.hero__strong{font-size:3.3rem}.hero__img-box{height:29rem;width:29rem}.hero__img-box:after,.hero__img-box:before{height:29rem;width:29rem}.skills__list{flex-wrap:wrap;margin-top:1rem}.skill-item{max-width:12rem;height:12rem;gap:.8rem}.skill-logo{height:4rem}.skill-name{font-size:1.6rem;letter-spacing:.5px;font-weight:600}.projects{grid-template-columns:1fr;row-gap:6rem}.section-projects{margin-bottom:12rem}.services{grid-template-columns:1fr}.services .header-secondary{margin:0 auto}.services__img{height:80%;justify-self:center}.services__list{margin-top:-2rem}.video-loop{top:-6rem;left:-90rem}.contact{-webkit-backdrop-filter:none;backdrop-filter:none}.contact__form{margin-top:4rem}.mg-t{margin-top:0}}@media (max-width: 38em){.btn-up{background-color:#ffffff80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.icon-menu:hover,.icon-close:hover,.btn-up:hover{background-color:#fff}.video-loop{top:-20%;left:-90%}.hero__strong{font-size:2.5rem}.hero__hi{top:-1.2rem;left:-27px;padding:.8rem 1.8rem;font-size:1.8rem;letter-spacing:3px;box-shadow:inset 0 0 0 2px var(--color-red)}.btn{font-size:1.8rem;padding:1rem 2rem}.hero__btns .btn-primary{margin-inline-end:1.4rem}.expectation-list{gap:1.6rem}.expectation-item{font-size:1.8rem}.img{width:100%}.services__img{height:90%;align-self:start}.services{grid-template-rows:30rem auto}.copy-write{font-size:1.4rem;max-width:21rem;text-align:center}}