body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6fff8;font-family:Poppins,sans-serif;margin:0;padding:0}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}A{outline:none}#profile{margin:0 auto;max-width:1132px}section .title{color:#023e8a;font-size:32px;margin-left:10px}#home_rom{background-color:#f6fff8;height:100vh;left:0;position:fixed;top:0;width:100%}#profile .head{background-color:#e2eafc;box-shadow:0 0 40px #e2eafc4d;padding:0 30px}#profile .head,#profile .head content{display:flex;flex-direction:row;justify-content:space-between}#profile .head content{box-sizing:border-box;height:142px;padding-top:28px;width:460px}#profile .head content a{box-sizing:border-box;color:#023c88cc;font-size:24px;font-weight:700;height:86px;padding-top:27px;text-align:center;text-decoration:none;width:50%}#profile .head content :last-child{background-color:#b6ccfecc;border-radius:30px;color:#023e8a}#profile .head .fullname{box-sizing:border-box;color:#023c88;font-size:28px;font-weight:700;height:86px;padding-left:60px;padding-top:50px;text-align:left;text-decoration:none;width:50%}#profile #home_rom{height:100vh;overflow-y:scroll;scrollbar-width:none;z-index:2}#profile #home_rom .home{height:50vh;padding:50px}.head-hidden{opacity:0;transform:translateY(-100%);transition:opacity 1s ease,transform 1s ease}.head-visible{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.projects{height:200vh}.bg_500,.space_500{height:600px}.bg_500{background-color:rgba(226,234,252,.712);box-shadow:0 0 10px #e2eafc;left:0;position:absolute;width:100%;z-index:-1}#home_rom .home{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto;position:relative}#profile #home_rom .home .avatar{border-radius:150px;grid-column:2;grid-row:1;height:300px;margin:auto 0;overflow:hidden;width:300px}#profile #home_rom .home .about{background-color:#f6fff8;color:#023e8a;display:flex;flex-direction:column;font-size:16px;grid-column:1;grid-row:1;height:100vh - 100px;text-align:center;width:100%}#profile #home_rom .home .about .fullname{font-size:20px}#profile #home_rom .home .about span{font-weight:700}#profile #home_rom .home .avatar img{max-height:100%;max-width:100%;object-fit:cover}#profile #home_rom .home .about .experience{font-size:22px;font-weight:100}#profile #home_rom .home .connections{color:#023e8a;display:flex;flex-direction:column;font-size:20px;grid-column:3;grid-row:1;justify-content:center;max-height:300px;text-align:center}#profile #home_rom .home>.connections .all_connections{grid-gap:10px;display:grid;gap:10px;grid-row:repeat(auto-fill,1fr);grid-template-columns:1fr;justify-content:center;overflow-x:hidden;overflow-y:scroll;position:relative;scrollbar-width:none}#profile #home_rom .home>.connections .all_connections>*{width:100%}#profile #home_rom .home .connection_button{background-color:#e2eafc33;border-radius:20px;box-sizing:border-box;color:#36ade1;display:block;font-size:20px;font-weight:700;height:82px;max-height:82px;padding:26px 10px 10px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}#profile #home_rom .home .connection_button:hover{background-color:#e2eafc;color:#023e8a}#profile #home_rom .home .connections{box-sizing:border-box;padding:0 30px}#profile #home_rom .home .connection_button img{height:60px;left:10px;position:absolute;top:10px;width:60px}#profile #home_rom .home .connection_button span{color:#48536d;font-size:12px;font-weight:700;position:absolute;right:10px;top:10px}#profile #home_rom .home>.job_name{background-color:#e2eafc4d;border-radius:50px;box-shadow:0 0 40px #e2eafc4d;color:#023e8a;font-size:32px;font-weight:800;grid-column:1/4;grid-row:2;height:200px;padding:30px;text-align:center}#profile #home_rom .home>.job_name>h1>img{height:50px}#profile #home_rom .home .job_name:last-child{background-color:#e2eafc33}#profile .skills{margin:10px;position:relative;z-index:0}#profile .skills .all_skills{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;overflow-y:scroll;position:relative;scrollbar-width:none}#profile .skills .all_skills .skill{align-items:center;background-color:#c9d8fd;border-radius:20px;color:#36ade1;display:flex;flex-direction:column;font-size:16px;font-weight:700;height:112px;justify-content:center;overflow:hidden;padding:10px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}#profile .skills .all_skills .skill h1{color:#023c88;position:absolute;transition:all .3s ease}#profile .skills .all_skills .skill:hover .bio_h1{transform:translateY(-34px)}#profile .skills .all_skills .skill .bio{color:#334255;color:#36aee100;font-weight:200;height:-webkit-fill-available;height:fill;padding:10px;position:absolute;top:10px;transition:all .3s ease;width:-webkit-fill-available;width:fill}#profile .skills .all_skills .skill:hover .bio{background-color:#186688b6;color:#fff;top:54px}#profile .skills .all_skills .skill .grade{font-size:18px;font-weight:100;min-width:100px;position:absolute;right:18px;top:8px}#profile .skills .all_skills .skill:hover{background-color:#e2eafc}.grade_Expert{color:#00cf0a}.grade_Advanced{color:#f90}.grade_Intermediate{color:#001aff}.grade_Fundamental{color:#a600ff}#profile .all_projects{grid-gap:20px;color:#023e8a;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}#profile .projects{height:auto;margin:10px}#profile .all_projects>.project>p{color:#023d8ab3;margin:0}#profile .all_projects>.project>h1{margin:0;text-align:center}#profile .all_projects>.project{background-color:#e2eafc;border-radius:10px;padding:20px;position:relative}#profile .all_projects .project_button{background-color:#6896ff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Poppins;font-size:20px;font-weight:900;margin:2px auto;padding:10px 16px;transition:.2s}#profile .all_projects .project_button:active{transform:scale(.95);transition:.2s}#profile .all_projects .project_button:hover{background-color:#2466ff}@media screen and (max-width:800px){#profile .all_projects{grid-template-columns:1fr 1fr}}@media screen and (max-width:500px){#profile .all_projects,#profile .skills .all_skills{grid-template-columns:1fr}#profile .skills .all_skills .skill{background-color:initial;display:flex;flex-direction:column}#profile .skills .all_skills .skill .grade_h1{margin:0 20px;position:relative;text-align:left;width:-webkit-fill-available;width:fill}#profile .skills .all_skills .skill .grade{display:block;margin:0 10px;position:relative;text-align:left;width:-webkit-fill-available;width:fill}#profile .skills .all_skills .skill .bio_h1{margin:0 20px;position:relative;text-align:left;width:-webkit-fill-available;width:fill}}#about_project_popup{align-items:center;background-color:#f6fff8;display:block;height:-webkit-fill-available;height:fill;justify-content:center;left:0;position:fixed;top:0;transition:.5s;width:-webkit-fill-available;width:fill;z-index:3}.about_project_popup_is_active{opacity:1;transform:scale(1)}.about_project_popup_is_not_active{opacity:0;transform:scale(1.25);transition:.5s}#about_project_popup>.iframe{background-color:#fff;border:0;border-radius:20px;box-shadow:0 0 40px #e2eafc4d;height:80%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.5s;width:80%}#about_project_popup button{background-color:#2466ff;border:none;border-radius:2dvh;color:#fff;cursor:pointer;font-family:Poppins;font-size:20px;font-weight:900;height:7%;left:4%;position:absolute;top:2%;transition:.2s;width:20%}#about_project_popup button:hover{background-color:#6896ff;color:#fff}#about_project_popup button:active{transform:scale(.95);transition:.2s}#profile .projects>.all_projects .be_startup{color:#2466ffb4;position:absolute;right:9px;top:4px;z-index:1}#about_problem_popup{align-items:center;background-color:#f6fff8;display:block;height:-webkit-fill-available;height:fill;height:auto;justify-content:center;left:0;position:fixed;top:0;transition:.5s;width:-webkit-fill-available;width:fill;z-index:3}.about_problem_popup_is_active{opacity:1;transform:scale(1)}.about_problem_popup_is_not_active{opacity:0;transform:scale(1.25)}#about_problem_popup>.iframe{grid-gap:10px;background-color:#fff;border:0;border-radius:20px;box-shadow:0 0 40px #e2eafc4d;display:grid;gap:10px;grid-template-columns:1fr 1fr;height:80%;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.5s;width:80%}#about_problem_popup>.iframe iframe{border:none;height:100%;width:100%}#about_problem_popup>button{background-color:#2466ff;border:none;border-radius:2dvh;color:#fff;cursor:pointer;font-family:Poppins;font-size:20px;font-weight:900;height:7%;left:4%;position:absolute;top:2%;transition:.2s;width:20%}#about_problem_popup>button:hover{background-color:#6896ff;color:#fff}#about_problem_popup>button:active{transform:scale(.95);transition:.2s}#profile .problems{box-sizing:border-box;overflow:auto;padding:10px}#profile .problems>.all_problems .be_startup{color:#2466ffb4;position:absolute;right:9px;top:4px;z-index:1}#profile .problems>.all_problems .problem{background-color:#e2eafc;border:0;border-radius:25px;float:left;font-size:20px;font-weight:600;height:50px;margin-bottom:10px;margin-left:10px;overflow:hidden;padding:0 20px;position:relative;transition:.3s}#profile .problems>.all_problems .problem:hover{background-color:#3e78ff;color:#0000}#profile .problems>.all_problems .problem:active{background-color:#7da4ff;transform:scale(.95);transition:.2s}#profile .problems>.all_problems .problem span{align-items:center;color:#0000;cursor:pointer;height:auto;left:0;padding:100px 0;position:absolute;top:50%;transform:translateY(-50px);transition:.5s;width:100%;z-index:3}#profile .problems>.all_problems .problem span:hover{color:#fff;transform:translateY(-50%)}#code_block{box-sizing:border-box;height:-webkit-fill-available;height:fill;overflow-x:hidden;overflow-y:scroll;padding:10px;width:-webkit-fill-available;width:fill}#code_block .language_name{color:#2f3558;font-family:Poppins;font-size:20px;font-weight:900;margin:10px}#code_block button{background-color:#023e8a;border:0;border-radius:5px;color:#fff;cursor:pointer;font-family:Poppins;font-weight:900;padding:5px;position:absolute;right:34px;width:100px}#code_block .container{height:40px}@media screen and (max-width:900px){#about_problem_popup>.iframe{grid-template-columns:repeat(1,1fr);grid-template-rows:1fr 1fr;transform-origin:0 0;width:90%}}#connections{background-color:#e2ebff;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;height:50vh;left:0;margin-top:100px;padding:20px 60px 60px;position:absolute;width:100%}#connections .all_connections{grid-gap:10px;display:grid;gap:10px;grid-row:repeat(auto-fill,1fr);grid-template-columns:1fr;justify-content:center;overflow-x:hidden;overflow-y:scroll;position:relative;scrollbar-width:none}#connections .all_connections>*{width:100%}#connections .connection_button{background-color:#96b5ff4d;border-radius:20px;box-sizing:border-box;color:#36ade1;display:block;font-size:20px;font-weight:700;height:82px;max-height:82px;padding:26px 10px 10px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}#connections .connection_button:hover{background-color:#96b5ffb3;color:#023e8a}#connections .connections{box-sizing:border-box;padding:0 30px}#connections .connection_button img{height:60px;left:10px;position:absolute;top:10px;width:60px}#connections .connection_button span{color:#48536d;font-size:12px;font-weight:700;position:absolute;right:10px;top:10px}#connections .title{margin:0;padding:0;text-align:center}@media screen and (max-width:700px){A{outline:none}#profile{margin:0 auto;max-width:566px}#home_rom{background-color:#f6fff8;height:50vh;left:0;position:fixed;top:0;width:100%}#profile .head{background-color:#e2eafc;box-shadow:0 0 20px #e2eafc;padding:0 15px}#profile .head,#profile .head content{display:flex;flex-direction:row;justify-content:space-between}#profile .head content{box-sizing:border-box;height:71px;padding-top:14px;width:230px}#profile .head content>a{box-sizing:border-box;color:#023c88cc;font-size:12px;font-weight:700;height:43px;padding-top:13px;text-align:center;text-decoration:none;width:50%}#profile .head content :last-child{background-color:#b6ccfecc;border-radius:15px;color:#023e8a}#profile .head .fullname{box-sizing:border-box;color:#023c88;font-size:14px;font-weight:700;height:43px;padding-left:30px;padding-top:25px;text-align:left;text-decoration:none;width:50%}#profile #home_rom .home{height:25vh;padding:25px}.head-hidden{opacity:0;transform:translateY(-100%);transition:opacity .5s ease,transform .5s ease}.head-visible{opacity:1;transform:translateY(0);transition:opacity .25s ease,transform .25s ease}.projects{height:100vh}.bg_500,.space_500{height:800px}.bg_500{background-color:#e2eafc;left:0;position:absolute;width:100%;z-index:-1}#home_rom .home{grid-gap:5px;box-sizing:border-box;display:grid;gap:5px;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto;position:relative}#profile #home_rom .home .avatar{border-radius:75px;grid-column:2;grid-row:1;height:150px;margin:auto 0;overflow:hidden;width:150px}#profile #home_rom .home .about{color:#023e8a;display:flex;flex-direction:column;font-size:8px;grid-column:1;grid-row:1;min-width:33%;text-align:center}#profile #home_rom .home .about .fullname{font-size:10px}#profile #home_rom .home .about span{font-weight:700}#profile #home_rom .home .avatar img{max-height:100%;max-width:100%;object-fit:cover}#profile #home_rom .home .about .experience{font-size:11px;font-weight:100}#profile #home_rom .home .connections{box-sizing:border-box;color:#023e8a;display:flex;flex-direction:column;font-size:10px;justify-content:center;min-width:0;min-width:auto;overflow-x:hidden;overflow-y:scroll;padding:0 15px;scrollbar-width:none;text-align:center}#profile #home_rom .home .connection_button{background-color:#e2eafc33;border-radius:10px;box-sizing:border-box;color:#36ade1;display:block;font-size:10px;font-weight:700;height:41px;padding:13px 5px 5px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}#profile #home_rom .home .connection_button:hover{background-color:#e2eafc;color:#023e8a}#profile #home_rom .home .connection_button img{height:30px;left:5px;position:absolute;top:5px;width:30px}#profile #home_rom .home .connection_button span{color:#48536d;font-size:6px;font-weight:700;position:absolute;right:5px;top:5px}#profile #home_rom .home>.job_name{border-radius:25px;box-shadow:0 0 20px #e2eafc;color:#023e8a;font-size:16px;font-weight:800;grid-column:1/4;grid-row:2;height:100px;padding:15px;text-align:center}#profile #home_rom .home>.job_name>h1>img{height:25px}#profile #home_rom .home>.job_name:last-child{background-color:#e2eafc80}#profile .skills .all_skills .skill .grade{left:50%;transform:translateX(-50%);width:-webkit-fill-available;width:fill}#connections{grid-template-columns:1fr}#connections .connections{box-sizing:border-box;color:#023e8a;display:flex;flex-direction:column;font-size:10px;justify-content:center;min-width:0;min-width:auto;overflow-x:hidden;overflow-y:scroll;padding:0 15px;scrollbar-width:none;text-align:center}#connections .connection_button{background-color:#e2eafc33;border-radius:10px;box-sizing:border-box;color:#36ade1;display:block;font-size:10px;font-weight:700;height:41px;padding:13px 5px 5px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}#connections .connection_button:hover{background-color:#e2eafc;color:#023e8a}#connections .connection_button img{height:30px;left:5px;position:absolute;top:5px;width:30px}#connections .connection_button span{color:#48536d;font-size:6px;font-weight:700;position:absolute;right:5px;top:5px}}.up_icon_visible{opacity:1;transform:rotate(180deg);transition:all .3s ease;transition-delay:.5s}.up_icon_hidden{opacity:1;transform:rotate(0deg);transition:all .3s ease;transition-delay:1s}@media screen and (max-width:1300px){#home_rom .home{box-sizing:border-box;gap:10px;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr auto}#profile #home_rom .home .about{grid-column:2;grid-row:1}#profile #home_rom .home .connections{grid-column:1/3;grid-row:2;height:100px;min-height:34vh}#profile #home_rom .home>.job_name{grid-column:1/3;grid-row:3}#profile #home_rom .home .avatar{grid-column:1;grid-row:1}#profile .skills .all_skills .skill h1{font-size:12px}#profile .skills .all_skills .skill .bio,#profile .skills .all_skills .skill .grade{font-size:10px}#profile .skills .all_skills .skill{height:50px}#profile .skills .all_skills .skill:hover .bio_h1{transform:translateY(-20px)}#profile .skills .all_skills .skill:hover .bio{top:30px}#profile .skills .all_skills .skill .grade{bottom:0;height:auto;left:50%;transform:translateX(-50%)}#about_project_popup>.iframe{width:90%}}#connections_page .all_connections{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;height:auto;left:0;margin-top:20px;padding:20px 60px 60px;width:100%}#connections_page .all_connections .all_connections{grid-gap:10px;display:grid;gap:10px;grid-row:repeat(auto-fill,1fr);grid-template-columns:1fr;justify-content:center;overflow-x:hidden;overflow-y:scroll;position:relative;scrollbar-width:none}#connections_page .all_connections .all_connections>*{width:100%}#connections_page .all_connections .connection_button{background-color:rgba(154,184,255,.486);border-radius:20px;box-sizing:border-box;color:#36ade1;display:block;font-size:20px;font-weight:700;height:82px;max-height:82px;padding:26px 10px 10px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}#connections_page .all_connections .connection_button:hover{background-color:#e2eafc;color:#023e8a}#connections_page .all_connections .connections{box-sizing:border-box;padding:0 30px}#connections_page .all_connections .connection_button img{height:60px;left:10px;position:absolute;top:10px;width:60px}#connections_page .all_connections .connection_button span{color:#48536d;font-size:12px;font-weight:700;position:absolute;right:10px;top:10px}#connections_page .all_connections .title{margin:0;padding:0;text-align:center}#connections_page .avatar{display:grid;grid-template-columns:-webkit-fill-available 1fr -webkit-fill-available;grid-template-columns:fill 1fr fill;overflow:auto}#connections_page .kasb h1{margin:0}#connections_page .kasb{font-size:20px;margin:0;padding:0}#connections_page .avatar img{border-radius:50%;grid-column:2;height:200px;width:200px}#connections_page{background-color:rgba(226,234,252,.397);border-radius:50px;box-shadow:0 0 100px rgba(226,234,252,.822);color:#023e8a;font-size:32px;font-weight:800;height:auto;left:50%;padding:30px;position:absolute;text-align:center;top:10%;transform:translateX(-50%);width:90%}@media screen and (max-width:1200px){#connections_page .all_connections{grid-template-columns:1fr 1fr}}@media screen and (max-width:700px){#connections_page .all_connections{grid-template-columns:1fr}}
/*# sourceMappingURL=main.daa7d2ba.css.map*/