@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;800&display=swap";footer{display:flex;align-items:center;justify-content:center;gap:30px;padding:15px 40px}@media only screen and (max-width: 739px){footer{gap:10px;padding:15px 20px}}footer a:hover{text-decoration:underline}.footer__left,.footer__right{height:1px;width:30%;background:rgb(255,255,254)}@media only screen and (max-width: 739px){.footer__left,.footer__right{width:20%}}.footer__center{font-size:14px}@media only screen and (max-width: 739px){.footer__center{font-size:12px}}.footer__center span{margin:0 5px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}header{padding:0 30px;height:100px;width:100%;position:fixed;transition:all .15s ease-in-out;background:rgb(35,41,70);z-index:1000}header.isScroll{height:90px;box-shadow:0 25px 50px -12px #00000040}@media only screen and (max-width: 739px){header.isScroll{box-shadow:none}}header.isScroll .navbar .navbar__left img{width:40%}header .navbar{height:100%;display:flex;justify-content:space-between}header .navbar__left{margin:auto 0}header .navbar__left a:hover img{transform:scale(.9)}header .navbar__left img{width:50%;transition:.15s cubic-bezier(.4,0,.2,1)}@media only screen and (max-width: 739px){header .navbar__left img{width:30%!important}}header .navbar__right{display:flex}header .navbar__right ul{display:flex;height:100%;margin:0}@media only screen and (max-width: 739px){header .navbar__right ul{display:none}}header .navbar__right ul>li{list-style:none}header .navbar__right .navbar__item{height:100%;padding:0 20px;display:flex;align-items:center;font-weight:700}header .navbar__right .navbar__item a{position:relative;transition:.4s ease-in-out}header .navbar__right .navbar__item a:hover{color:violet;transform:translateY(-7px)}header .navbar__right .navbar__item a:hover.active:after{background-color:violet}header .navbar__right .navbar__item a.active:after{content:"";position:absolute;left:-10%;bottom:-15px;height:4px;width:120%;border-radius:2px;background:#fff;transition:.5s ease-in-out}header .navbar__right .navbar__item a.active:before{content:"";position:absolute;width:120%;left:-10%;height:20px;bottom:-15px}header .navbar__menu{margin:auto 0;display:none}header .navbar__menu button{color:#fff;border:none;cursor:pointer;background:transparent}@media only screen and (max-width: 739px){header .navbar__menu{display:block}}header .navbar__menu .show{animation:show-icon .3s}@keyframes show-icon{0%{transform:rotate(-45deg)}to{transform:rotate(0)}}header .navbar__mobile{position:absolute;display:none;height:200px;right:20px;left:20px;background:rgb(50,56,86);border-radius:5px;overflow:hidden;transition:all .5s}@media only screen and (max-width: 739px){header .navbar__mobile{display:block}}header .navbar__mobile.hide{height:0}header .navbar__mobile ul{margin:0;padding:10px 20px}header .navbar__mobile ul>li{list-style:none;margin:0}header .navbar__mobile .navbar__item{padding:5px 0}header .navbar__mobile .navbar__item a{font-weight:500;transition:.15s ease-in-out}header .navbar__mobile .navbar__item a:hover{color:violet}header .navbar__mobile .navbar__item.active a{color:violet}.sidebar__link{position:fixed;bottom:0;left:1.5rem;display:flex;flex-direction:column;align-items:center}.sidebar__link ul{margin:0;padding:0}.sidebar__link ul>li{list-style:none;margin:7px 0;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.sidebar__link ul>li a{color:#b8c1ec}.sidebar__link ul>li a svg{width:32px;height:32px;transition:.15s ease-in}.sidebar__link ul>li a:hover svg{width:26px;height:26px;opacity:.4}.sidebar__link .line{height:8rem;width:2px;background:#b8c1ec}@media only screen and (max-width: 739px){.sidebar__link{position:relative;flex-direction:row;justify-content:center;left:0}.sidebar__link ul{display:flex;flex-direction:row;gap:10px}.sidebar__link .line{height:0}}.main-layout{min-height:100vh;color:#fff;background-color:#232946}.button{padding:1rem 1.5rem;color:#232946;background:rgb(238,187,195);border-radius:5px;border:2px solid rgb(238,187,195);cursor:pointer;transition:.15s cubic-bezier(.4,0,.2,1)}.button:hover{background:transparent;color:#fff}.homepage,.work-page,.contact-page,.coming-soon-page,.privacy-page,.terms-page{padding-top:100px;overflow-x:hidden}.not-found-page{height:100vh;background:rgb(35,41,70);color:#fff;position:relative}.not-found-page .container{position:relative;left:45%;top:30%;z-index:1}.not-found-page .container h1{margin-top:10px;font-size:70px;line-height:70px;font-weight:700;margin-bottom:25px}.not-found-page .container p{margin:0}@media only screen and (max-width: 739px){.not-found-page .container{left:25%}.not-found-page .container h1{font-size:50px;line-height:50px}}.not-found-page .img-hero,.not-found-page .img-polygon{width:45%;position:absolute;bottom:0;pointer-events:none}.not-found-page .img-polygon{top:0;right:0;width:33%}@media only screen and (max-width: 739px){.not-found-page .img-hero,.not-found-page .img-polygon{width:65%}.not-found-page .img-polygon{width:45%}}.coming-soon-page{display:flex;justify-content:center;align-items:center;height:calc(100vh - 120px)}.coming-soon-page h1{margin-top:-100px;font-size:60px}@media only screen and (max-width: 739px){.coming-soon-page h1{font-size:32px}}.bubble-text span{font-weight:700;color:#b3b3fe;transition:all .15s;cursor:pointer;display:inline-block}.bubble-text span.hovered{color:#fbfbfb;transform:skew(-5deg)}.bubble-text span.hovered-adjacent{color:#ccccfa;transform:skew(-3deg)}.header-small{display:flex;align-items:center;justify-content:flex-start;gap:5px}.header-small__line{width:100px;height:1px;background:rgb(184,193,236)}.header-small__text{font-weight:300}@media only screen and (max-width: 739px){.header-small{font-size:12px}.header-small__line{width:70px}}.home-contact{margin-top:50px;padding:50px 12% 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.home-contact__text{margin-right:100px}.home-contact__text p{font-size:22px;line-height:26px;margin:10px 50px 0 0}.home-contact__text p span{color:#eebbc3}.home-contact__text h1{font-size:70px;line-height:78px;margin:20px 0 0}@media only screen and (max-width: 739px){.home-contact__text{margin:0}.home-contact__text p{margin-right:0;font-size:16px}.home-contact__text h1{font-size:36px;line-height:40px}}.home-contact__img{display:flex;justify-content:flex-end}.home-contact__img img{width:80%}@media only screen and (max-width: 739px){.home-contact__img{justify-content:center}}.home-contact--button{display:flex;justify-content:center}.text-cards{width:18rem;height:auto;border-radius:.5rem;padding:1.5rem;color:#000}.text-cards__heading{font-size:20px;font-weight:500;text-decoration:underline;margin-bottom:10px}.text-cards__text{font-size:16px}.home-projects{padding:100px 12% 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:50px}@media only screen and (max-width: 739px){.home-projects{padding-top:20px;gap:10px}}.home-projects__text{position:relative}.home-projects__text p{font-size:26px;line-height:28px;width:60%;margin-bottom:10px;margin-top:10px;font-weight:500}.home-projects__text p span{color:#eebbc3;font-weight:600}.home-projects__text h1{font-size:70px;line-height:75px;margin-top:20px}.home-projects__text h1 span{color:#eebbc3;font-weight:500}@media only screen and (max-width: 739px){.home-projects__text p{font-size:16px;line-height:20px;width:100%}.home-projects__text h1{font-size:34px;line-height:38px}.home-projects__text .arrow{display:none}}.home-projects__text .boxes{position:absolute;right:0;opacity:.5;width:40%}.home-projects__text .arrow{margin-top:10px;margin-left:24rem;float:left;transform:rotate(90deg)}.home-projects__text .arrow img{width:3.5rem;animation:translate-right 2s infinite}@keyframes translate-right{0%,to{transform:translate(7px)}50%{transform:translate(-7px)}}@media only screen and (max-width: 739px){.home-projects__text .arrow{justify-content:center}.home-projects__text .arrow img{width:3rem}}.home-projects__card{display:flex;flex-direction:column;position:relative;align-items:center}.home-projects__card .card-item{cursor:default;box-shadow:0 15px 30px -15px #ffffff4d;transition:all .3s}.home-projects__card .card-item.item-1{z-index:1}.home-projects__card .card-item.item-2{position:relative;left:10rem;top:-30px;z-index:2}.home-projects__card .card-item.item-3{position:relative;top:-60px;z-index:3}.home-projects__card .card-item:hover{transform:scale(1.1);z-index:4}@media only screen and (max-width: 739px){.home-projects__card .card-item{margin:7px 0}.home-projects__card .card-item.item-1,.home-projects__card .card-item.item-2,.home-projects__card .card-item.item-3{top:0;left:0}}.home-projects--list{padding:100px 12% 20px;display:grid;grid-template-columns:1fr 1fr}@media only screen and (max-width: 739px){.home-projects--list{grid-template-columns:1fr}}.home-projects--show-more{display:flex;justify-content:center}.project-card{margin:1rem 2rem;position:relative}.project-card__container{transition:all .15s}@media only screen and (max-width: 739px){.project-card{margin:.5rem}}.project-card a{display:block}.project-card a:hover img{box-shadow:0 15px 30px -15px #ffffff4d}.project-card img{border-radius:1rem;width:100%;pointer-events:none}.home-repo{padding:100px 12% 150px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.home-repo__text{padding-right:50px}.home-repo__text p{font-size:22px;line-height:26px;margin:10px 50px 0 0}.home-repo__text p span{color:#eebbc3}.home-repo__text h1{font-size:70px;line-height:78px;margin:20px 0 0}.home-repo__text .text-small{margin-top:20px}.home-repo__text .text-small p{font-size:10px;line-height:12px;margin:0 0 5px;font-style:italic}@media only screen and (max-width: 739px){.home-repo__text{margin-bottom:50px}.home-repo__text p{margin-right:0;font-size:16px}.home-repo__text h1{font-size:36px;line-height:40px}}.home-repo__link{color:#000}.home-repo__link .repo__container{background:#b8c1ec;box-shadow:0 6px 58px -8px #b8c1ec5c;border-radius:1rem;padding:40px}.home-repo__link .repo__container .title{font-size:22px;font-weight:600}.home-repo__link .repo__container .desc{margin-top:30px}.home-repo__link .repo__container .time span{font-style:italic}.home-repo__link .repo__container .info{display:flex;justify-content:space-around;margin-top:30px;margin-bottom:15px}.home-repo__link .repo__container .info__item{font-size:20px;display:flex;align-items:center}.home-repo__link .repo__container .info__item span{margin-left:10px}.oauth-homepage{min-height:100vh;background-color:#232946;color:#fff;font-family:Poppins,sans-serif;padding-top:100px;width:100vw;max-width:100vw;overflow-x:hidden;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.oauth-homepage .container{width:100%;max-width:none;margin:0;padding:50px 12%;line-height:1.6}.oauth-homepage .header{text-align:center;padding:2rem 0;margin-bottom:3rem}.oauth-homepage .header h1{font-size:3rem;font-weight:800;margin:0 0 1rem;color:#fff;line-height:1.2}@media only screen and (max-width: 739px){.oauth-homepage .header h1{font-size:2rem}}.oauth-homepage .header p{color:#b8c1ec;margin:0;font-size:1.1rem;font-weight:400}.oauth-homepage .main-content section{margin-bottom:3rem;padding:2rem;background:rgba(255,255,255,.05);border-radius:10px;border:1px solid rgba(184,193,236,.2);backdrop-filter:blur(10px)}.oauth-homepage .main-content section h2{color:#fff;font-size:1.8rem;margin-bottom:1.5rem;font-weight:700;position:relative}.oauth-homepage .main-content section h2:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(45deg,#eebbc3,#b8c1ec);border-radius:2px}.oauth-homepage .main-content section h3{color:#b8c1ec;font-size:1.3rem;margin-bottom:1rem;font-weight:600}.oauth-homepage .main-content section p{margin-bottom:1.2rem;color:#e0e0e0;font-weight:400;text-align:justify}.oauth-homepage .main-content section ul{padding-left:1.5rem;margin-bottom:1.5rem}.oauth-homepage .main-content section ul li{margin-bottom:.8rem;color:#e0e0e0;font-weight:400}.oauth-homepage .main-content section ul li strong{color:#b8c1ec;font-weight:600}.oauth-homepage .main-content .nav-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.oauth-homepage .main-content .nav-links a{display:inline-block;padding:1rem 1.5rem;background:rgb(238,187,195);color:#232946;text-decoration:none;border-radius:8px;border:2px solid rgb(238,187,195);transition:all .3s ease;font-size:1rem;font-weight:600;text-align:center;font-family:Poppins,sans-serif}.oauth-homepage .main-content .nav-links a:hover{background:transparent;color:#eebbc3;transform:translateY(-2px);box-shadow:0 8px 25px #eebbc34d}.oauth-homepage .footer{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(184,193,236,.3);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.oauth-homepage .footer p{margin:0;color:#b8c1ec;font-size:.9rem;font-weight:400}.oauth-homepage .footer .footer-links{display:flex;gap:1.5rem}.oauth-homepage .footer .footer-links a{color:#b8c1ec;text-decoration:none;font-size:.9rem;font-weight:400;transition:all .3s ease;padding:.5rem 1rem;border-radius:5px}.oauth-homepage .footer .footer-links a:hover{color:#fff;background:rgba(184,193,236,.1)}@media only screen and (max-width: 739px){.oauth-homepage .container{padding:30px 5%;width:100%}.oauth-homepage .header h1{font-size:2rem}.oauth-homepage .main-content section{padding:1.5rem;margin-bottom:2rem}.oauth-homepage .main-content section h2{font-size:1.5rem}.oauth-homepage .main-content .nav-links{grid-template-columns:1fr}.oauth-homepage .footer{flex-direction:column;text-align:center;gap:1rem}}html,body{padding:0;margin:0;font-family:Poppins,sans-serif;scroll-behavior:smooth;overflow-x:hidden}a{color:inherit;text-decoration:none}*{box-sizing:border-box}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{box-shadow:inset 0 0 4px #f5f5f5;border-radius:10px}::-webkit-scrollbar-thumb{background:#717ebd;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#525f9e}::-moz-selection{color:#232946;background-image:linear-gradient(45deg,#eebbc3,#b8c1ec);background-size:100%;background-repeat:repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}::selection{color:#232946;background:#b8c1ec}.gradient-text{background-color:#b8c1ec;background-image:linear-gradient(45deg,#eebbc3,#b8c1ec);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text::selection{-webkit-text-fill-color:#232946}