@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Pattaya&display=swap);body{margin:0;padding:0;box-sizing:border-box}.home__wrap{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:100vh;width:100vw;overflow:hidden}.home__wrap::-webkit-scrollbar{display:none}.home__wrap .home__content{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}@media(max-width:730px){.home__wrap .home__content{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}}.home__wrap .home__content .home__text{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.home__wrap .home__content .home__text h2{font-size:3.5rem}@media(max-width:1100px){.home__wrap .home__content .home__text h2{font-size:2.7rem}}@media(max-width:730px){.home__wrap .home__content .home__text h2{font-size:2rem;margin-top:10%}}.home__wrap .home__content .home__text .contact__home{background-color:#3f4e91;color:#fff;padding:10px;border-radius:15px;margin-top:20px;cursor:pointer}@media(max-width:730px){.home__wrap .home__content .home__text .contact__home{padding:5px;font-size:1rem}}.home__wrap .home__content .home__text .contact__home:hover{background-color:#3f4e91}.home__wrap .home__content .home__text .send{margin-left:10px}.home__wrap .home__content .home__text .describe__p{max-width:80%;text-align:center}@media(max-width:1100px){.home__wrap .home__content .home__text .describe__p{font-size:1.1rem}}@media(max-width:730px){.home__wrap .home__content .home__text .describe__p{font-size:.8rem}}.home__wrap .home__content .home__text a{text-decoration:none;color:#3f4e91;margin-bottom:20px}.home__wrap .home__content .home__text .scroll{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-top:50px;-webkit-transform:translateY(65px);transform:translateY(65px);opacity:0;transition:all 2s ease-in-out}@media(max-width:1690px){.home__wrap .home__content .home__text .scroll{margin-top:0}}@media(max-width:1690px)and (max-width:730px){.home__wrap .home__content .home__text .scroll{display:none}}.home__wrap .home__content .home__text .scroll .arrow,.home__wrap .home__content .home__text .scroll .mouse,.home__wrap .home__content .home__text .scroll .scroll__p{margin-right:8px;cursor:pointer}.home__wrap .home__content .home__text .scroll .arrow{-webkit-animation:arow 1s infinite;animation:arow 1s infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.home__wrap .home__content .home__image{margin-bottom:0;position:relative}@media(max-width:1000px){.home__wrap .home__content .home__image{margin-right:50px}}.home__wrap .home__content .home__image:before{content:"";position:absolute;top:0;left:0;width:33rem;height:31rem;background-color:red;border-top:5px solid red;border-radius:50%;z-index:-1;-webkit-animation:rotateb 4s infinite;animation:rotateb 4s infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}@media(max-width:1000px){.home__wrap .home__content .home__image:before{content:"";position:absolute;top:0;left:0;width:17rem;height:16rem;background-color:red;border-top:5px solid red;border-radius:50%;-webkit-animation:rotateb 4s infinite;animation:rotateb 4s infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}}.home__wrap .home__content .home__image:after{content:"";position:absolute;top:0;left:0;width:31rem;height:29rem;background-color:purple;border-top:5px solid purple;border-radius:50%;z-index:-1;-webkit-animation:rotatea 4s linear infinite;animation:rotatea 4s linear infinite;opacity:0}@media(max-width:1000px){.home__wrap .home__content .home__image:after{content:"";position:absolute;top:0;left:0;width:16rem;height:16rem;background-color:purple;border-top:5px solid purple;border-radius:50%;-webkit-animation:rotatea 4s infinite;animation:rotatea 4s infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}}.home__wrap .home__content .home__image .image__border{background-color:#29335f;border-radius:68% 80% 20% 100%;object-fit:contain;width:27rem;height:27rem;margin-right:150px}@media(max-width:1000px){.home__wrap .home__content .home__image .image__border{width:15rem;height:15rem;margin-right:0}}@-webkit-keyframes arow{0%{-webkit-transform:translateY(4px);transform:translateY(4px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes arow{0%{-webkit-transform:translateY(4px);transform:translateY(4px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes rotatea{0%{opacity:1;-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:1}}@keyframes rotatea{0%{opacity:1;-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:1}}@-webkit-keyframes rotateb{0%{opacity:1;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:1}}@keyframes rotateb{0%{opacity:1;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:1}}.about .about__wrap .about__title{margin:0 0 100px 40%}@media(max-width:1000px){.about .about__wrap .about__title{margin:0 0 30px 20px}}.about .about__wrap .about__content{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}@media(max-width:998px){.about .about__wrap .about__content{-webkit-flex-direction:column;flex-direction:column}}.about .about__wrap .about__content .about__images{display:-webkit-flex;display:flex;position:relative}.about .about__wrap .about__content .about__images .image__laptop{position:relative;top:0;left:0;object-fit:contain}@media(max-width:998px){.about .about__wrap .about__content .about__images .image__laptop{width:400px;height:350px}}.about .about__wrap .about__content .about__images .screen__content{position:absolute;left:108px;top:106px;max-width:346px;max-height:300px;object-fit:contain}@media(max-width:998px){.about .about__wrap .about__content .about__images .screen__content{margin-left:-33px;margin-top:-86px;width:250px;height:300px}}.about .about__wrap .about__content .description__wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:5px}.about .about__wrap .about__content .description__wrapper h3{margin-bottom:10px}.about .about__wrap .about__content .description__wrapper .description{font-size:1.2rem;text-align:justify;width:90%;margin-bottom:20px}@media(max-width:1690px){.about .about__wrap .about__content .description__wrapper .description{width:31rem}}@media(max-width:1690px)and (max-width:1200px){.about .about__wrap .about__content .description__wrapper .description{font-size:1rem;width:27rem}}@media(max-width:1690px)and (max-width:1200px)and (max-width:730px){.about .about__wrap .about__content .description__wrapper .description{font-size:.7rem;width:19rem}}.about .about__wrap .about__content .description__wrapper .about__download .download__link{text-decoration:none;background-color:#29335f;color:#fff;padding:9px;border-radius:5px}.about .about__wrap .about__content .description__wrapper .about__download .download__link:hover{background-color:#3f4e91}.about .about__wrap .social__link{font-size:2.5rem;text-align:center;margin-left:570px}@media(max-width:990px){.about .about__wrap .social__link{font-size:1.5rem;margin:40px 0 0 15px;text-align:center}}.about .about__wrap .social__link a{text-decoration:none;color:#29335f;margin-right:15px}.skills{width:100vw;margin-top:100px}.skills .skills__wrapper .skills__heading{margin:0 0 100px 40%}@media(max-width:1000px){.skills .skills__wrapper .skills__heading{margin:0 0 70px 20px}}.skills .skills__wrapper .skills__container{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;padding:40px}@media(max-width:575px){.skills .skills__wrapper .skills__container{-webkit-flex-direction:column;flex-direction:column}}.skills .skills__wrapper .skills__container .skills__content{margin-bottom:60px;font-weight:400}@media(max-width:1000px){.skills .skills__wrapper .skills__container .skills__content{margin-bottom:30px}}.skills .skills__wrapper .skills__container .skills__content .skills__header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:-8px}.skills .skills__wrapper .skills__container .skills__content .skills__header h2,.skills .skills__wrapper .skills__container .skills__content .skills__header i{margin-right:10px;font-weight:300;margin-bottom:20px}.skills .skills__wrapper .skills__container .skills__content .skills__header h2{font-size:2rem;font-weight:500}@media(max-width:1690px){.skills .skills__wrapper .skills__container .skills__content .skills__header h2{font-size:1.5rem}}@media(max-width:690px){.skills .skills__wrapper .skills__container .skills__content .skills__header h2{font-size:1.2rem}}.skills .skills__wrapper .skills__container .skills__content .skills__header .icon__two{margin-right:15px}.skills .skills__wrapper .skills__container .skills__content .skills__header .skills__icon{font-size:2.5rem;font-weight:800}@media(max-width:1690px){.skills .skills__wrapper .skills__container .skills__content .skills__header .skills__icon{font-size:1.7rem}}@media(max-width:690px){.skills .skills__wrapper .skills__container .skills__content .skills__header .skills__icon{font-size:1.3rem}}.skills .skills__wrapper .skills__list .skills__data .skills__title{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin:0 0 5px}@media(max-width:1690px){.skills .skills__wrapper .skills__list .skills__data .skills__title{font-size:1rem}}.skills .skills__wrapper .skills__list .skills__data .skills__title .skills__name{font-weight:500}.skills .skills__wrapper .skills__list .skill__bar,.skills .skills__wrapper .skills__list .skill__percentage{height:8px;border-radius:.25rem}.skills .skills__wrapper .skills__list .skill__bar{background-color:#4169e1}.skills .skills__wrapper .skills__list .skill__percentage{display:block;background-color:#29335f}.skills .skills__wrapper .skills__list .skill__html{width:95%;-webkit-animation:skills_move1 3s ease-in-out;animation:skills_move1 3s ease-in-out}.skills .skills__wrapper .skills__list .skill__css{width:90%;-webkit-animation:skills_move2 3.2s ease-in-out;animation:skills_move2 3.2s ease-in-out}.skills .skills__wrapper .skills__list .skill__javascript{width:85%;-webkit-animation:skills_move3 3.4s ease-in-out;animation:skills_move3 3.4s ease-in-out}.skills .skills__wrapper .skills__list .skill__react{width:85%;-webkit-animation:skills_move4 3.6s ease-in-out;animation:skills_move4 3.6s ease-in-out}.skills .skills__wrapper .skills__list .skill__sass{width:90%;-webkit-animation:skills_move5 3.8s ease-in-out;animation:skills_move5 3.8s ease-in-out}.skills .skills__wrapper .skills__list .skill__node{width:65%;-webkit-animation:skills_move6 4s ease-in-out;animation:skills_move6 4s ease-in-out}.skills .skills__wrapper .skills__list .skill__express{width:70%;-webkit-animation:skills_move7 4.2s ease-in-out;animation:skills_move7 4.2s ease-in-out}.skills .skills__wrapper .skills__list .skill__mongo{width:70%;-webkit-animation:skills_move8 4.4s ease-in-out;animation:skills_move8 4.4s ease-in-out}.skills .skills__wrapper .skills__list .skill__python{width:75%;-webkit-animation:skills_move9 4.6s ease-in-out;animation:skills_move9 4.6s ease-in-out}.skills .skills__wrapper .skills__list .skill__django{width:60%;-webkit-animation:skills_move10 4.8s ease-in-out;animation:skills_move10 4.8s ease-in-out}@-webkit-keyframes skills_move1{0%{width:0}to{width:95%}}@keyframes skills_move1{0%{width:0}to{width:95%}}@-webkit-keyframes skills_move2{0%{width:0}to{width:90%}}@keyframes skills_move2{0%{width:0}to{width:90%}}@-webkit-keyframes skills_move3{0%{width:0}to{width:85%}}@keyframes skills_move3{0%{width:0}to{width:85%}}@-webkit-keyframes skills_move4{0%{width:0}to{width:85%}}@keyframes skills_move4{0%{width:0}to{width:85%}}@-webkit-keyframes skills_move5{0%{width:0}to{width:90%}}@keyframes skills_move5{0%{width:0}to{width:90%}}@-webkit-keyframes skills_move6{0%{width:0}to{width:65%}}@keyframes skills_move6{0%{width:0}to{width:65%}}@-webkit-keyframes skills_move7{0%{width:0}to{width:70%}}@keyframes skills_move7{0%{width:0}to{width:70%}}@-webkit-keyframes skills_move8{0%{width:0}to{width:70%}}@keyframes skills_move8{0%{width:0}to{width:70%}}@-webkit-keyframes skills_move9{0%{width:0}to{width:75%}}@keyframes skills_move9{0%{width:0}to{width:75%}}@-webkit-keyframes skills_move10{0%{width:0}to{width:60%}}@keyframes skills_move10{0%{width:0}to{width:60%}}.title{text-transform:uppercase;font-size:2.8rem;font-weight:700;position:relative;padding-bottom:1px;color:#c4c2c2}@media(max-width:1000px){.title{font-size:2rem}}.title .move,.title:before{width:16rem;background-color:#4169e1;border-radius:10px;overflow:hidden;-webkit-animation:move 2s ease-in-out;animation:move 2s ease-in-out}.title .move,.title:after,.title:before{content:"";bottom:0;left:0;position:absolute;height:.5rem;opacity:.8}.title:after{width:5rem;background-color:#152249;border-radius:10px 0 10px 10px;-webkit-animation:move 2s ease-in;animation:move 2s ease-in}.title span{position:absolute;top:70%;left:0;font-size:4rem;opacity:.09;text-shadow:-7px 4px 2px #000}@media(max-width:1000px){.title span{font-size:3.5rem}}@-webkit-keyframes move{0%{width:1rem}40%{width:16rem}to{opacity:1}}@keyframes move{0%{width:1rem}40%{width:16rem}to{opacity:1}}.navbottom{position:fixed;width:100%;bottom:0;left:0;z-index:15;font-size:1rem}.navbottom .bottom__navwrap{display:none;background-color:hsla(0,0%,100%,.25)}.navbottom .bottom__navwrap .nav__name,.navbottom .bottom__navwrap .nav__toggle{font-weight:600;cursor:pointer;text-decoration:none;color:#29335f}.navbottom .bottom__navwrap .nav__name:hover{color:#715df2}.navbottom .bottom__navwrap .nav__toggle{transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}.navbottom .bottom__navwrap .nav__toggle:hover{color:#715df2;-webkit-transform:scale(1.1);transform:scale(1.1)}.navbottom .bottom__navwrap .shownavmenu{bottom:0}.navbottom .bottom__navwrap .nav__menu{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;height:240px;font-size:.85rem;font-weight:700;z-index:2;background-color:#fff}.navbottom .bottom__navwrap .nav__menu .nav__gridlist{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;border-radius:6px}.navbottom .bottom__navwrap .nav__close{font-size:1.2rem;position:absolute;bottom:0;right:0;padding:30px}.navbottom .bottom__navwrap .nav__link{color:#29335f;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;text-decoration:none;transition:all .3s ease-in}.navbottom .bottom__navwrap .nav__link:hover{color:#715df2;-webkit-transform:scale(1.1);transform:scale(1.1)}.navbottom .bottom__navwrap .nav__link i{margin-right:2px;font-size:1.4rem}@media screen and (max-width:730px){.navbottom .bottom__navwrap{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;max-width:968px;height:3rem;padding:30px}.navbottom .nav__menu{position:fixed;bottom:-100%;left:0;width:100%;padding:2rem 1.5rem 4rem;box-shadow:0 -3px 4px rgba(0,0,0,.15);border-radius:1.2rem 1.2rem 0 0;transition:.5s ease-in-out}.navbottom .nav__gridlist{box-shadow:1px 1px .5px rgba(0,0,0,.15);padding:6px}}.navbottomdark{position:fixed;width:100%;bottom:0;left:0;z-index:15;font-size:1rem}.navbottomdark .bottom__navwrap{display:none;background-color:rgba(9,10,17,.6)}.navbottomdark .bottom__navwrap .nav__name,.navbottomdark .bottom__navwrap .nav__toggle{font-weight:600;cursor:pointer;text-decoration:none;color:#29335f}.navbottomdark .bottom__navwrap .nav__name:hover{color:#715df2}.navbottomdark .bottom__navwrap .nav__toggle{transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}.navbottomdark .bottom__navwrap .nav__toggle:hover{color:#715df2;-webkit-transform:scale(1.1);transform:scale(1.1)}.navbottomdark .bottom__navwrap .shownavmenu{bottom:0}.navbottomdark .bottom__navwrap .nav__menu{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;height:240px;font-size:.85rem;font-weight:700;z-index:2;background-color:#090a11}.navbottomdark .bottom__navwrap .nav__menu .nav__gridlist{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;border-radius:6px}.navbottomdark .bottom__navwrap .nav__close{font-size:1.2rem;position:absolute;bottom:0;right:0;padding:30px}.navbottomdark .bottom__navwrap .nav__link{color:#29335f;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;text-decoration:none;transition:all .3s ease-in}.navbottomdark .bottom__navwrap .nav__link:hover{color:#715df2;-webkit-transform:scale(1.1);transform:scale(1.1)}.navbottomdark .bottom__navwrap .nav__link i{margin-right:2px;font-size:1.4rem}@media screen and (max-width:730px){.navbottomdark .bottom__navwrap{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;max-width:968px;height:3rem;padding:30px}.navbottomdark .nav__menu{position:fixed;bottom:-100%;left:0;width:100%;padding:2rem 1.5rem 4rem;box-shadow:0 -3px 4px rgba(0,0,0,.15);border-radius:1.2rem 1.2rem 0 0;transition:.5s ease-in-out}.navbottomdark .nav__gridlist{box-shadow:1px 1px .5px rgba(0,0,0,.15);padding:6px}}.navtoptitle{font-size:1.25rem;position:relative;padding-bottom:2px;color:#29335f;cursor:pointer}.navtoptitle:before{width:4rem;background-color:#4169e1;border-radius:10px;overflow:hidden}.navtoptitle:after,.navtoptitle:before{content:"";bottom:0;left:0;position:absolute;height:.2rem;opacity:.8;-webkit-animation:moves 2s ease-in 1s;animation:moves 2s ease-in 1s}.navtoptitle:after{width:1.5rem;background-color:#152249;border-radius:10px 0 10px 10px}@-webkit-keyframes moves{0%{width:1rem}40%{width:4rem}to{opacity:1}}@keyframes moves{0%{width:1rem}40%{width:4rem}to{opacity:1}}.navtop{position:fixed;top:0;width:100%;padding:15px;z-index:10;background-color:hsla(0,0%,100%,.6)}.navtop .navtop__wrap{-webkit-justify-content:space-between;justify-content:space-between}.navtop .navtop__wrap,.navtop .navtop__wrap .navtopname__wrap{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.navtop .navtop__wrap .navtopname__wrap i{margin-left:3px}.navtop .navtop__wrap .right{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.navtop .navtop__wrap .right .navtop__sub{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around}.navtop .navtop__wrap .right .navtop__sub a{text-decoration:none;color:#29335f}.navtop .navtop__wrap .right .navtop__sub a:hover{color:#3f4e91}.navtop .navtop__wrap .right .navtop__sub a:not(:last-child){margin-right:33px}.navtop .navtop__wrap .right .moon__sun{display:-webkit-flex;display:flex;margin-left:20px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;cursor:pointer}.navtop .navtop__wrap .right .moon__sun .moon{background-color:#000;position:absolute;background:url(/static/media/m1.c1fda1b5.jpg);background-size:cover;box-shadow:inset 0 0 1px rgba(0,0,0,.1),0 0 20px #fcfcfa}.navtop .navtop__wrap .right .moon__sun .moon,.navtop .navtop__wrap .right .moon__sun .sun{height:2rem;width:2rem;transition:all 1s;border-radius:50%;-webkit-animation:animateboth 45s linear infinite;animation:animateboth 45s linear infinite}.navtop .navtop__wrap .right .moon__sun .sun{background-color:#ff0;position:relative;background:url(/static/media/sun3.235eab8d.png);background-size:cover;box-shadow:inset 0 0 .5px rgba(0,0,0,.1),0 0 5px #fcfc05}.navtop .navtop__wrap .right .moon__sun .showstar{z-index:1}@media(max-width:730px){.navtop a{display:none}}@-webkit-keyframes animateboth{0%{background-position:0 0}to{background-position:-700px 0}}.navtopdark{position:fixed;top:0;width:100%;padding:15px;z-index:10;background-color:rgba(9,10,17,.6)}.navtopdark .navtop__wrap{-webkit-justify-content:space-between;justify-content:space-between}.navtopdark .navtop__wrap,.navtopdark .navtop__wrap .navtopname__wrap{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.navtopdark .navtop__wrap .navtopname__wrap i{margin-left:3px}.navtopdark .navtop__wrap .right{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.navtopdark .navtop__wrap .right .navtop__sub{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around}.navtopdark .navtop__wrap .right .navtop__sub a{text-decoration:none;color:#29335f}.navtopdark .navtop__wrap .right .navtop__sub a:hover{color:#3f4e91}.navtopdark .navtop__wrap .right .navtop__sub a:not(:last-child){margin-right:33px}.navtopdark .navtop__wrap .right .moon__sun{display:-webkit-flex;display:flex;margin-left:20px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;cursor:pointer}.navtopdark .navtop__wrap .right .moon__sun .moon{background-color:#000;position:absolute;background:url(/static/media/m1.c1fda1b5.jpg);background-size:cover;box-shadow:inset 0 0 1px rgba(0,0,0,.1),0 0 20px #fcfcfa}.navtopdark .navtop__wrap .right .moon__sun .moon,.navtopdark .navtop__wrap .right .moon__sun .sun{height:2rem;width:2rem;border-radius:50%;transition:all 1s;-webkit-animation:animateboth 45s linear infinite;animation:animateboth 45s linear infinite}.navtopdark .navtop__wrap .right .moon__sun .sun{background-color:#ff0;position:relative;background:url(/static/media/sun3.235eab8d.png);background-size:cover;box-shadow:inset 0 0 .5px rgba(0,0,0,.1),0 0 0 #fcfc05}.navtopdark .navtop__wrap .right .moon__sun .showstar{z-index:-1}@media(max-width:730px){.navtopdark a{display:none}}@keyframes animateboth{0%{background-position:0 0}to{background-position:-700px 0}}#canvas{display:none}@media(max-width:1700px){#canvas{display:none}}.slide{overflow:hidden}.slide .slide__title{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.slide .slide__title .toolbox{font-size:2.5rem;color:#29335f;margin-left:32%}.slide .slide__title h2{margin:0 0 50px 14.9%;font-size:1.8rem;font-weight:400}@media(max-width:1200px){.slide .slide__title h2{margin:0 0 10px 12%}}@media(max-width:990px){.slide .slide__title h2{font-size:1.7rem}}@media(max-width:690px){.slide .slide__title h2{font-size:1.4rem;font-size:1.1rem}}.slide .slide__wrapper{height:120px;margin:auto;position:relative;width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;z-index:-2}@media(max-width:575px){.slide .slide__wrapper{border-bottom:1px solid rgba(41,51,95,.08)}}.slide .slide__wrapper:before{background:linear-gradient(270deg,transparent,#fff,#fff);content:"";height:200px;position:absolute;width:35%;z-index:1;top:0;left:0}@media(max-width:400px){.slide .slide__wrapper:before{width:20%}}.slide .slide__wrapper:after{background:linear-gradient(90deg,transparent,#fff,#fff);content:"";height:200px;position:absolute;width:35%;z-index:0;top:0;right:0}@media(max-width:400px){.slide .slide__wrapper:after{width:20%}}.slide .slide__wrapper .slide__track{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;width:80%;margin-left:1600px;-webkit-animation:slide_scroll 20s linear infinite;animation:slide_scroll 20s linear infinite;place-items:center}.slide .slide__wrapper .slide__track .slide__languages{height:200px;width:200px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:15px}@-webkit-keyframes slide_scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-2960px);transform:translateX(-2960px)}}.slidedark{overflow:hidden}.slidedark .slide__title{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.slidedark .slide__title .toolbox{font-size:2.5rem;color:#29335f;margin-left:32%}.slidedark .slide__title h2{margin:0 0 50px 14.9%;font-size:1.8rem;font-weight:400}@media(max-width:1200px){.slidedark .slide__title h2{margin:0 0 10px 12%}}@media(max-width:990px){.slidedark .slide__title h2{font-size:1.7rem}}@media(max-width:690px){.slidedark .slide__title h2{font-size:1.4rem;font-size:1.1rem}}.slidedark .slide__wrapper{height:120px;margin:auto;position:relative;width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;z-index:-2}@media(max-width:575px){.slidedark .slide__wrapper{border-bottom:1px solid rgba(41,51,95,.08)}}.slidedark .slide__wrapper:before{transition:all 1s;background:linear-gradient(270deg,transparent,#090a11,#090a11);content:"";height:200px;position:absolute;width:35%;z-index:1;top:0;left:0}@media(max-width:400px){.slidedark .slide__wrapper:before{width:20%}}.slidedark .slide__wrapper:after{transition:all 1s;background:linear-gradient(90deg,transparent,#090a11,#090a11);content:"";height:200px;position:absolute;width:35%;z-index:0;top:0;right:0}@media(max-width:400px){.slidedark .slide__wrapper:after{width:20%}}.slidedark .slide__wrapper .slide__track{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;width:80%;margin-left:1600px;-webkit-animation:slide_scroll 20s linear infinite;animation:slide_scroll 20s linear infinite;place-items:center}.slidedark .slide__wrapper .slide__track .slide__languages{height:200px;width:200px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:15px}.slidedark .appear{opacity:0}.slidedark .appear.show{-webkit-animation:appear 1s ease forwards;animation:appear 1s ease forwards}@keyframes slide_scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-2960px);transform:translateX(-2960px)}}.icon .icon_animate{width:100px;height:100px;border-radius:50%;border-top:10px solid rgba(41,51,95,.8);position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-animation:iconr 2s linear infinite;animation:iconr 2s linear infinite;margin-right:50px}@media(max-width:690px){.icon .icon_animate{width:80px;height:80px}}@media(max-width:400px){.icon .icon_animate{border-top:10px solid rgba(41,51,95,.5);width:60px;height:60px}}.icon .icon_animate:after,.icon .icon_animate:before{content:"";position:absolute;left:0;top:-10px;border-radius:50%;z-index:-3}.icon .icon_animate:before{border-top:10px solid rgba(255,0,0,.8);-webkit-transform:rotate(120deg);transform:rotate(120deg);width:100px;height:100px}@media(max-width:690px){.icon .icon_animate:before{width:80px;height:80px}}@media(max-width:400px){.icon .icon_animate:before{border-top:4px solid rgba(255,0,0,.8);width:60px;height:60px}}.icon .icon_animate:after{border-top:10px solid rgba(128,0,128,.8);-webkit-transform:rotate(240deg);transform:rotate(240deg);width:100px;height:100px}@media(max-width:690px){.icon .icon_animate:after{width:80px;height:80px}}@media(max-width:400px){.icon .icon_animate:after{border-top:4px solid rgba(128,0,128,.8);width:60px;height:60px}}.icon .icon_animate span img{height:55px;width:60px;object-fit:contain;-webkit-animation:iconi 2s linear infinite;animation:iconi 2s linear infinite}@media(max-width:690px){.icon .icon_animate span img{width:45px;height:40px}}.icon p{margin-left:12px;font-size:.7rem}@-webkit-keyframes iconr{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes iconr{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes iconi{to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes iconi{to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.background{height:100vh;width:100vw;position:fixed;transition:all 1s;z-index:-1}.background .bubbles{position:absolute;width:100%;height:100%;z-index:-1;overflow:hidden;top:0;left:0}.background .bubbles .bubble{position:absolute;bottom:0;background-color:rgba(58,75,153,.1);border-radius:50%;-webkit-animation:flying_bubble 10s ease-in-out infinite;animation:flying_bubble 10s ease-in-out infinite}.background .bubbles .bubble:first-child{width:50px;height:50px;width:40px;height:40px;left:10%;-webkit-animation-duration:8s;animation-duration:8s}.background .bubbles .bubble:nth-child(2){width:20px;height:20px;left:20%;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-delay:1s;animation-delay:1s}.background .bubbles .bubble:nth-child(3){width:50px;height:50px;left:35%;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-delay:2s;animation-delay:2s}.background .bubbles .bubble:nth-child(4){width:80px;height:80px;left:50%;-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-delay:0s;animation-delay:0s}.background .bubbles .bubble:nth-child(5){width:35px;height:35px;left:55%;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-delay:1s;animation-delay:1s}.background .bubbles .bubble:nth-child(6){width:45px;height:45px;left:65%;-webkit-animation-duration:8s;animation-duration:8s;-webkit-animation-delay:3s;animation-delay:3s}.background .bubbles .bubble:nth-child(7){width:25px;height:25px;left:75%;-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-delay:2s;animation-delay:2s}.background .bubbles .bubble:nth-child(8){width:80px;height:80px;left:10%;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-delay:1s;animation-delay:1s}.background .bubbles .bubble:nth-child(9){width:15px;height:15px;left:70%;-webkit-animation-duration:9s;animation-duration:9s;-webkit-animation-delay:0s;animation-delay:0s}.background .bubbles .bubble:nth-child(10){width:50px;height:50px;left:85%;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-delay:3s;animation-delay:3s}.background .bubbles .bubblen{position:absolute;bottom:0;width:220px;height:220px;left:20%;background-color:rgba(58,75,153,.1);border-radius:50%;-webkit-animation:flying_bubblen 10s ease-in-out infinite;animation:flying_bubblen 10s ease-in-out infinite}@-webkit-keyframes flying_bubble{0%{bottom:-100px}50%{-webkit-transform:translateX(100px);transform:translateX(100px)}to{bottom:1080px;-webkit-transform:translateX(-200px);transform:translateX(-200px)}}@-webkit-keyframes flying_bubblen{0%{bottom:-280px}50%{-webkit-transform:translateX(100px);transform:translateX(100px)}to{bottom:1080px;-webkit-transform:translateX(700px);transform:translateX(700px)}}.backgrounddark{height:100vh;width:100vw;background-color:#090a11;position:fixed;z-index:-2;transition:all 1s}.backgrounddark .bubbles{position:absolute;width:100%;height:100%;z-index:-2;overflow:hidden;top:0;left:0}.backgrounddark .bubbles .bubble{position:absolute;bottom:0;background-color:rgba(58,75,153,.1);border-radius:50%;-webkit-animation:flying_bubble 10s ease-in-out infinite;animation:flying_bubble 10s ease-in-out infinite}.backgrounddark .bubbles .bubble:first-child{width:50px;height:50px;width:40px;height:40px;left:10%;-webkit-animation-duration:8s;animation-duration:8s}.backgrounddark .bubbles .bubble:nth-child(2){width:20px;height:20px;left:20%;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-delay:1s;animation-delay:1s}.backgrounddark .bubbles .bubble:nth-child(3){width:50px;height:50px;left:35%;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-delay:2s;animation-delay:2s}.backgrounddark .bubbles .bubble:nth-child(4){width:80px;height:80px;left:50%;-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-delay:0s;animation-delay:0s}.backgrounddark .bubbles .bubble:nth-child(5){width:35px;height:35px;left:55%;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-delay:1s;animation-delay:1s}.backgrounddark .bubbles .bubble:nth-child(6){width:45px;height:45px;left:65%;-webkit-animation-duration:8s;animation-duration:8s;-webkit-animation-delay:3s;animation-delay:3s}.backgrounddark .bubbles .bubble:nth-child(7){width:25px;height:25px;left:75%;-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-delay:2s;animation-delay:2s}.backgrounddark .bubbles .bubble:nth-child(8){width:80px;height:80px;left:10%;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-delay:1s;animation-delay:1s}.backgrounddark .bubbles .bubble:nth-child(9){width:15px;height:15px;left:70%;-webkit-animation-duration:9s;animation-duration:9s;-webkit-animation-delay:0s;animation-delay:0s}.backgrounddark .bubbles .bubble:nth-child(10){width:50px;height:50px;left:85%;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-delay:3s;animation-delay:3s}.backgrounddark .bubbles .bubblen{position:absolute;bottom:0;width:220px;height:220px;left:20%;background-color:rgba(58,75,153,.1);border-radius:50%;-webkit-animation:flying_bubblen 10s ease-in-out infinite;animation:flying_bubblen 10s ease-in-out infinite}@keyframes flying_bubble{0%{bottom:-100px}50%{-webkit-transform:translateX(100px);transform:translateX(100px)}to{bottom:1080px;-webkit-transform:translateX(-200px);transform:translateX(-200px)}}@keyframes flying_bubblen{0%{bottom:-280px}50%{-webkit-transform:translateX(100px);transform:translateX(100px)}to{bottom:1080px;-webkit-transform:translateX(700px);transform:translateX(700px)}}.portfolio{margin-top:100px}@media(max-width:1000px){.portfolio{margin-top:50px}}.portfolio .portfolio__heading{margin:0 0 100px 40%}@media(max-width:1000px){.portfolio .portfolio__heading{margin:0 0 30px 20px}}.portfolio .image__wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;position:relative;margin-top:100px}@media(max-width:600px){.portfolio .image__wrapper{-webkit-flex-direction:column;flex-direction:column}}.portfolio .image__wrapper .text__portion{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin-right:6%}@media(max-width:1200px){.portfolio .image__wrapper .text__portion{font-size:1.2rem}}@media(max-width:1000px){.portfolio .image__wrapper .text__portion{font-size:1.1rem;margin-right:0}}@media(max-width:500px){.portfolio .image__wrapper .text__portion{font-size:1rem;margin:50px 0 0}}.portfolio .image__wrapper .text__portion .slide__button{background-color:#29335f;padding:8px;text-align:center;cursor:pointer;border-radius:4px;width:75%;margin-top:15px}.portfolio .image__wrapper .text__portion .slide__button a{text-decoration:none;color:#fff}.portfolio .image__wrapper .text__portion .slide__button:hover{background-color:#180f2e}@media(max-width:1000px){.portfolio .image__wrapper .text__portion .slide__button{font-size:1rem}}.portfolio .image__wrapper .slide__image{position:relative;border-radius:15px;margin-left:15%;object-fit:cover;height:35vh;width:35vw}@media(max-width:1200px){.portfolio .image__wrapper .slide__image{margin-left:0}}@media(max-width:1000px){.portfolio .image__wrapper .slide__image{margin-left:0;border-radius:8px;height:40vh;width:40vw}}@media(max-width:565px){.portfolio .image__wrapper .slide__image{height:35vh;width:80vw}}@media(max-width:385px){.portfolio .image__wrapper .slide__image{height:28vh;width:79vw}}.portfolio .image__wrapper .image__hover{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;height:35vh;width:35vw;position:absolute;margin-left:0;border-radius:15px;background-color:rgba(41,51,95,.6);color:#fff;opacity:0;top:0;left:0;text-align:center;display:none;transition:all 1s 1s}.portfolio .image__wrapper .image__hover p{font-size:1.2rem}.portfolio .image__wrapper .image__hover .view__project{background-color:hsla(0,0%,100%,.9);color:#29335f;padding:5px;border-radius:5px;cursor:pointer}.portfolio .image__wrapper .image__hover .view__project a{text-decoration:none;color:#29335f}@media(max-width:1000px){.portfolio .image__wrapper .image__hover{margin-left:0;border-radius:1px;height:55vh;width:80vw}}@media(max-width:565px){.portfolio .image__wrapper .image__hover{border-radius:1px;height:35vh;width:80vw}}@media(max-width:385px){.portfolio .image__wrapper .image__hover{height:28vh;width:79vw}}.portfolio .image__wrapper .image__hover:hover{opacity:1}.swiper-container{margin-top:100px;width:80%;border-radius:7px}@media(max-width:1000px){.swiper-container{width:100%}}.swiper-container .swiper-button-prev{color:#29335f}@media(max-width:1000px){.swiper-container .swiper-button-prev{color:rgba(41,51,95,.5)}}.swiper-container .swiper-button-next{color:#29335f}@media(max-width:1000px){.swiper-container .swiper-button-next{color:rgba(41,51,95,.5)}}.swiper-container .swiper-pagination{margin-bottom:25%}@media(max-width:925px){.swiper-container .swiper-pagination{margin-bottom:30%}}@media(max-width:745px){.swiper-container .swiper-pagination{display:none}}@media(max-width:440px){.swiper-container .swiper-pagination{display:block;margin-top:95%}}.swiper-container .swiper-pagination .swiper-pagination-bullet{color:#29335f}.blog{margin-top:150px;width:100%}.blog .blog__heading{margin:0 0 100px 40%}@media(max-width:1000px){.blog .blog__heading{margin:0 0 30px 19px}}.blog .blog__wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin:130px 0 20%}.blog .blog__wrapper .blog__content{font-family:"Pattaya",sans-serif;color:#29335f;overflow:hidden;font-size:4rem;padding:12%;position:relative}@media(max-width:730px){.blog .blog__wrapper .blog__content{padding:15%}}.blog .blog__wrapper .blog__content p{-webkit-animation:blogscal 4s linear infinite;animation:blogscal 4s linear infinite}.blog .blog__wrapper .blog__content span{position:absolute;display:block}.blog .blog__wrapper .blog__content span:nth-child(2){top:-100%;right:0;width:5px;height:100%;background:linear-gradient(180deg,transparent,#29335f);-webkit-animation:line2 2s ease-in-out 1s infinite;animation:line2 2s ease-in-out 1s infinite}@media(max-width:730px){.blog .blog__wrapper .blog__content span:nth-child(2){width:2px}}.blog .blog__wrapper .blog__content span:nth-child(3){bottom:0;right:-100%;width:100%;height:5px;background:linear-gradient(270deg,transparent,#29335f);-webkit-animation:line3 2s ease-in-out 2s infinite;animation:line3 2s ease-in-out 2s infinite}@media(max-width:730px){.blog .blog__wrapper .blog__content span:nth-child(3){height:2px}}.blog .blog__wrapper .blog__content span:nth-child(4){bottom:-100%;left:0;width:5px;height:100%;background:linear-gradient(1turn,transparent,#29335f);-webkit-animation:line4 2s ease-in-out 3s infinite;animation:line4 2s ease-in-out 3s infinite}@media(max-width:730px){.blog .blog__wrapper .blog__content span:nth-child(4){width:2px}}.blog .blog__wrapper .blog__content span:nth-child(5){top:0;left:-100%;width:100%;height:5px;background:linear-gradient(90deg,transparent,#29335f);-webkit-animation:line1 2s ease-in-out infinite;animation:line1 2s ease-in-out infinite}@media(max-width:730px){.blog .blog__wrapper .blog__content span:nth-child(5){height:2px}}@media(max-width:1000px){.blog .blog__wrapper .blog__content{font-size:2.5rem}}@media(max-width:500px){.blog .blog__wrapper .blog__content{font-size:2rem}}.blog .appear{opacity:0}.blog .appear.show{-webkit-animation:appear 1s ease forwards;animation:appear 1s ease forwards}.blog .shift__up{-webkit-transform:translateY(65px);transform:translateY(65px)}.blog .shift__up.show{-webkit-animation:up 1s ease-in-out forwards;animation:up 1s ease-in-out forwards}.blog .shift__left{-webkit-transform:translateX(-25px);transform:translateX(-25px)}.blog .shift__left.show{-webkit-animation:left 1s ease-in-out forwards;animation:left 1s ease-in-out forwards}.blog .shift__right{-webkit-transform:translateX(25px);transform:translateX(25px)}.blog .shift__right.show{-webkit-animation:right 1s ease-in-out forwards;animation:right 1s ease-in-out forwards}@-webkit-keyframes line1{0%{left:-100%}to{left:100%}}@keyframes line1{0%{left:-100%}to{left:100%}}@-webkit-keyframes line2{0%{top:-100%}to{top:100%}}@keyframes line2{0%{top:-100%}to{top:100%}}@-webkit-keyframes line3{0%{right:-100%}to{right:100%}}@keyframes line3{0%{right:-100%}to{right:100%}}@-webkit-keyframes line4{0%{bottom:-100%}to{bottom:100%}}@keyframes line4{0%{bottom:-100%}to{bottom:100%}}.contact{width:100%;margin-top:-100px}@media(max-width:1000px){.contact{margin:0}}.contact .contact__title{margin:0 0 100px 40%}@media(max-width:1000px){.contact .contact__title{margin:0 0 30px 20px}}.contact .wrapper{-webkit-align-items:center;align-items:center;margin-top:11%}.contact .wrapper,.contact .wrapper .contact__wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;width:100vw}.contact .wrapper .contact__wrapper{grid-gap:2.5rem}@media(max-width:890px){.contact .wrapper .contact__wrapper{width:80%}}@media(max-width:730px){.contact .wrapper .contact__wrapper{margin-top:15%;width:90%}}@media(max-width:570px){.contact .wrapper .contact__wrapper{margin-top:20%;width:80%;-webkit-flex-direction:column;flex-direction:column}}.contact .wrapper .contact__wrapper .contact__icons .icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:15%;font-weight:300}.contact .wrapper .contact__wrapper .contact__icons .call__text{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:start;justify-content:start}.contact .wrapper .contact__wrapper .contact__icons .call__text span{font-size:1.1rem;color:rgba(41,51,95,.3)}@media(max-width:890px){.contact .wrapper .contact__wrapper .contact__icons .call__text span{font-size:.7rem}}.contact .wrapper .contact__wrapper .contact__icons .call__text h3{font-size:1.5rem;font-weight:500}@media(max-width:890px){.contact .wrapper .contact__wrapper .contact__icons .call__text h3{font-size:.9rem}}.contact .wrapper .contact__wrapper .contact__icons i{font-size:2.4rem;margin-right:25px;font-weight:300}@media(max-width:890px){.contact .wrapper .contact__wrapper .contact__icons i{font-size:1.8rem}}.contact .wrapper .contact__wrapper .contact__icons .icon__location{font-size:3.1rem}@media(max-width:890px){.contact .wrapper .contact__wrapper .contact__icons .icon__location{font-size:2.4rem}}.contact .wrapper .contact__form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.contact .wrapper .contact__form .name__email{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.contact .wrapper .contact__form .name__email #contact__content1{margin-right:5%}.contact .wrapper .contact__form .contact__input{width:100%;background-color:rgba(63,78,145,0);border:none;color:#29335f;outline:none;font-size:1.1rem;font-family:"Poppins",sans-serif;margin-left:2%}.contact .wrapper .contact__form label{margin:0 0 0 2%;font-size:1rem}@media(max-width:890px){.contact .wrapper .contact__form label{font-size:.8rem}}.contact .wrapper .contact__form .contact__content{background-color:rgba(63,78,145,.2);border-radius:.5rem;margin:0 0 10%;width:100%;font-weight:500;padding:0 5% 2% 2%}.contact .wrapper .contact__form .contact__button{text-decoration:none;color:#fdfdfd;background-color:#29335f;padding:5px;text-align:center;border-radius:5px}@media(max-width:890px){.contact .wrapper .contact__form .contact__button{font-size:.9rem}}.contact .appear{opacity:0}.contact .appear.show{-webkit-animation:appear 1s ease forwards;animation:appear 1s ease forwards}.contact .shift__up{-webkit-transform:translateY(65px);transform:translateY(65px)}.contact .shift__up.show{-webkit-animation:up 1s ease-in-out forwards;animation:up 1s ease-in-out forwards}.contact .shift__left{-webkit-transform:translateX(-25px);transform:translateX(-25px)}.contact .shift__left.show{-webkit-animation:left 1s ease-in-out forwards;animation:left 1s ease-in-out forwards}.contact .shift__right{-webkit-transform:translateX(25px);transform:translateX(25px)}.contact .shift__right.show{-webkit-animation:right 1s ease-in-out forwards;animation:right 1s ease-in-out forwards}.footer{background-color:#29335f;color:#fff;margin-top:10%}.footer .footer__wrapper{-webkit-flex-direction:column;flex-direction:column;height:15rem}.footer .footer__wrapper,.footer .footer__wrapper .footer__content{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%}.footer .footer__wrapper .footer__content{-webkit-justify-content:space-around;justify-content:space-around;margin-top:50px}@media(max-width:575px){.footer .footer__wrapper .footer__content{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:start;justify-content:start}}@media(max-width:840px){.footer .footer__wrapper .footer__content .footer__name{font-size:1.1rem}}@media(max-width:675px){.footer .footer__wrapper .footer__content .footer__name{font-size:.9rem}}@media(max-width:575px){.footer .footer__wrapper .footer__content .footer__name{margin-bottom:4%}}.footer .footer__wrapper .footer__content .footer__links .link{margin-left:5%;cursor:pointer}.footer .footer__wrapper .footer__content .footer__links .link:hover{color:#3f4e91}@media(max-width:840px){.footer .footer__wrapper .footer__content .footer__links{font-size:1.1rem}}@media(max-width:675px){.footer .footer__wrapper .footer__content .footer__links{font-size:.9rem}}@media(max-width:575px){.footer .footer__wrapper .footer__content .footer__links{margin:0 0 1% 3%}}.footer .footer__wrapper .footer__content .footer__social a{text-decoration:none;color:#fff}.footer .footer__wrapper .footer__content .footer__social i{width:3rem;font-size:1.5rem}@media(max-width:840px){.footer .footer__wrapper .footer__content .footer__social i{font-size:1.1rem;width:2.2rem}}@media(max-width:675px){.footer .footer__wrapper .footer__content .footer__social i{font-size:.9rem}}@media(max-width:575px){.footer .footer__wrapper .footer__content .footer__social i{width:3rem}}.footer .footer__wrapper .trade__mark{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:1rem;width:15rem;margin:5% 0 7%}@media(max-width:840px){.footer .footer__wrapper .trade__mark{font-size:.8rem}}@media(max-width:675px){.footer .footer__wrapper .trade__mark{font-size:.7rem}}@media(max-width:575px){.footer .footer__wrapper .trade__mark{margin:2% 0 2% 18%}}@media(max-width:400px){.footer .footer__wrapper .trade__mark{margin:2% 0 2% 27%}}.footer .footer__wrapper .trade__mark p{margin-left:3%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Poppins",sans-serif;font-size:1.4em;color:#3f4e91;overflow-x:hidden}
/*# sourceMappingURL=main.8361a5d9.chunk.css.map */