html{overflow-x:hidden}.chevron:before,.chevron:after{height:5.2rem;width:2rem;color:#1FD6A8}@font-face{font-family:'glacial_indifferencebold';src:url("../fonts/glacialindifference-bold-webfont.woff2") format("woff2"),url("../fonts/glacialindifference-bold-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'glacial_indifferenceitalic';src:url("../fonts/glacialindifference-italic-webfont.woff2") format("woff2"),url("../fonts/glacialindifference-italic-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'glacial_indifferenceregular';src:url("../fonts/glacialindifference-regular-webfont.woff2") format("woff2"),url("../fonts/glacialindifference-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:62.5%;font-family:"Open Sans", sans-serif}body{position:relative;background-color:#fff;color:#0a0a0a;font-weight:400;line-height:1.6;font-size:1.6rem}@media screen and (max-width: 2560px){html{font-size:90%}}@media screen and (max-width: 1920px){html{box-sizing:border-box;font-size:62.5%}}@media screen and (max-width: 450px){html{box-sizing:border-box;font-size:50%}}html,body,a{font-family:"Open Sans", "Nunito", sans-serif}body{position:relative;background-color:#fff;color:#0A0A0A;font-weight:400;line-height:1.6;font-size:1.6rem}main{grid-row:2 / 5}p,h2{-webkit-font-smoothing:antialiased;line-height:3.2rem;font-family:"Open Sans", "Josefin Sans", sans-serif}.container{display:grid;grid-template-columns:[full-start] 1fr [in-start] repeat(12, 6rem) [in-end] 1fr [full-end];grid-column-gap:4rem;justify-content:center;overflow-x:hidden}.link-text,.link-text:visited{color:#1FD6A8}.link-text:hover,.link-text:active,.link-text:focus{color:#028083}.link-text-contact:hover,.link-text-contact:active,.link-text-contact:focus{color:rgba(31,214,168,0.8)}.container-main{grid-column:1 / -1;grid-row:2 / 3;display:grid;grid-template-columns:[full-start] 1fr [in-start] repeat(12, 6rem) [in-end] 1fr [full-end];grid-template-rows:repeat(4, min-content);grid-column-gap:4rem;justify-content:center}h1,h2,h4,h5,h6{text-transform:uppercase}h2{font-weight:400}h1,h4{font-weight:600}h4{font-size:2rem}.portfolio__head-dark{color:#1FD6A8}.portfolio__head-light{color:#028083}.head_small{font-size:2.4rem;text-align:center;text-transform:uppercase}.head_small-hero{text-align:left}@media screen and (max-width: 975px){.head_small-hero{text-align:center}}.head_small-hero-primary-start{color:#028083}.head_small-hero-primary-end{color:#0A136D}.head_small-dark{color:#1FD6A8}.head_small-light{color:#028083}.logo-syr .path1{color:#96d5eb}.logo-syr .path2{color:#fff}.chevron{color:#028083}.chevron:before,.chevron:after{font-size:5.2rem;font-weight:100;align-self:center;align-content:center;display:inline-block;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.chevron:before{content:"< ";margin-right:20px}.chevron:after{content:" >";margin-left:20px}.chevron-portfolio{display:flex;justify-content:center;padding-bottom:60px}.chevron-portfolio:before{margin-right:2rem;display:inline}.chevron-portfolio:after{margin-left:2rem;display:inline}.chevron-portfolio:before,.chevron-portfolio:after{height:100%;width:-moz-fit-content;width:fit-content}.chevron-hero{color:#028083;font-weight:800;display:flex;width:75rem;margin-left:-4.5rem}.chevron-hero:before,.chevron-hero:after{color:#0A136D}.chevron-hero:before{margin-left:-4.5rem}.chevron-skills{position:relative;grid-column:1/-1;grid-row:2/3;padding-bottom:8rem}.chevron-portfolio{grid-column:1/-1}.chevron-portfolio:before,.chevron-portfolio:after{color:#028083}.chevron-about{margin-left:-6.5rem}.chevron-about-dark:before,.chevron-about-dark:after{color:#028083}.head_big{font-size:5.2rem;text-align:center;padding:0;font-weight:600}.head_big-dark{color:#fff}.head_big-light{color:#0A136D}.btn{text-align:center;cursor:pointer;border-radius:30px;width:21rem;font-weight:600;text-decoration:none;padding:1.2rem;font-size:1.6rem}.btn:hover{transform:translateY(-3px);box-shadow:0 1rem 2rem rgba(0,0,0,0.2)}.btn:active{outline:none;transform:translateY(-1px);box-shadow:0 0.5px 10px rgba(0,0,0,0.2)}.btn_blue{background-color:#0A136D;color:#fff}.btn_white{border:solid 2px #0A136D;color:#0A136D;background-color:transparent}.btn_green{background-color:#1FD6A8;color:#0A136D;font-size:2rem;font-weight:600;padding:1.2rem 6rem}.btn:focus,.btn:focus-visible{box-shadow:0 0 5px 5px #32cd32;outline:1px solid #32cd32}.white-contact{padding:0.8rem 0rem}@media screen and (max-width: 1120px){.hero-tex{margin-left:11rem}.chevron-hero{color:#028083;font-weight:800;display:flex;width:42.5rem;margin-left:-5rem}.chevron-hero:before{margin-left:-4.5rem;display:grid}.chevron-hero:after{display:grid}.chevron-hero .chevron-skills:before{display:inline;margin-bottom:2rem}.chevron-hero .chevron-skills:after{display:inline;margin-bottom:2rem}.head_big-hero{color:#028083;font-weight:800}.head_big-hero:before{content:""}.head_big-hero:after{content:""}}@media screen and (max-width: 1020px){.chevron-portfolio-personal{padding-bottom:0}}@media screen and (max-width: 975px){.chevron-hero:before{margin-left:4.75rem}.chevron-hero:after{margin-right:8rem}.head_big-hero{color:#028083;font-weight:800}.head_big-hero:before{content:""}.head_big-hero:after{content:""}.chevron-about{text-align:center;margin-left:0rem}}@media screen and (max-width: 600px){.chevron-hero:before,.chevron-hero:after{color:#0A136D}.chevron-hero:before{margin-left:0}}@media screen and (max-width: 430px){.chevron-hero:before{margin-left:0rem}.chevron-portfolio{display:flex}.chevron-portfolio:before,.chevron-portfolio:after{display:grid}.chevron-skills{position:relative;display:flex;justify-content:center}.chevron-skills:before,.chevron-skills:after{display:grid}.chevron-skills .head_big-skills{width:240px}}@media screen and (max-width: 350px){.btn-green{padding:1.75rem 7.5rem}.head_big{line-height:5rem;font-size:4.5rem}.container-main .chevron:before,.container-main .chevron:after{font-size:4.5rem}.chevron-hero{color:#0A136D;font-weight:800}.chevron-hero:before{margin-left:0rem}.chevron-hero:after{margin-right:10rem}}.about-contact{grid-column:full-start / full-end;grid-row:3 / 4;background-image:url(../img/contact-about-bg.png);background-repeat:no-repeat;background-position-y:3rem;background-position-x:-2rem;background-size:contain}.about-all{display:grid;grid-template-columns:[full-start] 1fr [in-start] repeat(12, 6rem) [in-end] 1fr [full-end];grid-column-gap:4rem}.about-all .contact{margin-bottom:11rem}.about-all .about{grid-column:8 / 13}.about-all .about_text{padding-bottom:5rem}.about-all .about_text-start{color:#fff}.about-all .about_text-end{color:#1FD6A8}.about-all .about .head_big{text-align:left;display:inline}.about-all .about .head_small{padding-top:12rem;text-align:left}.contact-all{display:grid;grid-template-columns:[full-start] 1fr [in-start] repeat(12, 6rem) [in-end] 1fr [full-end];grid-column-gap:4rem;background-image:url(../img/contact-bg.svg);background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;content:""}.contact-all .contact{grid-column:8 / -1;margin-bottom:11rem}.contact-all .contact .head_big{text-align:left;padding-top:0;display:inline}.contact-all .contact .head_small{padding-top:14rem;text-align:left}.contact-all .contact_text{padding-bottom:5rem;padding-top:2rem;font-size:1.8rem;width:663PX}.contact-all .contact_text-start{color:#fff}.contact-all .contact_text-end{color:#1FD6A8}@media screen and (max-width: 1920px){.contact-all .contact_text{width:460px}}@media screen and (max-width: 1550px){.about-contact{background-position-y:3rem;background-position-x:-5rem}}@media screen and (max-width: 1440px){.about-contact{background-position-y:3rem;background-position-x:-8rem}}@media screen and (max-width: 1400px){.about-contact{background-position-y:3rem;background-position-x:-12rem}}@media screen and (max-width: 1300px){.about-contact{background-position-y:3rem;background-position-x:-14rem}}@media screen and (max-width: 1250px){.about-contact{background-position-y:2rem;background-position-x:-10rem;background-size:contain}}@media screen and (max-width: 1024px){.about-contact{background-position-y:2rem;background-position-x:-11rem}}@media screen and (max-width: 975px){.about-contact{background-image:none}.about-contact .about{margin-bottom:5rem}.about-contact .about .head_small{padding-top:5rem}.about-all{align-content:center}.about-all .about{grid-column:5 / 11}.about-all .about .head_small{text-align:center}.about-all .about .head_big{text-align:center;margin-left:0}.contact-all{background-position-x:-30rem}.contact-all .contact{grid-column:5 / 11;justify-self:center;text-align:center}.contact-all .contact_text{padding-bottom:5rem;text-align:center}.contact-all .contact_text-start{color:#fff}.contact-all .contact_text-end{display:block;color:#1FD6A8}.contact-all .contact .head_small{text-align:center}.contact-all .contact .head_big{text-align:center;margin-left:0}.contact-all .contact button{padding-bottom:11rem;background:transparent;width:100%;grid-template-rows:min-content}.contact-all .contact button .btn{grid-row:1 / 2;width:auto}}@media screen and (max-width: 600px){.about-all{align-content:center}.about-all .about{grid-column:6 / 10;text-align:center}.contact-all{background-position-x:-30rem}.contact-all .contact{justify-self:center}.contact-all .contact button .btn{justify-self:center;width:80%}.contact-all .contact_text{width:460px}}@media screen and (max-width: 450px){.contact-all .contact_text{width:350px}}@media screen and (max-width: 350px){.contact-all{background-position-x:-30rem}.contact-all .contact button .btn{padding:1.75rem 7.5rem;font-weight:600;font-size:1.6rem;justify-self:center;width:60%}}.hero{grid-column:1 / -1;display:grid;grid-template-columns:[full-start] 1fr [in-start] repeat(12, 6rem) [in-end] 1fr [full-end];grid-template-rows:repeat(2, min-content);grid-column-gap:4rem}.hero_bg-top-accent{position:absolute;left:20%;background-image:url(../img/hero-bg-top.png);z-index:-1}.hero_bg-side{grid-row:1 / 2;grid-column:8 / -1;height:78rem;background-repeat:no-repeat;background-position:top right;margin-top:5rem;display:inline}.hero_bg-side-portrait{background-image:url(../img/hero-bg-right.png)}.hero_bg-side-accent{background-image:url(../img/Oval-hero-right.svg);z-index:-1}.hero_bg-right{grid-row:1 / 2;grid-column:8 / -1;height:85rem;background-repeat:no-repeat;background-position:top right;margin-top:5rem}.hero_text{grid-row:1 / 1;grid-column:3 / 8;margin-right:-35rem;margin-top:28.5rem;max-width:80rem;z-index:2}.hero_text .head_big{text-transform:uppercase;line-height:7.6rem;font-weight:800}.hero_text .head_big-hero:after,.hero_text .head_big-hero:before{color:#0A136D}.hero_text .head_big-hero{font-size:5.6rem;line-height:5rem}.hero_text-subtext{margin:1rem auto;font-size:2rem;font-weight:600;line-height:2.9rem;text-align:left;color:#0A136D}.hero_text .text-swap .text-swap__options{animation:topToBottom 12.5s linear infinite 0s;-ms-animation:topToBottom 12.5s linear infinite 0s;-webkit-animation:topToBottom 12.5s linear infinite 0s;opacity:0;overflow:none;display:none}.hero_text .text-swap .text-swap__options.active{display:inline}@keyframes topToBottom{0%{opacity:0}5%{opacity:0;-moz-transform:translateY(-50px)}10%{opacity:1;-moz-transform:translateY(0px)}25%{opacity:1;-moz-transform:translateY(0px)}30%{opacity:0;-moz-transform:translateY(50px)}80%{opacity:0}100%{opacity:0}}.hero_btn{padding-top:6rem}.hero_btn .btn_blue{padding:1.2rem 6rem}.hero_btn .btn_white{padding:1.2rem 6rem;margin-left:4rem}.hero .chevron-hero{justify-self:center;justify-content:center;position:relative}.hero .chevron-hero::after{position:absolute;right:0;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin-right:0;display:inline-grid}.hero .chevron-hero::before{position:absolute;left:0;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin-left:0;display:inline-grid}.hero-contact .hero_bg-side-accent,.hero-contact .hero_bg-side-portrait{margin-top:28.5rem}.hero-contact .chevron-hero{max-width:600px;width:100%}.hero-contact .chevron-hero::after{margin-right:0}@media screen and (max-width: 1920px){.hero-contact .chevron-hero{max-width:425px;width:425px}}@media screen and (max-width: 1120px){.hero_text{grid-column:3 / 9;margin-right:-15rem;margin-left:11rem}}@media screen and (max-width: 975px){.hero_bg-side-portrait{grid-column:5 / 11;grid-row:1 / 2;background-image:linear-gradient(rgba(0,0,0,0) 40%, rgba(255,255,255,0.3) 80%, white 95%),url(../img/hero-bg-full-clip.png);background-size:cover}.hero_bg-side-accent{height:0}.hero_bg-side-portrait{margin-top:0}.head_big-hero-align{display:flex;justify-self:center;justify-content:center}.hero_text{grid-row:2 / 3;grid-column:5 / 11;margin-top:-5rem;max-width:60rem;justify-self:center;justify-content:center;margin-right:0;margin-left:0;display:grid}.hero_text-heading{justify-self:center}.hero_text .head_big{justify-self:center;width:37.5rem}.hero_text .head_big-hero-align{display:flex;justify-self:center;width:42.5rem;margin-left:0}.hero_text .hero_text-subtext{font-size:2.4rem;font-weight:600;justify-self:center}.hero_text .hero_text-subtext-start{text-align:center}.hero_text .text-swap{display:block}.hero_text .hero_btn{display:grid;grid-template-rows:min-content min-content;text-align:center;justify-self:center}.hero_text .hero_btn .btn_blue{grid-row:1 / 2;width:475px}.hero_text .hero_btn .btn_white{margin-top:2rem;grid-row:2 / 3;width:475px;margin-left:0}.hero_text{width:500px}.hero_text-subtext{text-align:center}.chevron-hero::before{margin-left:0}}@media screen and (max-width: 600px){.hero_bg-side-portrait{margin:0 5rem 0 5rem;height:56rem}.hero_text{max-width:none;margin-top:-3rem}.hero_text .hero_btn{z-index:5;justify-self:center;width:80%}.hero_text .hero_btn .btn_blue{width:auto}.hero_text .hero_btn .btn_white{width:auto;padding:1rem 0}.hero_text{width:425px}}@media screen and (max-width: 450px){.hero_text .chevron-hero{width:340px}}@media screen and (max-width: 375px){.hero_text{width:320px}}@media screen and (max-width: 350px){.hero_text .hero_btn{width:60%}.hero_text .head_big{width:32.5rem}.hero_text .head_big-hero{font-size:5.2rem}.hero_bg-side-portrait{margin:0 10rem;height:45rem}}.portfolio{grid-column:1 / -1;grid-row:2 / 3;margin-top:6rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(25rem, 1fr));grid-template-rows:repeat(5, min-content);grid-column-gap:4rem;background-color:white;content:""}.portfolio .grid-center{grid-column:1 / -1}.portfolio .head_small{grid-row:1 / 2}.portfolio .head_big{grid-row:2 / 3;display:inline;justify-self:center}.portfolio .chevron{justify-self:center}.portfolio__demos{display:grid}.portfolio__demos--work{grid-row:3 / 4;display:flex;flex-direction:column}.portfolio__demos--work .project{position:relative}.portfolio__demos--work .projects-work{display:flex;justify-content:space-between;max-width:1380px;width:100%;align-self:center;margin-bottom:120px}.portfolio__demos--work .projects-work__text-block{max-width:662px}.portfolio__demos--work .projects-work:nth-child(odd) .project_image{order:2;margin-right:-100px}.portfolio__demos--work .projects-work:nth-child(odd) .project__text-block{max-width:663px}.portfolio__demos--work .projects-work:nth-child(even) .project_image{margin-left:-100px}.portfolio__demos--work .projects-work:nth-child(even) .project__text-block{max-width:576px}.portfolio__demos--work .project_titles{padding:1.6rem 0}.portfolio__demos--work .project__text{border-radius:10px;padding:0;flex-direction:row;justify-content:center}.portfolio__demos--work .project__text-block{display:flex;flex-direction:column;padding:0}.portfolio__demos--work .project__text-content{line-height:3.2rem;text-align:left;padding-bottom:1.6rem}.portfolio__demos--work .project_image{align-content:center}.portfolio__demos--work .project__image--background{max-width:440px;border-radius:10px;box-shadow:0px 0px 20px -10px #000}.portfolio__demos--projects{grid-row:4 / 5}.project_titles{padding-top:3rem;padding-bottom:3rem;color:#028083;font-size:2.8rem;line-height:3.8rem}.project-1{grid-row:2 / 3;display:grid;grid-template-columns:1fr repeat(12, 6rem) 1fr;grid-gap:4rem;padding-bottom:6rem}.project-1 .project__text{grid-column:3 / 8}.project-1 .project_image{grid-column:8 / 13;display:grid;grid-template-columns:repeat(7, 6rem);grid-gap:4rem;margin-left:-8rem}.project-2{grid-row:3 / 4;display:grid;grid-template-columns:1fr repeat(12, 6rem) 1fr;grid-gap:4rem;padding-bottom:6rem}.project-2 .project__text{grid-column:9 / 13;margin-left:-4rem}.project-2 .project_image{margin-left:-36rem;grid-column:2 / 7;margin-left:-4rem;display:grid}.project-3{grid-row:4 / 5;display:grid;grid-template-columns:1fr repeat(12, 6rem) 1fr;grid-gap:4rem;padding-bottom:6rem}.project-3 .project__text{grid-column:3 / 8}.project-3 .project_image{grid-column:8 / 13;display:grid;grid-template-columns:repeat(7, 6rem);grid-gap:4rem;margin-left:-8rem}.project__text{display:flex;position:relative;flex-direction:column;justify-content:end;padding-bottom:8rem;padding-top:8rem;justify-self:center}.project__text-block{z-index:1}.project__text-content{padding-bottom:4rem;line-height:3.2rem;font-size:1.6rem}.project_image-over{grid-row:1 / 2;grid-column:3 / 8;justify-self:end;mask-position:right center;mask-image:url(../img/oval-over.svg);mask-repeat:no-repeat;-webkit-mask-image:url(../img/oval-over.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:right center;margin-top:2rem}.project_image-over-left{grid-row:1 /2;grid-column:3 / 7;mask-image:url(../img/oval-over-flip.svg);mask-repeat:no-repeat;-webkit-mask-image:url(../img/oval-over-flip.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:right center;margin-top:2rem;margin-right:5rem}.project_image-under{grid-row:1 / 2;grid-column:2 / 7;justify-self:end;display:flex}.project_image-under-left{grid-row:1 / 2;grid-column:4 / 7;display:flex}@media screen and (max-width: 1920px){.portfolio__demos--work .projects-work{width:960px}.portfolio__demos--work .projects-work .project__text-block{width:460px}.portfolio__demos--work .projects-work:nth-child(even) .project__text-block{width:400px}}@media screen and (max-width: 1250px){.portfolio__demos--work .projects-work{display:flex;justify-content:space-between;width:960px;align-self:center;margin-bottom:100px}.portfolio__demos--work .projects-work:nth-child(odd) .project_image,.portfolio__demos--work .projects-work:nth-child(even) .project_image{margin-left:0;margin-right:0}.portfolio__demos--work .projects-work:nth-child(odd) .project__text-block{width:460px}.portfolio__demos--work .projects-work:nth-child(even) .project__text-block{width:400px}.project-3 .project_image,.project-1 .project_image{grid-template-columns:repeat(7, 7.7rem);margin-left:-29.25rem}.project-3 .project_image-over,.project-1 .project_image-over{margin-right:2rem}.project-2 .project_image{margin-left:0;margin-right:-14rem}.project-2 .project_image-under-left{margin-right:2rem}.project-2 .project_image-over-left{margin-left:6.25rem;margin-top:2.5rem}}@media screen and (max-width: 1024px){.portfolio .head_big{padding-bottom:0}.portfolio__demos{display:grid}.portfolio__demos--work{grid-row:3 / 4;display:flex;flex-direction:column}.portfolio__demos--work .project{position:relative}.portfolio__demos--work .projects-work{flex-direction:column;align-self:center;box-shadow:0px 10px 20px -10px #000;border-radius:0 0 10px 10px;max-width:560px;margin-bottom:100px}.portfolio__demos--work .projects-work .project__text-block{max-width:100%;margin-right:0}.portfolio__demos--work .projects-work:nth-child(even) .project__text-block{width:100%}.portfolio__demos--work .projects-work:nth-child(odd) .project_image{order:1}.portfolio__demos--work .projects-work:nth-child(odd) .project__text-block{order:2;width:100%}.portfolio__demos--work .project__image--background{max-width:560px;width:100%;max-height:350px;-o-object-fit:cover;object-fit:cover;border-radius:10px 10px 0 0;box-shadow:0px 0px 20px -10px #000}.portfolio__demos--work .project__image--background:after{content:'';position:absolute;bottom:0;left:0;width:100%;box-shadow:0 0 6px 3px rgba(0,0,0,0.3);z-index:-1}.portfolio__demos--work .project_titles{padding:1.6rem 0}.portfolio__demos--work .project__text{border-radius:0 0 10px 10px;padding:0;max-width:560px;flex-direction:column}.portfolio__demos--work .project__text-block{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 30px 30px}.portfolio__demos--work .project__text-content{line-height:3.2rem;text-align:center;padding-bottom:1.6rem}.portfolio__demos--personal{grid-row:4 / 5}.project-3,.project-2,.project-1{grid-template-rows:min-content min-content}.project-3 .project__text,.project-2 .project__text,.project-1 .project__text{grid-column:5 / 11;grid-row:1 / 2;text-align:center;align-items:center;margin:0}.project-3 .project_image,.project-2 .project_image,.project-1 .project_image{grid-template-columns:repeat(7, 7.7rem);margin-left:-50.45rem}.project-2 .project_image{margin-left:17rem}.project-2 .project_image-over-left{margin-left:-6rem}}@media screen and (max-width: 975px){.portfolio{margin-top:0}.portfolio .head_big{padding-bottom:0}.projects-person{grid-template-rows:min-content min-content}.projects-person .project__text{grid-column:5 / 11;grid-row:2 / 3;text-align:center;align-items:center;padding-top:0}.projects-person .project_image{grid-template-columns:repeat(7, 7.7rem);margin-left:-54.45rem;padding-top:8rem}.projects-person .project_image-over{margin-right:1rem;margin-top:-2.5rem}.project-2 .project_image{margin-left:22rem}.project-2 .project_image-over-left{margin-left:-4rem;margin-top:2.5rem}}@media screen and (max-width: 600px){.portfolio .head_big{max-width:34rem;line-height:5rem;align-content:center}.portfolio .project{position:relative}.portfolio .projects-work{max-width:340px}.portfolio .project__image--background{max-width:340px}.portfolio__demos--projects .projects-personal .project__text{grid-column:6 /10;max-width:340px}.portfolio__demos--projects .projects-personal .project_image-over{margin-right:9.8rem;margin-top:2rem;width:52%;-webkit-mask-size:100%;mask-size:100%}.portfolio__demos--projects .projects-personal .project_image-over-left{margin-left:4rem;margin-top:2rem;width:52%;-webkit-mask-size:100%;mask-size:100%;grid-column:2 / 7}.portfolio__demos--projects .projects-personal .project_image-under{margin-right:3.8rem;width:47%}.portfolio__demos--projects .projects-personal .project_image-under-left{grid-column:2 / 7;margin-left:9.6rem;width:47%}.portfolio__demos--projects .project-2 .project_image{margin-left:26.7rem;grid-gap:4rem}}.skills{grid-column:full-start / -1;grid-row:1 / 2;display:grid;grid-template-columns:1fr repeat(12, 6rem) 1fr;grid-template-rows:repeat(3, min-content);grid-column-gap:4rem;background-image:url(../img/Skills-bg.svg);background-repeat:no-repeat;content:"";background-size:cover;padding:44rem 0 30rem;margin-top:-32rem;text-align:center}.skills .head_small{grid-column:1 / -1;grid-row:1/2;padding-top:10rem}.skills .head_big-skills{display:inline}.skills_img{margin-bottom:2rem;height:77px}.skills_title{color:#1FD6A8;margin-bottom:2rem}.skills_content{color:#fff;display:grid;grid-template-columns:1fr repeat(12, 6rem) 1fr;grid-column-gap:4rem;justify-items:center;grid-column:1 / -1}.skills_content .skill{width:40rem}.skills_content .skill_content{line-height:3.2rem;margin:0 2rem}.skills_content .skill-top{grid-column:1 / -1;grid-row:3/4;justify-items:center;margin-bottom:5rem}.skills_content .skill-bottom{grid-column:1 / -1;grid-row:4/5;justify-items:center}.skills_content .html,.skills_content .javascript{display:inline;grid-column:4 / 7}.skills_content .css,.skills_content .cms{grid-column:9 / 12}@media screen and (max-width: 975px){.skills{padding-top:50rem;margin-top:-30rem;text-align:center;padding-bottom:20rem}.skills .skills_content .skill{margin-bottom:5rem;grid-column:1 / -1}.skills .skills_content .skill:last-child{margin-bottom:0}.skills .skills_content .html{grid-row:1 / 2}.skills .skills_content .css{grid-row:2 / 3}.skills .skills_content .javascript{grid-row:3 / 4}.skills .skills_content .cms{grid-row:4 / 5}}@media screen and (max-width: 320px){.skills .skills_content{padding-top:5rem}}.footer{grid-column:full-start / -1;grid-row:3 / 4;background-color:#070E57;padding-top:4rem;padding-bottom:4rem}.footer_list{display:grid;grid-auto-flow:column;justify-content:center}.footer_item{text-transform:uppercase;list-style:none;color:#fff}.footer_item:before{content:"< "}.footer_item:after{content:" >";position:relative;z-index:0}.footer_item:not(:last-child){margin-right:4rem}.footer_link{color:inherit;text-decoration:none;padding:15px;margin-left:-15px;margin-right:-15px;position:relative;z-index:1}.footer_link:hover{color:#1FD6A8}@media screen and (max-width: 525px){.footer{font-size:14px}.footer_item:not(:last-child){margin-right:2rem}}@media screen and (max-width: 430px){.footer{padding-left:4.5rem}.footer_list{grid-auto-flow:row}.footer_item-sm-top{grid-row:1/2}.footer_item-sm-btm{grid-row:2/3}}@media screen and (max-width: 425px){.footer{padding-left:4.5rem}.footer_list{grid-auto-flow:row}.footer_item-sm-top{grid-row:1/2}.footer_item-sm-btm{grid-row:2/3}}form{width:50rem;border-radius:1rem;background-color:#fff;box-shadow:0px 0px 10px 3px rgba(0,0,0,0.11);position:relative;overflow:hidden;height:50rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:5rem}form .form-name,form .form-email,form .form-message{width:40rem;border-radius:1rem;border:1px solid;padding-left:1rem;height:3rem}form .form-message{height:10rem}label{padding-left:1rem}.head_big-hero-contact{color:#028083}.btn_blue-contact{margin-top:1rem;margin-bottom:2rem}.btn_white-contact{margin-bottom:-4rem;text-align:center}.btn_white-contact-home{background-color:transparent}.hero_bg-side-1-contact{height:100%}@media screen and (max-width: 975px){form{width:500px;max-width:500px;justify-self:center}form .form-name,form .form-email,form .form-message{width:45rem}}@media screen and (max-width: 600px){form{width:425px;justify-self:center}form .form-name,form .form-email,form .form-message{width:40rem}}@media screen and (max-width: 450px){form{width:37.5rem}form .form-name,form .form-email,form .form-message{width:35rem}}@media screen and (max-width: 375px){form{width:325px}form .form-name,form .form-email,form .form-message{width:300px}}