@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);:root{--bg_colour:#fff;--bg_colour_2:#f2f2f5;--colour_1:#ff757c;--colour_2:#547fc5;--text_colour_1:#000;--text_colour_2:#151515;--text_colour_3:#242222;--weight_normal:500;--weight_medium:600;--weight_bold:700;--card_shadow:inset -3px -2px 3px 0px #ff757c,inset 3px 3px 3px 0px #547fc5;--circle_shadow:0px 2px 6px #325771,0px -2px 6px #325771}body{background-color:#fff;background-color:var(--bg_colour);box-sizing:border-box;font-family:Quicksand,sans-serif;margin:0;padding:0}.layout,body{overflow-x:hidden}.layout,.page{width:100%}.page{margin:0 auto;position:relative}@media screen and (max-width:700px){.page{max-width:300px}}.navbar{align-items:flex-end;background-color:var(--bg_colour);box-shadow:0 0 8px #8e8e8e80;display:flex;height:80px;justify-content:space-between;margin-bottom:100px;position:fixed;width:100%;z-index:10}.navbar__logo img.logo{background-color:initial;border:0;border-radius:0;box-shadow:none;height:46px;margin-bottom:0;max-width:100%;object-fit:contain}img.logo2{display:block;margin-left:80px}.mobile__menu,.navbar__mobile,img.logo3{display:none}.navbar__list{margin-bottom:0;position:absolute;right:80px}.navbar__list li{align-items:flex-end;display:flex;justify-content:flex-end;list-style:none}.navbar__mobile__list{opacity:0;pointer-events:none;transition:opacity .3s ease}.navbar__mobile__list:not(.hidden){opacity:1;pointer-events:auto}.navbar__mobile__list li{align-items:center;background-color:var(--bg_colour);border-radius:8px;box-shadow:0 0 8px #8e8e8e80;display:flex;flex-direction:column;height:auto;justify-content:center;left:20px;list-style:none;padding:10px;position:absolute;right:20px;text-align:center;top:90px}.navbar__item,.navbar__mobile__list__item{color:var(--text_colour_1);font-size:1rem;font-weight:700;letter-spacing:0;margin:0 20px;max-width:160px;text-align:center;text-decoration:none;text-transform:uppercase;width:100%}.social{margin-left:20ox;margin-right:0}.links{display:flex;flex-direction:row;justify-content:center}.navbar__item i{font-size:1.5rem;font-weight:400}.navbar__item.active,.navbar__item:hover,.navbar__mobile__list__item.active,.navbar__mobile__list__item:hover{letter-spacing:3px}.navbar__item.active:after,.navbar__item.active:before,.navbar__item:after,.navbar__item:before,.navbar__mobile__list__item.active:after,.navbar__mobile__list__item.active:before,.navbar__mobile__list__item:after,.navbar__mobile__list__item:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #4c808100;bottom:0;content:" ";display:block;margin:5px auto;position:relative;transition:all .28s ease-in-out;width:0}.navbar__item.active:after,.navbar__item.active:before,.navbar__item:hover:after,.navbar__item:hover:before,.navbar__mobile__list__item.active:after,.navbar__mobile__list__item.active:before,.navbar__mobile__list__item:hover:after,.navbar__mobile__list__item:hover:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-color:var(--text_colour_1);transition:width .35s ease-in-out;width:70%}.hidden,.mobile__menu,.navbar__mobile__list{display:none}@media screen and (max-width:700px){.mobile__menu,.mobile__menu.active:after,.mobile__menu.active:before{align-items:center;border:1px solid #d3d3d3;border-radius:50%;color:var(--text_colour_1);display:flex;font-weight:700;height:36px;justify-content:center;margin-bottom:5px;padding:2px;position:absolute;right:20px;transition:all .5s;width:36px;z-index:9999}.navbar__list{display:none}.navbar__mobile,.navbar__mobile__list{display:block;z-index:20}}@media screen and (max-width:699px) and (min-width:300px){img.logo2{display:none;margin-left:0}.navbar__logo{margin-left:20px}img.logo3{display:block}}@media screen and (max-width:1100px) and (min-width:700px){img.logo3{display:none}.navbar{display:flex;height:130px;justify-content:center;width:100%}.navbar__logo{margin-bottom:60px;margin-left:0}.navbar__list{left:auto;position:absolute;right:auto}img.logo2{display:block;margin-left:0}}@media screen and (max-width:1400px) and (min-width:1101px){img.logo3{display:none}img.logo2{display:block}}.page__home{background:url(/static/media/bg-4.3ca7bfe51aaba6039d72.png);background-attachment:fixed;background-color:var(--bg_colour);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1}h1,h2,p{-webkit-margin-after:0;-webkit-margin-before:0;margin:0;margin-block-end:0;margin-block-start:0;padding:0;text-align:left;text-indent:0}.page__home__content{left:50%;margin:0 auto;max-width:1000px;padding:0 2rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.page__home__content__container{padding:30px}.page__home__content__container p:first-child{color:#151515b3;font-size:1.5rem;font-weight:var(--weight_bold)}.page__home__content__container h1{color:#151515e6;font-weight:var(--weight_bold)}.page__home__content__container h2{color:#151515d9;font-weight:var(--weight_normal)}.page__home__content__container p{color:#151515e6;font-size:1rem;font-weight:var(--weight_medium);line-height:1.75rem;max-width:700px;padding:1rem 0}@media screen and (min-width:300px) and (max-width:1500px){.page__home{background-position:0 100%;background-size:contain;height:100%;width:100%}.page__home__content__container{padding:0 2rem}}@media screen and (min-width:300px) and (max-width:700px){.page__home__content{padding-top:80px}.page__home__content__container p:first-child{line-height:.5rem}.page__home__content__container h1{font-size:2.25rem;line-height:2.5rem}.page__home__content__container h2{font-size:1.25rem;line-height:1.75rem}.page__home__content__container p{line-height:1.5rem;padding:.5rem 0 1rem}}@media screen and (min-width:701px) and (max-width:1200px){.page__home__content{padding-top:130px}}@media screen and (min-width:1201px){.page__home__content{padding-top:80px}}@media screen and (min-width:701px){.page__home__content__container p:first-child{line-height:.5rem}.page__home__content__container h1,.page__home__content__container h2{font-size:4.5rem;line-height:1}}.page__about{color:var(--text_colour_2);height:100%;left:0;position:-webkit-sticky;position:sticky;top:0;width:100%}.page__about__content{margin:0 auto;max-width:1200px;padding-bottom:80px;padding-top:80px}.page__about__content__header__title{font-weight:var(--weight_bold);letter-spacing:.5px;margin-bottom:20px;width:100%}.page__about__content__header__text{font-size:1rem;font-weight:var(--weight_normal);line-height:1.5rem;text-indent:20px}.page__about__content__card{grid-gap:1rem 4rem;display:grid;gap:1rem 4rem;grid-template-columns:repeat(auto-fit,20rem);justify-content:center;width:100%}.page__about__content__card__item{background-color:var(--bg_colour_2);border:2px solid #0000;border-radius:20px;box-shadow:var(--card_shadow);margin-top:10px;overflow:hidden;padding:30px 20px;position:relative}.page__about__content__card__title__name{font-size:1.2rem;font-weight:900;margin-bottom:10px}.page__about__content__card__title__number{display:flex;font-weight:var(--weight_bold);justify-content:flex-end;margin-right:0;margin-top:10px}.page__about__content__card__item__bar,.page__about__content__card__item__percantage{height:4px}.page__about__content__card__item__bar{background-color:#07435b40;margin-bottom:20px;margin-top:20px}.page__about__content__card__item__percantage{background-color:var(--colour_2);display:block;position:relative}.page__about__content__card__item__percantage span{background-color:var(--colour_2);border-radius:50%;box-shadow:var(--circle_shadow);height:25px;position:absolute;right:0;top:-12px;width:25px}.page__about__content__card__item__description{display:inline-block;font-size:14.5px;font-weight:500;line-height:20px;text-indent:15px}@media screen and (max-width:650px){.page__about__content__header{margin:40px auto 20px;width:280px}.page__about__content__header__title{font-size:1.2rem}.page__about__content__container{gap:2rem 0;grid-template-columns:repeat(auto-fit,18rem)}}@media screen and (min-width:651px) and (max-width:900px){.page__about__content__header{margin:80px auto 20px;width:650px}.page__about__content__header__title{font-size:1.5rem}.page__about__content__card{gap:2rem 2rem}}@media screen and (min-width:901px) and (max-width:1200px){.page__about__content__header{margin:80px auto 20px;width:750px}.page__about__content__header__title{font-size:2rem}.page__about__content__card{gap:2rem 6rem}}@media screen and (min-width:1200px) and (max-width:1940px){.page__about__content__header{margin:60px auto 20px;width:1000px}.page__about__content__header__title{font-size:2.5rem}.page__about__content__card{gap:2rem 2rem}}.page__coding,.page__design{height:100%;left:0;position:-webkit-sticky;position:sticky;top:0;width:100%}.page__coding__content,.page__design__content{color:var(--text_colour_2);margin:0 auto;max-width:1200px;padding-bottom:80px;padding-top:80px}.page__coding__content__header__title,.page__design__content__header__title{font-weight:var(--weight_bold);letter-spacing:.5px;margin-bottom:20px;width:100%}.page__coding__content__header__text,.page__design__content__header__text{font-size:1rem;font-weight:var(--weight_normal);line-height:1.5rem;text-indent:20px}.page__coding__content__card,.page__design__content__card{grid-gap:1rem 4rem;display:grid;gap:1rem 4rem;grid-template-columns:repeat(auto-fit,20rem);justify-content:center;width:100%}.page__coding__content__card__item,.page__design__content__card__item{background-color:var(--bg_colour_2);border:2px solid #0000;border-radius:20px;box-shadow:var(--card_shadow);margin-top:10px;overflow:hidden;padding:30px 20px;position:relative}.page__coding__content__card__item__image,.page__design__content__card__item__image,img{align-items:center;border-color:#bcbcbc66;border-radius:12px;border-style:solid;border-width:0 0 1px 1px;box-shadow:2px -2px 2px #3c4f7699;display:flex;height:200px;justify-content:center;width:100%}.page__coding__content__card__item__title,.page__design__content__card__item__title{align-items:center;display:flex;font-size:1.1rem;font-weight:var(--weight_medium);height:60px;margin:0 0 10px;width:100%}.page__coding__content__card__button,.page__design__content__card__button{align-items:center;display:flex;flex-direction:row;height:44px;justify-content:flex-end;width:100%}.button{color:#242222;cursor:pointer;float:left;font-weight:700;margin-left:5px;margin-right:10px;position:relative;text-transform:uppercase}.button .label{display:inline-block;font-size:1.1rem;padding:0}.button.link .label{padding:3px 15px}.button.link .area{display:block;height:100%;left:0;position:absolute;top:0;transform:skew(-40deg,0deg);transition:all .5s;width:100%}.button.link .area:after,.button.link .area:before{background:#242222;content:"";display:block;height:4px;position:absolute;transition:width .5s;width:25px}.button.link .area:before{left:0;top:0}.button.link .area:after{bottom:0;right:0}.button.link .area span:after,.button.link .area span:before{background:#242222;content:"";display:block;height:20px;position:absolute;transition:height .5s;width:4px}.button.link .area span:before{left:0;top:0}.button.link .area span:after{bottom:0;right:0}.button.link:hover .area{transform:scale(.8)}.button:hover{color:var(--text_colour_2)}.button.link:hover .area:before{background:var(--colour_2);width:20px}.button.link:hover .area span:before{background:var(--colour_2);height:20px}.button.link:hover .area:after{background:var(--colour_1);width:20px}.button.link:hover .area span:after{background:var(--colour_1);height:20px}@media screen and (max-width:650px){.page__coding__content__header,.page__design__content__header{margin:40px auto 20px;width:280px}.page__coding__content__header__title,.page__design__content__header__title{font-size:1.2rem}.page__coding__content__card,.page__design__content__card{gap:2rem 0;grid-template-columns:repeat(auto-fit,18rem)}}@media screen and (min-width:651px) and (max-width:900px){.page__coding__content__header,.page__design__content__header{margin:80px auto 20px;width:650px}.page__coding__content__header__title,.page__design__content__header__title{font-size:1.5rem}.page__coding__content__card,.page__design__content__card{gap:2rem 2rem}}@media screen and (min-width:901px) and (max-width:1200px){.page__coding__content__header,.page__design__content__header{margin:80px auto 20px;width:750px}.page__coding__content__header__title,.page__design__content__header__title{font-size:2rem}.page__coding__content__card,.page__design__content__card{gap:2rem 6rem}}@media screen and (min-width:1200px) and (max-width:1940px){.page__coding__content__header,.page__design__content__header{margin:60px auto 20px;width:1000px}.page__coding__content__header__title,.page__design__content__header__title{font-size:2.5rem}.page__coding__content__card,.page__design__content__card{gap:2rem 2rem}}
/*# sourceMappingURL=main.63f7a0d9.css.map*/