*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:grid;font-family:Roboto,sans-serif;justify-items:center}#light{background-color:#ebebeb;color:#000}#dark{background-color:#000;color:#fff}@media screen and (max-width:800px){body{display:block}}::selection{background:#1c25df;color:#fff}.load-in-page{justify-content:center}.error-page,.load-in-page{align-items:center;display:flex;padding:100px 50px 40vh}.error-page{flex-direction:column;gap:20px}.grecaptcha-badge{bottom:100px!important;display:none!important}.App{max-width:800px;width:100vw}@media screen and (max-width:800px){.App{max-width:100%;width:100%}}.loading-page{align-items:center;display:flex;height:100%;justify-content:center;position:fixed;width:100%;z-index:2}.nav-bar>.login-set-nav{align-items:center;display:flex;gap:20px;padding:10px 20px}.nav-bar .top{display:flex;flex-direction:column;position:relative}.nav-bar>.top>.cover{height:200px;max-width:800px;object-fit:cover;width:100vw}.nav-bar>.top>.profile-photo{border:6px solid #ebebeb;border-radius:50%;height:150px;margin:120px 50px;position:absolute;width:150px}#dark .nav-bar>.top>.profile-photo{border-color:#000}.nav-bar>.top>.follow-btn{align-items:center;background:#1c25df;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;outline:none;padding:10px 12px;position:absolute;right:50px;text-decoration:none;top:220px;transition:all .2s ease-in}.nav-bar>.top>.follow-btn:hover{background:#2e38f0}.nav-bar>.middle{padding:50px 50px 10px}.nav-bar>.middle>.username{align-items:center;display:flex;font-size:30px;gap:4px;padding:30px 0}@media screen and (max-width:800px){.nav-bar>.top>.cover{height:200px;max-width:100%;object-fit:cover;width:100%}}.nav-bar>.middle>.info>.links{align-items:center;color:#3a3a3a;display:flex;font-size:15px;gap:30px;justify-content:left;padding:30px 0}#dark .nav-bar>.middle>.info>.links{color:#d1d1d1}.nav-bar>.middle>.info>.links p{align-items:center;display:flex;font-size:18px;font-weight:600;gap:4px}.nav-bar>.middle>.info>.links svg{height:16px;width:16px}.nav-bar>.middle>.info>.links a{color:#1c25df;font-weight:600}.nav-bar>.bottom{display:flex;gap:20px;justify-content:space-between;padding:0 50px}.nav-bar>.bottom a{border-bottom:3px solid;border-radius:6px 6px 0 0;color:#000;font-weight:600;padding:12px;text-decoration:none}.nav-bar>.bottom a:hover{background-color:#7d7d7d2e}#dark .nav-bar>.bottom a:hover{background-color:#3d3d3d5e}@media screen and (max-width:580px){.nav-bar>.top>.cover{height:140px}.nav-bar>.top>.profile-photo{border:4px solid #ebebeb;height:120px;margin:80px 20px;width:120px}.nav-bar>.middle>.username{font-size:24px;padding:30px 0 10px}.nav-bar>.middle>.info>.description{font-size:15px}.nav-bar>.top>.follow-btn{font-size:14px;padding:8px 12px;right:20px;top:160px}.nav-bar>.top>.follow-btn svg{height:14px;width:14px}.nav-bar>.middle>.username svg{height:24px;width:24px}.nav-bar>.middle{padding:50px 20px 0}.nav-bar>.middle>.info>.links p{font-size:14px}.nav-bar>.middle>.info>.links svg{height:14px;width:14px}.nav-bar>.bottom{display:flex;gap:20px;justify-content:space-between;padding:0 20px}.nav-bar>.bottom a{cursor:default;font-size:14px;outline:none}#dark .nav-bar>.bottom a:hover,.nav-bar>.bottom a:hover{background:none}}.theme-toggle{align-items:center;background:#000;border-radius:50%;cursor:pointer;display:flex;justify-content:center;outline:none;padding:8px}.theme-toggle>svg{color:#fff}#dark .theme-toggle{background:#5c5c5c}@media screen and (max-width:580px){.theme-toggle{cursor:default}.theme-toggle>svg{height:18px;width:18px}}.login-with-google-btn{align-items:center;border:none;border-radius:3px;box-shadow:0 -1px 0 #0000000a,0 1px 1px #00000040;color:#757575;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:600;gap:20px;padding:12px}#dark .login-with-google-btn{background:#505050;color:#fff}@media screen and (max-width:580px){.login-with-google-btn{font-size:12px;gap:10px;padding:8px}}.alert{font-size:14px}.feed{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center;padding:30px 50px}.feed>.post{height:400px;width:100%}.feed>.post>.poster{align-items:center;display:flex;gap:10px}.feed>.post>.poster img{border-radius:50%;height:40px;width:40px}.feed>.post>.poster>.text{align-items:center;display:flex;gap:4px}.feed>.post>.poster>.text>.username{font-size:20px;font-weight:600}.feed>.post>.poster>.text>.date{align-items:center;color:#525252;display:flex;font-size:13px}#dark .feed>.post>.poster>.text>.date{color:#afafaf}.feed>.post>.post-val{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.feed>.post>.post-val>.status{display:flex;flex-direction:column;gap:10px;padding:10px 0 0;text-align:left;width:100%}.feed>.post>.post-val>.status>.title{background:#1c26df2a;border-radius:50px;font-size:12px;font-weight:600;padding:8px;width:-webkit-max-content;width:max-content}#dark .feed>.post>.post-val>.status>.title{background:#636af242}.feed>.post>.post-val img{border-radius:10px;height:250px;object-fit:cover;width:100%}@media screen and (max-width:580px){.feed{padding:30px 20px}.feed>.post>.poster>.text>.username{font-size:17px}.feed>.post>.post-val>.status p{font-size:14px}.feed>.post{height:400px;width:100%}.feed>.post>.poster>.text>.date{font-size:12px}}.projects{gap:20px;padding:50px}.projects,.projects>.box{display:flex;flex-direction:column}.projects>.box{background:#1c26df13;border-radius:8px;gap:15px;padding:20px}#dark .projects>.box{background:#636af237}.projects>.box>.top{align-items:center;display:flex;gap:4px}.projects>.box>.top h1{font-size:20px}.projects>.box>.top p{color:#525252;font-size:12px}#dark .projects>.box>.top p{color:#afafaf}.projects>.box>.topic{align-items:center;display:flex;gap:10px}.projects>.box>.topic p{background-color:#1c26df;border-radius:50px;color:#fff;font-size:12px;padding:4px 8px}.projects>.box>.description{font-size:17px}.projects>.box>.links{display:flex;gap:30px}.projects>.box>.links a,.projects>.box>.links button{align-items:center;display:flex;font-size:15px;gap:4px}.projects>.box>.links a{color:#1c26df;text-decoration:none}.projects>.box>.links a:hover,.projects>.box>.links button:hover{color:#090c55}#dark .projects>.box>.links a:hover,#dark .projects>.box>.links button:hover{color:#9ca1fd}.projects>.box>.links button{background:none;border:none;color:#1c26df;cursor:pointer;outline:none}#dark .projects>.box>.links a,#dark .projects>.box>.links button{color:#545cfd}@media screen and (max-width:580px){.projects{padding:20px}.projects>.box>.top h1{font-size:18px}.projects>.box>.top p{font-size:11px}.projects>.box>.links a,.projects>.box>.links button{font-size:13px}.projects>.box>.description{font-size:15px}}.contact{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;width:100%}.contact>p{align-items:center;padding:20px}.contact form{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.contact form input,.contact form textarea{background-color:#d6d4d4;border:none;border-radius:8px;color:#000;font-size:15px;font-weight:600;outline:none;padding:20px;width:80%}.contact form textarea{height:300px;resize:none}#dark .contact form input,#dark .contact form textarea{background-color:#323232;color:#fff}.contact form button{align-items:center;background:#1c25df;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;outline:none;padding:10px 12px;transition:all .2s ease-in}.contact form button:hover{background:#2e38f0}.contact>.disabled-contact{align-items:center;display:flex;flex-direction:column;height:353px;justify-content:center;padding:50px}.contact>.disabled-contact>.top{align-items:center;display:flex;gap:10px;justify-content:center}.contact>.disabled-contact>.top>.answer{font-size:20px}.contact>.sending{height:353px;padding:50px}.contact>.map,.contact>.sending{align-items:center;display:flex;justify-content:center}.contact>.map{flex-direction:column}.footer{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:10px 50px}.footer>.copyright{color:#555;font-size:16px;gap:4px}.footer>.copyright,.footer>.social{align-items:center;display:flex;justify-content:center}.footer>.social{gap:10px}.footer>.social a{align-items:center;border-radius:8px;color:#000;display:flex;justify-content:center;padding:8px}.footer>.social a:hover{background:#4747473b}.footer>.social svg{height:25px;width:25px}#dark .footer>.social a{color:#fff}#dark .footer>.social a:hover{background:#bebebe3b}.line{background:#5555557b;height:2px;width:100%}@media screen and (max-width:580px){.footer{padding:10px 20px}.footer>.copyright{font-size:12px}.footer>.social{gap:4px}.footer>.social a{padding:4px}.footer>.social svg{height:18px;width:18px}}.no-page{align-items:center;display:flex;flex-direction:column;height:60vh;justify-content:center}.no-page svg{height:100px;width:100px}.no-page h1{font-size:100px}.about{gap:10px;padding:50px;position:relative}.about,.about>.text{align-items:center;display:flex;flex-direction:column;justify-content:center}.about>.text{background-size:cover;background:#1c26df13;border-radius:8px;color:#000;height:200px;width:100%}#dark .about>.text{background:#636af237}.about>.text>.desc{align-items:center;display:flex;flex-direction:column;font-size:20px;font-weight:600;height:100%;justify-content:center;padding:50px}#dark .about>.text>.desc{color:#fff}.about>.tech{flex-wrap:wrap;justify-content:space-around;padding:20px 0;width:100%}.about>.tech,.about>.tech>.res{align-items:center;display:flex;gap:10px}.about>.tech>.res{background:#1c26df13;border-radius:8px;flex-direction:column;height:100%;justify-content:center;padding:10px;width:100px}.about>.tech>.res>.lang{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.about>.tech>.res>.lang>svg{height:25px;width:25px}.about>.tech>.res p{color:#343434;font-size:15px}#dark .about>.tech>.res p{color:#c8c8c8}#dark .about>.tech>.res{background:#636af237}@media screen and (max-width:580px){.about{padding:50px 20px}.about>.text>.desc{font-size:16px}}.blogs-page{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:50px}.blogs-page>.search-blogs{background-color:#cbcbcb;border:none;border-radius:8px;color:#000;font-size:16px;outline:none;padding:15px 10px;width:100%}#dark .blogs-page>.search-blogs{background-color:#2d2d2d;color:#fff}.blogs-page>.blog-box{align-items:center;background:#1c26df13;border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:20px;position:relative;text-decoration:none;width:100%}.blogs-page>.blog-box>.left{display:flex;flex-direction:column;gap:20px}.blogs-page>.blog-box>.left>.new{align-items:center;color:red;display:flex;font-size:20px;gap:4px}.blogs-page>.blog-box>.left>.title{color:#000;font-size:18px;font-weight:600}#dark .blogs-page>.blog-box>.left>.title{color:#fff}.blogs-page>.blog-box>.left>.description{color:#646464;font-size:15px}#dark .blogs-page>.blog-box>.left>.description{color:#acacac}.blogs-page>.blog-box>img{border-radius:8px;height:200px;object-fit:cover;width:50%}#dark .blogs-page>.blog-box{background:#636af237}@media screen and (max-width:580px){.blogs-page{padding:50px 20px}.blogs-page>.blog-box{width:auto}.blogs-page>.blog-box>.left>.new{font-size:14px}}.top-blogs-view{align-items:center;display:flex;gap:10px;padding:50px 0}.top-blogs-view>a{align-items:center;background-color:#1c25df;border-radius:50px;color:#fff;display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;gap:4px;justify-content:center;outline:none;padding:6px 10px 6px 8px;text-decoration:none;transition:all .2s ease-in}.top-blogs-view>a:hover{background-color:#2e38f0}.blog-view{display:flex;flex-direction:column;justify-content:center;padding:20px 50px}.blog-view h1,.blog-view h2{color:#242fff;padding:20px 0;text-transform:capitalize}.blog-view h3{color:#1c25df;padding:10px 0}#dark .blog-view h3{color:#5f67fd}.blog-view h4{color:#5257bd;padding:10px 0}#dark .blog-view h4{color:#9ea3ff}.blog-view a{color:#3942ed;text-decoration:none}.blog-view>.top{align-items:center;display:flex;gap:10px;justify-content:space-between}.blog-view>.top>a{align-items:center;background-color:#1c25df;border-radius:50px;color:#fff;display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;gap:4px;justify-content:center;outline:none;padding:6px 10px 6px 8px;transition:all .2s ease-in}.blog-view>.top>a:hover{background-color:#2e38f0}.blog-view>.top>.info{padding:10px}.blog-view>.top>.info>h1{color:#000;font-size:20px;padding:0}#dark .blog-view>.top>.info>h1{color:#fff}.blog-view>.top>.info>p{color:#8e8e8e;font-size:15px}@media screen and (max-width:580px){.blog-view{padding:20px}.blog-view>.top>.info>h1{font-size:18px}.blog-view>.top>.info>p{font-size:13px}.blog-view h3{font-size:18px}}.blog-view>.blog-not-found{align-items:center;display:flex;flex-direction:column;font-size:30px;gap:20px;justify-content:center;padding:50px}.creator-page{width:80vw}@media screen and (max-width:800px){.creator-page{width:100%}}.creator-page-links{flex-wrap:wrap;gap:20px;padding:100px 20px}.creator-page-links,.creator-page-links>a{align-items:center;display:flex;justify-content:center}.creator-page-links>a{background:#d9d9d9;border-radius:8px;color:#000;flex-direction:column;font-weight:600;gap:10px;height:150px;padding:20px;text-decoration:none;width:150px}.creator-page-links>a>svg{color:#1c25df;height:30px;width:30px}.creator-page-nav{background-color:#000;font-size:20px;justify-content:space-between;padding:30px}.creator-page-nav,.creator-page-nav button{align-items:center;color:#fff;display:flex;font-weight:600}.creator-page-nav button{background:#1c25df;border:none;border-radius:8px;cursor:pointer;font-size:16px;gap:10px;outline:none;padding:10px 8px;transition:all .2s ease-in}.creator-page-nav button:hover{background:#2e38f0}.create-post,.create-post>.input-gp{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px}.create-post>.input-gp{gap:10px;width:100%}.create-post>.input-gp input,.create-post>.input-gp textarea{background-color:#eaeaea;border:none;border-radius:8px;color:#000;font-size:17px;font-weight:600;outline:none;padding:19px 20px;width:100%}#dark .create-post>.input-gp input,#dark .create-post>.input-gp textarea{background-color:#323232;color:#fff}.create-post>.input-gp textarea{height:500px;resize:none}.create-post>.input-gp>button{align-items:center;background-color:#1c25df;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:10px;outline:none;padding:10px 8px;transition:all .2s ease-in}.create-post>.input-gp>button:hover{background-color:#2e38f0}