@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap);.notices{background-color:#ffc20e;color:#f2f2f2;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;padding:.5rem;text-align:center;top:0}.notices,nav{position:fixed;width:100%;z-index:9999}nav{align-items:center;background-color:var(--nav-color);border-bottom:1px solid #fff;color:#fff;display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:70px;justify-content:space-around;top:5%}.logo img{height:100px;margin-left:20%;width:120px}.nav-bar-content{display:flex;gap:4rem;list-style:none;margin-left:20%}.nav-bar-content li .a,.side-bar-content li .a{color:#fff;font-size:20px;font-weight:700;text-decoration:none;transition:letter-spacing .5s}.nav-bar-content li .a:hover{color:#ffc20e;letter-spacing:.2rem}#contact_menu button{font-family:Poppins;letter-spacing:1px}.bars-icon{align-items:center;cursor:pointer;display:none;font-size:30px;padding-right:.8rem;text-align:right}.side-menu{align-items:center;background-color:#fff;box-shadow:-4px 0 20px rgba(32,54,86,.2);color:#000;display:grid;grid-template-rows:.5fr 2fr 3fr 1fr;height:100vh;position:absolute;right:-100%;top:0;width:75%}.side-bar-content li{border-bottom:2px solid #f2f2f2;margin-bottom:.8rem;padding-bottom:.6rem;width:75%}.side-bar-content li .a{color:var(--side-menu-text);font-weight:500}.side-bar-content{list-style-type:none}.side-logo img{margin-left:10%;width:180px}.close-bt{color:var(--side-menu-text);cursor:pointer;font-size:25px;font-weight:700;padding-right:8%;text-align:right}.close-bt:hover{color:blue}.social-media{display:flex;padding-left:20%;text-align:center}.social-media a{color:#000;font-size:25px;margin-right:.8rem;text-decoration:none}.social-media a:hover{color:blue}@-webkit-keyframes side_bar_animation_open{0%{right:-100%}to{right:0}}@keyframes side_bar_animation_open{0%{right:-100%}to{right:0}}@-webkit-keyframes side_bar_animation_close{0%{right:0}to{right:-100%}}@keyframes side_bar_animation_close{0%{right:0}to{right:-100%}}@media (max-width:950px){.nav-bar-content{gap:2rem;margin-left:0}}@media (max-width:805px){nav{gap:10%;grid-template-columns:1fr 1fr}.left-item,.nav-bar{display:none}.bars-icon{display:block}.side-menu{display:grid}}.skills_main{-webkit-animation:skillsTransit 1s forwards;animation:skillsTransit 1s forwards;padding-top:8%}@-webkit-keyframes skillsTransit{0%{opacity:0}to{opacity:1}}@keyframes skillsTransit{0%{opacity:0}to{opacity:1}}.title .skills_title{font-family:Poppins;font-size:35px;text-align:center}.skills{display:flex;flex-wrap:wrap;justify-content:center}.skill_sub_main{background:teal;color:#fff;display:grid;flex:0 0 40%;grid-template-columns:1fr 15fr;margin:10px;padding:20px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}.skill_title{align-items:center;background-color:#ffc20e;display:flex;font-size:25px;justify-content:center;overflow:hidden;width:100px}.skill_title p{color:#fff;margin:auto;-webkit-transform:rotate(270deg);transform:rotate(270deg);vertical-align:middle;width:100%}#otherskill{font-size:40px}.frontend{display:grid;font-family:Poppins;grid-template-columns:1fr;padding:1rem .5rem}.first{display:flex;justify-content:space-between}.first,.level{margin:0;padding:0}.level{background-color:#adff2f;height:.5rem;width:100%}.level p,.lhtml p{background-color:green;height:.5rem}.lhtml p{-webkit-animation:loading90 1.5s forwards;animation:loading90 1.5s forwards;width:90%}.lcss p{-webkit-animation:loading80 1.5s forwards;animation:loading80 1.5s forwards;width:80%}.ljavascript p{-webkit-animation:loading75 1.5s forwards;animation:loading75 1.5s forwards;width:75%}.lreact p{-webkit-animation:loading60 1.5s forwards;animation:loading60 1.5s forwards;width:60%}.l50 p{-webkit-animation:loading50 1.5s forwards;animation:loading50 1.5s forwards}.first p{align-items:center;display:flex;gap:.5rem;margin:1rem 0 0}.customLevel{background-color:#adff2f;width:100%}.customLevel,.customLevel p{height:.5rem;margin:0;padding:0}.customLevel p{background-color:green}@-webkit-keyframes customLoading{0%{width:0}to{width:var(--width)}}@keyframes customLoading{0%{width:0}to{width:var(--width)}}@-webkit-keyframes loading90{0%{width:0}to{width:90%}}@keyframes loading90{0%{width:0}to{width:90%}}@-webkit-keyframes loading80{0%{width:0}to{width:80%}}@keyframes loading80{0%{width:0}to{width:80%}}@-webkit-keyframes loading75{0%{width:0}to{width:75%}}@keyframes loading75{0%{width:0}to{width:75%}}@-webkit-keyframes loading60{0%{width:0}to{width:60%}}@keyframes loading60{0%{width:0}to{width:60%}}@-webkit-keyframes loading50{0%{width:0}to{width:50%}}@keyframes loading50{0%{width:0}to{width:50%}}.certificates_main{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin:5rem;padding-bottom:2rem}.certificate{display:grid;grid-template-columns:2fr 8fr;padding:.5rem}.certificatereverse{display:grid;grid-template-columns:8fr 2fr;padding:.5rem}.certificate .left{position:relative}.certificate .left img{-webkit-animation:animate_certleft 1s forwards;animation:animate_certleft 1s forwards;border-radius:5%;height:170px;object-fit:cover;position:relative;transition:all .5s;width:100%}.certificate .left img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.cover{background-color:hsla(0,0%,50%,.229);border-radius:5%;cursor:pointer;height:100%;position:absolute;top:0;transition:all .5s;width:100%}.cover:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.cover i{color:#ffc20e;font-size:25px;left:50%;position:relative;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.certificate .right{padding:.7rem}.certificate .right .cert_title{font-size:20px;font-weight:700}.certificate .right div{-webkit-animation:animate_certright 1s forwards;animation:animate_certright 1s forwards;position:relative}.info p{text-align:justify}.image_display{background-color:#ffc20e;display:none;left:50%;padding:.5rem;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all 1s}.image_display img{max-height:500px;width:calc(100vh - 100px)}.image_display p{background-color:hsla(0,0%,50%,.495);border-radius:50%;color:red;cursor:pointer;font-size:25px;padding:.5rem;position:absolute;right:3%;top:-5%}@-webkit-keyframes animate_certleft{0%{left:-15%;opacity:0}to{left:0;opacity:1}}@keyframes animate_certleft{0%{left:-15%;opacity:0}to{left:0;opacity:1}}@-webkit-keyframes animate_certright{0%{opacity:0;right:-15%}to{opacity:1;right:0}}@keyframes animate_certright{0%{opacity:0;right:-15%}to{opacity:1;right:0}}@media (max-width:800px){.skills{flex-direction:column;margin:2rem}.certificates_main{gap:2rem;margin:5rem}.certificate,.certificates_main{grid-template-columns:1fr}}@media (max-width:500px){.image_display img{width:400px}.certificates_main{margin:3rem}}@media (max-width:420px){.skills{margin:.5rem}.skill_sub_main{grid-template-columns:1fr;grid-template-rows:1fr 9fr}.skill_title{background-color:#ffc20e;font-size:15px!important;text-align:center}.skill_title p{color:#fff;margin:0 auto auto;padding:.5rem;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle}#otherskill{font-size:15px}.certificates_main{margin:1rem}.image_display img{width:300px}}.home_page{-webkit-animation:fadedIn 1.5s forwards;animation:fadedIn 1.5s forwards;display:grid;grid-template-columns:1fr 1fr;margin-left:.5rem;margin-right:.5rem;padding:1rem 2rem 2rem}.home-left{grid-gap:1rem;display:grid;font-family:Poppins,sans-serif;gap:1rem;grid-template-columns:1fr;padding-top:10%}.title .main{font-size:50px;font-weight:700;text-align:left}.btns{display:flex;gap:1rem;width:50%}.others{align-items:center;display:grid;grid-template-columns:1fr 1fr;width:80%}.others div p{text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.statistics{grid-gap:1rem;align-items:center;background-color:var(--nav-color);color:#000;display:grid;gap:1rem;grid-template-columns:1fr 1fr;width:80%;z-index:2}.statistics .left{text-align:center}.contact span,.projects p span{font-size:25px}.home-right{align-items:center;background-color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:space-between;padding-top:10%;position:relative}.intro{cursor:pointer;padding:.8rem;text-align:justify;width:80%}.personal_img{margin-top:10%}.personal_img img{border-radius:50% 50% 51% 50%/35% 34% 66% 65%;width:300px}.html_icon_class{-webkit-animation:animation_html 1s forwards;animation:animation_html 1s forwards}#css_icon,.html_icon_class{position:absolute;width:50px}#css_icon{-webkit-animation:animation_css 1s forwards;animation:animation_css 1s forwards}#react_icon{-webkit-animation:animation_react 1s forwards;animation:animation_react 1s forwards}#js_icon,#react_icon{position:absolute;width:40px}#js_icon{-webkit-animation:animation_js 1s forwards;animation:animation_js 1s forwards}#android_icon{-webkit-animation:animation_and 1s forwards;animation:animation_and 1s forwards;position:absolute;width:40px}#firebase_icon{-webkit-animation:animation_fire 1s forwards;animation:animation_fire 1s forwards;position:absolute;width:40px}@-webkit-keyframes fadedIn{0%{opacity:0}to{opacity:1}}@keyframes fadedIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes animation_html{0%{left:0;opacity:.1;top:10%}to{left:15%;opacity:1;top:25%}}@keyframes animation_html{0%{left:0;opacity:.1;top:10%}to{left:15%;opacity:1;top:25%}}@-webkit-keyframes animation_css{0%{left:0;opacity:.1;top:35%}to{left:8%;opacity:1;top:41%}}@keyframes animation_css{0%{left:0;opacity:.1;top:35%}to{left:8%;opacity:1;top:41%}}@-webkit-keyframes animation_js{0%{left:0;opacity:.1;top:65%}to{left:15.5%;opacity:1;top:57%}}@keyframes animation_js{0%{left:0;opacity:.1;top:65%}to{left:15.5%;opacity:1;top:57%}}@-webkit-keyframes animation_react{0%{left:100%;opacity:.1;top:10%}to{opacity:1;right:15%;top:25%}}@keyframes animation_react{0%{left:100%;opacity:.1;top:10%}to{opacity:1;right:15%;top:25%}}@-webkit-keyframes animation_and{0%{left:100%;opacity:.1;top:35%}to{opacity:1;right:8%;top:41%}}@keyframes animation_and{0%{left:100%;opacity:.1;top:35%}to{opacity:1;right:8%;top:41%}}@-webkit-keyframes animation_fire{0%{left:100%;opacity:.1;top:65%}to{opacity:1;right:15%;top:57%}}@keyframes animation_fire{0%{left:100%;opacity:.1;top:65%}to{opacity:1;right:15%;top:57%}}@media (max-width:1200px){.home_page{margin-left:.5rem;margin-right:.5rem}.personal_img img{border-radius:50% 50% 51% 50%/35% 34% 66% 65%;width:200px}.personal_img{margin-top:20%}.statistics{grid-template-columns:1fr 2fr;width:90%}}@media (max-width:800px){.type-notice{display:none}.home_page{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr;justify-content:center}.home-left{padding:0;text-align:center}.home-right{gap:10rem;padding-top:0}.btns,.others{align-items:center;justify-content:center;width:100%}.others{align-self:center;display:grid;grid-template-columns:1fr 1fr}.others div p,.statistics{margin-left:auto;margin-right:auto}.title .main{text-align:center}}@media (max-width:550px){.type-notice{display:none}.home_page{gap:5rem;margin-left:0;margin-right:0;margin-top:10%;padding:1rem}.title .main{font-size:30px;text-align:center}.others{grid-template-columns:1fr}.statistics{grid-template-columns:.5fr 2fr;margin:0;width:100%}.intro{width:90%}.personal_img{margin-top:0;padding-top:25%}.personal_img img{border-radius:50% 50% 51% 50%/35% 34% 66% 65%;width:200px}.html_icon_class{-webkit-animation:animation_html420 1s forwards;animation:animation_html420 1s forwards}#css_icon{-webkit-animation:animation_css420 1s forwards;animation:animation_css420 1s forwards}#react_icon{-webkit-animation:animation_react420 1s forwards;animation:animation_react420 1s forwards}#js_icon{-webkit-animation:animation_js420 1s forwards;animation:animation_js420 1s forwards}#android_icon{-webkit-animation:animation_and420 1s forwards;animation:animation_and420 1s forwards}#firebase_icon{-webkit-animation:animation_fire420 1s forwards;animation:animation_fire420 1s forwards}}@-webkit-keyframes animation_html420{0%{left:0;opacity:.1;top:0}to{left:10%;opacity:1;top:2%}}@keyframes animation_html420{0%{left:0;opacity:.1;top:0}to{left:10%;opacity:1;top:2%}}@-webkit-keyframes animation_css420{0%{left:5%;opacity:.1;top:22%}to{left:0;opacity:1;top:22%}}@keyframes animation_css420{0%{left:5%;opacity:.1;top:22%}to{left:0;opacity:1;top:22%}}@-webkit-keyframes animation_js420{0%{left:0;opacity:.1;top:52%}to{left:10%;opacity:1;top:42%}}@keyframes animation_js420{0%{left:0;opacity:.1;top:52%}to{left:10%;opacity:1;top:42%}}@-webkit-keyframes animation_react420{0%{left:0;opacity:.1;top:0}to{opacity:1;right:10%;top:2%}}@keyframes animation_react420{0%{left:0;opacity:.1;top:0}to{opacity:1;right:10%;top:2%}}@-webkit-keyframes animation_and420{0%{opacity:.1;right:5%;top:22%}to{opacity:1;right:0;top:22%}}@keyframes animation_and420{0%{opacity:.1;right:5%;top:22%}to{opacity:1;right:0;top:22%}}@-webkit-keyframes animation_fire420{0%{left:0;opacity:.1;top:52%}to{opacity:1;right:10%;top:42%}}@keyframes animation_fire420{0%{left:0;opacity:.1;top:52%}to{opacity:1;right:10%;top:42%}}footer{background-color:rgba(0,0,0,.866);box-sizing:border-box;font-family:Poppins;padding:25px;text-align:center;width:100%}footer h3{color:#fff;font-size:25px}footer i{font-size:35px;padding:10px;transition:all .5s}footer a,footer p{color:#fff;text-decoration:none}footer a i:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}*{font-family:Poppins;transition:all 1s}.projects_section{-webkit-animation:trans 1s forwards;animation:trans 1s forwards;padding-top:5%}@-webkit-keyframes trans{0%{opacity:0}to{opacity:1}}@keyframes trans{0%{opacity:0}to{opacity:1}}.project_title p{font-family:Poppins;font-size:35px;text-align:center}.projects_main{margin:.5rem auto;text-align:center;width:100%}.btn-main-project{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;justify-content:center;margin:auto;width:25%}.btn-main-project button{margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projects_category{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;margin:4rem auto;-webkit-transform:none;transform:none;width:75%}.project{display:grid;grid-template-columns:1fr;padding:1rem}.project_image img{height:200px;margin-bottom:1rem;width:100%}.project button{margin:auto}.project_info{text-align:justify}.widthwebsites{grid-template-columns:1fr 1fr 1fr;width:75%}.widthAndroid,.widthCLI{grid-template-columns:1fr 1fr;width:50%}@media (max-width:1200px){.btn-main-project{width:50%}.projects_category{width:90%}.widthwebsites{grid-template-columns:1fr 1fr 1fr;width:90%}.widthAndroid{grid-template-columns:1fr 1fr;width:70%}.widthCLI{grid-template-columns:1fr;width:40%}}@media (max-width:820px){.projects_category{width:90%}.projects_category,.widthAndroid,.widthwebsites{grid-template-columns:1fr 1fr}.widthCLI{grid-template-columns:1fr;width:40%}}@media (max-width:520px){.projects_section{padding-top:15%}.btn-main-project{width:100%}.projects_category{width:90%}.projects_category,.widthAndroid,.widthCLI,.widthwebsites{grid-template-columns:1fr}.widthCLI{width:90%}}.about_main{-webkit-animation:transit 1s forwards;animation:transit 1s forwards;padding:5%}.about_title p{font-family:Poppins;font-size:35px;text-align:center}.about_intro{cursor:pointer;padding:1rem}.about_content{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr 1fr;justify-content:center;margin:auto;width:75%}.about_right{position:relative;text-align:center}.about_right img{border-radius:10% 10% 41% 42%/10% 10% 29% 31%;margin:auto;width:300px}.image_bg{background-color:#ffc20e;border-radius:50%;height:390px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:390px;z-index:-1}.name_about{font-size:25px}.name_about span{font-size:30px}.about_left button{border-radius:16px;font-family:Poppins;margin:1rem 1rem 0 0;padding:1rem}@-webkit-keyframes transit{0%{opacity:0}to{opacity:1}}@keyframes transit{0%{opacity:0}to{opacity:1}}@media (max-width:1200px){.about_content{gap:2rem;text-align:center;width:100%}.about_intro{text-align:justify}}@media (max-width:805px){.about_main{padding-top:10%}.about_content{display:flex;flex-direction:column-reverse}}@media (max-width:420px){.about_right{margin-top:1rem}.about_right img{width:200px}.image_bg{height:290px;top:45%;width:290px}}.contact_main{-webkit-animation:contactTransit 1s forwards;animation:contactTransit 1s forwards;padding-top:9%}.contact_title{font-family:Poppins;font-size:35px;text-align:center}@-webkit-keyframes contactTransit{0%{opacity:0}to{opacity:1}}@keyframes contactTransit{0%{opacity:0}to{opacity:1}}.contact_content{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:1fr 1fr;margin:auto auto 2%;padding:1rem;width:75%}.form_details{display:flex;flex-direction:column;gap:1rem;padding:2rem}.form_details button{font-family:Poppins;margin:auto;width:50%}.form_details input,textarea{border:2px solid #e6e7ef;border-radius:8px;outline:none;padding:.5rem}.contact_name{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.sub_name{display:flex;flex-direction:column;gap:.5rem}.contact_left span span{color:red}.icons_contact{margin-top:1rem;padding:.3rem;text-align:center}.icons_contact span{font-weight:700}.contact_right_title{font-size:35px}.contact_info,.other_contact_info span{color:gray;font-weight:100}.other_contact_info>p{font-size:30px}.services_provided{display:flex;flex-direction:row;gap:1rem;margin-top:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact_backend,.contact_frontend{padding:.5rem;text-align:center}.contact_backend p,.contact_frontend p{font-size:10px}@media (max-width:1200px){.contact_content{width:85%}.contact_main{padding-top:10%}}@media (max-width:805px){.contact_content{display:flex;flex-direction:column-reverse;text-align:center}.sub_name span{text-align:left}}@media (max-width:420px){.contact_name{grid-gap:.3rem;display:grid;gap:.3rem;grid-template-columns:1fr}}html::-webkit-scrollbar{display:none}html{scroll-behavior:smooth}body{font-family:Courier New,Courier,monospace;margin:0;padding:0}:root{--nav-color:#000;--side-menu-text:#778497}.btn{background-color:#fff;border:none;border-radius:5px;cursor:pointer;font-family:Poppins;font-weight:700;margin-left:50%;padding:.5rem;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.btn:hover{background:transparent;-webkit-transform:scale(1.2);transform:scale(1.2)}.glow-on-hover{background:#fff;border:none;border-radius:10px;color:#111;outline:none;position:relative;z-index:0}.glow-on-hover:before{-webkit-animation:glowing 20s linear infinite;animation:glowing 20s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:500%;border-radius:10px;content:"";-webkit-filter:blur(5px);filter:blur(5px);height:calc(100% + 4px);left:-2px;opacity:1;position:absolute;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}.glow-on-hover:hover:before{opacity:1}.glow-on-hover:after{background:#fff;border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@-webkit-keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.curr_page_on,.curr_page_on_menu{color:#ffc20e!important}.curr_page_on_menu{letter-spacing:.2rem!important}
/*# sourceMappingURL=main.2b117905.css.map*/