@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;600&display=swap);:root{--tech-used-to-socials-area:50px;--main-page-top-margin:120px}body{background-color:#fff;font-family:League Spartan,sans-serif;margin:0}.App{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow:hidden;position:relative}.decoration-vector{content:url(/static/media/Verctor_1.de43150803fc528e390c.svg);left:-200px;position:fixed;top:-250px;width:58em;z-index:-1}@media(max-width:500px){.decoration-vector{top:-100px;width:40em}}.decoration-vector:nth-child(2){bottom:-220px;left:auto;position:fixed;right:-500px;top:auto;-webkit-transform:rotate(280deg);transform:rotate(280deg);width:70%}@media(min-width:1441px){.decoration-vector:nth-child(2){bottom:-400px;right:-600px}}@media (max-width:900px){.decoration-vector:nth-child(2){display:none}}.logo{border-radius:50%;margin-right:50px;text-align:center}.logo>img{height:65px;width:65px}@media (max-width:900px){.logo{margin-right:0}}form.login{align-items:center;background-color:#fff;border-radius:20px;box-shadow:5px 5px 10px 1px #eee;display:flex;flex-direction:column;justify-content:space-between;margin:100px;padding:50px 20px}@media (max-width:600px){form.login{margin:80px 20px;padding:30px 20px}}div.logout{align-items:center;background-color:#fff;border-radius:20px;box-shadow:5px 5px 10px 1px #eee;display:flex;flex-direction:column;justify-content:space-between;margin:100px;padding:50px 20px}div.logout>*{padding:20px;text-decoration:none}@media (max-width:458px){div.logout{margin:40px 20px}div.logout>*{padding:25px 10px}}.filter-menu{overflow-Y:scroll;overflow-X:hidden;position:fixed;transition:all .15s ease-out;width:240px;z-index:5}.sort-switcher{display:none}.filter-menu::-webkit-scrollbar{background-color:#f2eed0;width:2px}.filter-menu::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.1)}.filter-menu::-webkit-scrollbar-thumb{background:#dbc111;border-radius:10px}.filter-menu::-webkit-scrollbar-thumb:hover{background:#afa14a}@media(max-width:900px){.filter-menu{background-color:#f9f9f9;box-shadow:10px 10px 10px hsla(0,0%,100%,.1);height:85%;left:0;padding-bottom:20px;padding-left:10px;top:88px;width:300px}.filter-menu>*{font-size:12px!important}}button.project-card-tech-button{border-radius:3px;font-size:9px;letter-spacing:.1px;margin:2px;text-transform:none}.card__container{min-height:450px;width:300px}.card__content{height:100%;width:100%}.card__content:hover{border:2px solid #dbc111;-webkit-transform:scale(1.02);transform:scale(1.02)}.loading__container{display:flex;height:500px;justify-content:center;min-height:100vh;width:100%}.loading__container svg{position:fixed;top:50%}.projectWrapper{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,30px);justify-content:center;margin-left:240px}.pagination{flex-basis:100%;margin:0 auto}.paginationHolder{margin:100px auto 0;min-width:40%}.MuiPagination-ul{justify-content:center}@media (min-width:1700px){.projectWrapper{gap:clamp(15px,3vw,35px);max-width:1500px}}@media (max-width:900px){.projectWrapper{margin-left:0}}.wrapper{box-sizing:border-box;display:flex;min-height:100vh;min-width:100%;padding:1rem 2rem}.footer__container{background-color:#2b2b2b;box-sizing:border-box;color:#fff;font-size:18px;font-weight:400;line-height:.8;margin-top:2.5rem;min-height:550px;padding:3rem 2rem;width:100%;z-index:10}.info__container{flex-direction:column!important;justify-content:space-between}.logo__container{align-items:center;display:flex;justify-content:flex-start}.logo-img{height:auto;margin-right:.5rem;max-height:70px;max-width:280px;width:100%}.logo-title{color:#fff;font-size:1.9rem;font-weight:800;line-height:.3}.motto__container{color:#0366d4;font-size:1.7rem;font-weight:600;line-height:1}.copyrights__container{color:#717171;font-size:.9rem}.--from-900{display:block}.--to-900{display:none}@media (max-width:899px){.--from-900{display:none}.--to-900{display:block}}.section_title,.technology__container{margin-bottom:30px}.section_title{color:#7d7d7d;font-size:1.25rem;font-weight:600;margin-top:0}.links_container{display:flex;flex-direction:column;height:40px;justify-content:space-between;margin-bottom:30px}.link{text-decoration:none!important}.comments{align-items:center;display:flex;flex-direction:column;gap:2vw;padding-top:20px;width:100%}section.existing-comments>*{margin:15px 20px}.comment-author-details{color:#dbc112;display:flex;justify-content:center;justify-content:space-between;padding:15px}.comment-text{border-radius:5px;padding:10px 15px}.loggedInAuthorOfComment{text-align:right}.loginLink{color:#dbc112;transition:.3s}.loginLink:hover{color:#000}.project-details{border-bottom:.1px solid #fff;display:flex;flex-direction:column;margin:0 auto;min-height:calc(100vh - 90px);padding:1rem 0;width:80%}.details__container{display:flex;gap:clamp(10px,3vw,80px);justify-content:center;margin-top:40px}.details-wrapper{display:flex;flex-direction:column;justify-content:center;max-width:500px;position:relative}.details-wrapper>*{font-family:League Spartan,sans-serif!important;padding:10px 5px}.details-wrapper>.project__code-link,.details-wrapper>.project__live-link{display:flex;font-size:15px;gap:5px;padding:0 5px}.badges-wrapper{display:flex;gap:15px;margin-top:20px}.tech-used{align-items:center;display:flex;flex-wrap:wrap;font-family:League Spartan,sans-serif!important;gap:5px;justify-content:flex-start}.image-wrapper{border-radius:10px;height:400px;max-width:650px;text-align:center}.image-wrapper>img{border-radius:10px;box-shadow:2px 2px 10px #969696;height:clamp(25%,50vw,80%);object-fit:scale-down}.description{font-size:1.25rem;padding:30px 5px;text-align:left}.description>h1{margin-bottom:0}@media screen and (max-width:1350px){.details__container{margin-top:20px}.project-details{width:90%}.image-wrapper{height:300px}.tech-used{flex-wrap:wrap}}@media screen and (max-width:900px){.project-details{align-items:center}.details__container{align-items:center;flex-direction:column-reverse}.project__title{font-size:2.5rem!important;text-align:center}.badges-wrapper{margin:0}.image-wrapper{display:flex;margin:0 auto;width:90%}.image-wrapper>img{height:clamp(25%,40vw,90%);left:50%;position:relative;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@media screen and (max-width:767px){.project-details{width:95%}.details__container{justify-content:flex-end}.image-wrapper{margin:0 auto}}@media screen and (max-width:550px){.image-wrapper{margin:0 auto;max-height:300px}}@media (min-width:1000px){.description{margin:0 auto;width:80%}}@media (min-width:1900px){.description{margin:0 auto;width:70%}}.how-it-works__container{display:flex!important;gap:3%;max-width:1300px!important;min-height:calc(100vh - 90px);min-height:100vh;padding-top:50px}.how-it-works__buttons{border-bottom:2px solid #e0e0e0;border-top:2px solid #e0e0e0;display:flex;flex-direction:column;gap:3px;height:300px;justify-content:center;margin:150px auto 0;width:22%}.how-it-works__button{color:#000!important;font-size:20px!important}.active{color:#dbc111!important;font-size:20px!important}.how-it-works__content{min-height:100vh;width:75%}.how-it-works{align-items:center;display:flex;flex-direction:column;margin:auto;max-width:1440px;text-align:center;width:100%}.how-it-works>p{font-size:1.3rem;line-height:1.5}.titlebar{text-align:center;width:100%}.titlebar>h1{display:inline-block;font-size:2.5rem;position:relative}.titlebar>h1:before{background:#dbc110;content:"";display:block;height:40px;left:50%;position:absolute;top:100%;-webkit-transform:translate(-50%);transform:translate(-50%);width:3px;z-index:-1}.grid__container{background-color:#fff;border-radius:10px;box-shadow:3px 3px 10px 0 rgba(0,0,0,.1);display:flex;flex-direction:column!important;justify-content:space-between;line-height:normal;margin:2rem 0!important;max-height:270px;min-width:270px;padding:1rem;text-align:left;transition:all .5s ease}.grid__container:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .5s ease}.grid__img{height:50px;width:50px}.grid__text{font-size:1.1rem}.content{display:flex}.content__logo,.content__text{width:50%}.content__text{align-items:center;display:flex;font-size:1.3rem;justify-content:center}.logo__link{height:150px;transition:all .5s ease;width:150px}.keywords{display:flex;justify-content:space-between}.keyword{background-color:#dbc110;border-radius:3px;box-shadow:3px 3px 5px 2px rgba(0,0,0,.2);font-size:.7rem;font-weight:600;padding:5px}.technology-img,.technology-img:hover{transition:all .3s ease}.technology-img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.demo-project{background-color:#fff;border-radius:10px;box-shadow:3px 3px 10px 0 rgba(0,0,0,.1);display:flex;flex-wrap:wrap;font-size:14px;justify-content:space-between;line-height:1.5;margin:0 auto;width:90%}.info__container{align-items:flex-start;display:flex;justify-content:flex-start;padding:15px;text-align:left;width:45%}.info__container>h1,h2,h3{margin:0}h3:hover{text-decoration:underline}.img__container{font-size:0;line-height:0;width:50%}.img-demo{border-radius:10px;height:100%;width:100%}.joinUs{margin-top:15%}.demo-project__desc{font-size:16px;margin-top:30px}@media screen and (max-width:1023px){.how-it-works__container{flex-direction:column}.how-it-works__buttons{flex-direction:row;height:auto;justify-content:center;margin:0;width:100%}.how-it-works__content{height:auto;width:100%}.joinUs{margin:0}.demo-project{flex-direction:column;flex-direction:column-reverse;max-width:500px;width:100%}.info__container{margin:0 auto;width:90%}.img__container{height:300px;width:100%}.img-demo{border-radius:10px 10px 0 0}.demo-project__desc{display:none}}@media screen and (max-width:750px){.how-it-works__buttons{align-items:center;flex-direction:column;margin-top:20px}.content{flex-direction:column}.content__logo,.content__text{width:100%}}.scrollButton{align-items:center;background-color:#dbc111;border-radius:50%;bottom:-50px;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:50%;overflow:hidden;position:fixed;right:50px;transition:.3s;width:50px;z-index:9999}.scrollButton.visible{bottom:50px}.scrollButton:hover{opacity:100%}.scrollButton svg{color:#fff;font-size:35px}.scrollButton:hover>svg{-webkit-animation:scrollMove 1s infinite;animation:scrollMove 1s infinite}@-webkit-keyframes scrollMove{0%{display:block;-webkit-transform:translateY(0);transform:translateY(0)}49%{display:block;-webkit-transform:translateY(-30px);transform:translateY(-30px)}50%{display:none;-webkit-transform:translateY(30px);transform:translateY(30px)}51%{display:block;-webkit-transform:translateY(30px);transform:translateY(30px)}to{display:block;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes scrollMove{0%{display:block;-webkit-transform:translateY(0);transform:translateY(0)}49%{display:block;-webkit-transform:translateY(-30px);transform:translateY(-30px)}50%{display:none;-webkit-transform:translateY(30px);transform:translateY(30px)}51%{display:block;-webkit-transform:translateY(30px);transform:translateY(30px)}to{display:block;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:700px){.scrollButton{height:40px;right:25px;width:40px}.scrollButton svg{font-size:25px}.scrollButton.visible{bottom:25px}}.cookieBanner{align-items:center;-webkit-animation:showUp 1s ease-in-out 1s forwards;animation:showUp 1s ease-in-out 1s forwards;background-color:#f7f2d5;border-radius:15px;bottom:30px;display:flex;flex-direction:row;padding:5px 25px;position:fixed;-webkit-transform:translateY(150%);transform:translateY(150%);transition:1s;width:60vw;z-index:999999}.cookieBanner .cookieBanner__text{line-height:1.05;padding:5px 15px}@-webkit-keyframes showUp{0%{-webkit-transform:translateY(150%);transform:translateY(150%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes showUp{0%{-webkit-transform:translateY(150%);transform:translateY(150%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.6357b202.css.map*/