@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&display=swap);.about{margin-bottom:50rem}.logo{color:#000;font-size:1.4rem;font-family:"Acme",sans-serif;font-weight:700;text-shadow:2px 0 0 #0cbd56,-2px 0 0 #0cbd56,0 2px 0 #0cbd56,0 -2px 0 #0cbd56,1px 1px #0cbd56,-1px -1px 0 #0cbd56,1px -1px 0 #0cbd56,-1px 1px 0 #0cbd56;letter-spacing:3px}.main-nav{width:100%;height:3rem;padding:.7rem 1rem .7rem 10rem;display:flex;justify-content:space-between;background-color:#000;font-family:"Righteous",cursive}.main-nav ul{list-style:none;margin:0}.main-nav a{text-decoration:none}.menu-link{display:flex;align-items:center}.linker{padding-right:3rem;letter-spacing:1px;cursor:pointer;font-weight:700;color:#fff;transition:all .4s ease-in-out}.linker:hover{color:#db4e16;text-decoration:underline}.social{display:flex;justify-content:space-between;align-items:center}.social li a{padding:1.5rem;font-size:1.5rem;font-weight:700;color:#fff}.github:hover,.social li a{transition:all .3s ease-in-out}.github:hover{color:#11e268}.instagram:hover{color:#c52648;transition:all .3s ease-in-out}.youtube:hover{color:#db0909;transition:all .3s ease-in-out}.linkedin:hover{color:#093fb3;transition:all .3s ease-in-out}.mobile_nav{display:none}@media (max-width:540px){.main-nav{display:none}.mobile_nav{display:contents;background-color:#0c0c0c;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:.5rem;font-family:"Righteous",cursive}.mobile_nav>ul,li{list-style:none}.mobile_links>ul{margin:0;padding:0;display:flex}.mobile_a{font-size:.8rem;text-decoration:none;color:#fff;letter-spacing:1px;font-weight:700}.mobile_a:hover{color:#db4e16;text-decoration:underline}.mobile_a{margin-right:2rem}.last_one{margin:0}.mobile_social{display:flex;justify-content:space-between}.mobile_social_a{padding:.8rem 1.5rem;font-size:1.3rem;font-weight:700;color:#fff;transition:all .3s ease-in-out}}.home-wraper{position:relative;color:#fff;height:100vh;width:100vw}.main-info{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;top:0;bottom:0;left:0;right:0}.main-info h1{color:#8826e4;font-size:3rem}.main-info h1,.main_skill{font-family:"Red Hat Display",sans-serif;font-weight:700;background-color:rgba(0,0,0,.548)}.main_skill{font-size:2rem;letter-spacing:2px;color:rgb(46 192 91)}.video{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-1}.main-info a{text-decoration:none}.resume-button{width:15rem;display:flex;justify-content:space-between;align-items:center;background-color:rgba(65,65,65,.705);font-size:1.2rem;border-radius:0;padding:.4rem .75rem;color:#d4232c;margin-top:2rem;font-family:"Roboto",sans-serif;letter-spacing:1px;transition:all .3s ease-in-out;font-weight:700}.resume-button:hover{background-color:rgba(65,65,65,0);border:1px solid #1ccf6d;color:#f05555}.resume-logo{color:#1ccf6d;font-size:.98rem;margin-right:.25rem}.resume-button:hover .resume-logo{color:#a11414}@media (max-width:540px){.main-info h1{font-size:2.2rem}}.about-me-wraper{padding:2rem;background-color:#000;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:#27ce8e;display:flex;flex-direction:column;align-items:center}.about-me-wraper a{text-decoration:none}.about-me-header{color:#ecb316;border-bottom:1px solid #fff;margin-bottom:2rem;letter-spacing:2px;-webkit-text-decoration:solid;text-decoration:solid;text-transform:uppercase;text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff}.my_detail_box{display:flex;flex-direction:column;justify-content:center;align-items:center}.about_info{display:flex}.my_detail{font-weight:600;font-size:1.8rem;padding:0 5rem .2rem}.about_hobby{display:flex;flex-direction:column;justify-content:center;align-items:center}.hobby_title{font-size:1.8rem;text-decoration:underline;color:#e97719;margin-bottom:1rem}.hobby_img_container{display:flex}.hobby_img_box{margin:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.hobby_img1{border-radius:50%;border:3px solid #f0ab2d;height:200px;width:200px}@media (max-width:540px){.about_info{flex-direction:column}.my_detail{font-weight:500;font-size:1rem;padding:0}.my_detail_box{margin-bottom:3rem}.hobby_img_container{flex-direction:column}}.project-wraper{padding:2rem;background-color:#000;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:#27ce8e;display:flex;flex-direction:column;align-items:center}.project-header{color:#802c0b;margin-bottom:2rem;letter-spacing:2px;text-decoration:underline;text-transform:uppercase;text-shadow:2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff}.project_cards{display:grid;grid-template-columns:repeat(4,1fr)}@media (max-width:1232px){.project_cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:950px){.project_cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:630px){.project_cards{grid-template-columns:1fr}}.project-card1{display:flex;flex-direction:column;align-items:center;padding:.625rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:20rem;margin:1rem;background-color:#fff;color:#000}.project-card1>img{width:100%;object-fit:contain;height:12.5rem;width:18.75rem}.project-card1 h1{font-weight:700;margin-bottom:.4rem;font-size:1.5rem}.project-card1 h1,.project-card1 p{font-family:"Roboto Mono",monospace}.project-card1 p{margin-top:1rem;font-size:.8rem}.card_btns{display:flex;justify-content:space-between;width:100%}.project-card1 a{text-decoration:none;color:#130203}.project-btn1{border-radius:3px;border:2px solid #eb1d1d}.project-btn1,.project-btn2{display:flex;justify-content:center;width:8rem;cursor:pointer;background-color:rgba(58,58,58,0);font-size:1rem;padding:.3rem;font-family:"Roboto",sans-serif;letter-spacing:1px;transition:all .3s ease-in-out;font-weight:700}.project-btn2{border-radius:3px;border:2px solid #1deb4a}.project-btn1:hover{background-color:rgba(204,33,27,.87);color:#000}.project-btn2:hover{background-color:rgba(27,204,121,.87);color:#000}@media (max-width:540px){.project-wraper{padding:2rem 0}.cGKbZh{min-width:10px!important}.project-card{margin:0}}.technologies-wraper{padding:2rem;background-color:#000;height:100vh;display:flex;flex-direction:column;align-items:center}.tech-header{color:#084b81;font-weight:700;margin-bottom:2rem;letter-spacing:2px;text-decoration:underline;text-transform:uppercase;text-shadow:1px 0 0 #fff,-1px 0 0 #fff,0 1px 0 #fff,0 -1px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff}.tech_boxes{width:100%;display:flex;justify-content:space-evenly}.single_box{width:350px;display:inline-block;margin-left:50px;margin-top:50px}.skill_card{height:18.919rem;position:relative;overflow:hidden;width:350px;margin:0 auto;background:#333;padding:.5rem 1.25rem 1.25rem;box-sizing:border-box;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.5)}.frontend_box{border-top:2px solid #3b7bcf;border-left:2px solid #3b7bcf;border-right:2px solid #3b7bcf}.db_box{border-top:2px solid #3bcf3b;border-left:2px solid #3bcf3b;border-right:2px solid #3bcf3b}.backend_box{border-top:2px solid #e03023;border-left:2px solid #e03023;border-right:2px solid #e03023}.layer1{z-index:1;position:absolute;top:calc(100% - 2px);height:100%;width:100%;left:0;background:linear-gradient(270deg,#06f,#47fff0);transition:.5s}.single_box .skill_card:hover .layer1{top:0}.layer2{z-index:1;position:absolute;top:calc(100% - 2px);height:100%;width:100%;left:0;background:linear-gradient(270deg,#00ff37,#47ff5f);transition:.5s}.single_box .skill_card:hover .layer2{top:0}.layer3{z-index:1;position:absolute;top:calc(100% - 2px);height:100%;width:100%;left:0;background:linear-gradient(270deg,#f90,#fc2a22);transition:.5s}.content{z-index:2;position:relative}.single_box .skill_card:hover .layer3{top:0}.content .skill_name{display:flex;flex-direction:column;font-size:2rem;color:#acacac;font-family:"Comfortaa",cursive}.content .image1{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto .5rem;overflow:hidden;border:2px solid #fff;box-shadow:0 10px 40px rgba(0,0,0,.5)}.content .image2,.content .image3{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:3rem auto .5rem;overflow:hidden;border:2px solid #fff;box-shadow:0 10px 40px rgba(0,0,0,.5)}.skill_logo{font-size:2rem;margin:.5rem 1rem}.react{color:#20b2aa}.redux{color:#5919f0}.boot{color:#a119f0}.mongo{color:#1be446}.fire{color:#f80}.node{color:#0c610c}.express{color:#e41b1b}.content .details h2{font-size:18px;color:#fff}.frontend_box h2 span{font-size:2.5rem;color:#0cc6e7;transition:.5s}.db_box h2 span{font-size:2.5rem;color:#05864a;transition:.5s}.backend_box h2 span{font-size:2.5rem;color:#eb3922;transition:.5s}.skill_card:hover .content .details h2 span{color:#fff;position:relative}.skill_card:hover .skill_logo{color:#333}.skill_card:hover .skill_name{color:#000}@media (max-width:540px){.technologies-wraper{padding:0;height:-webkit-max-content;height:max-content}.single_box{margin-left:auto;margin-right:auto}.tech_boxes{display:flex;flex-direction:column}}.about-wraper{padding-top:2rem;display:flex;flex-direction:column;align-items:center;background-color:#000}.about-header{color:#540771;font-weight:700;margin-bottom:2rem;letter-spacing:2px;text-decoration:underline;text-transform:uppercase;text-shadow:1px 0 0 #fff,-1px 0 0 #fff,0 1px 0 #fff,0 -1px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff}.footer-wraper{position:relative;background:url(/static/media/pic4.f1438ed7.jpg) no-repeat;background-position:50%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.footer-headers{display:flex;flex-direction:row;justify-content:space-between;padding:2rem}@media (max-width:540px){.footer-headers{flex-direction:column;padding:0}}.footer-ul{list-style:none}.footer-logo{margin-right:.5rem;font-weight:700}.footer-logo,.footer-text{font-size:1.1rem}.copyright{width:100%;background-color:rgba(0,0,0,.678);color:#f0f8ff;font-size:5px;padding:1rem 0 0;display:flex;flex-direction:column;align-items:center}.copy-logo{font-size:1rem}.tsparticles-canvas-el{position:absolute}
/*# sourceMappingURL=main.1a2822f4.chunk.css.map */