*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background:#131212;font-family:Poppins,sans-serif;font-weight:500}img{width:100%}.container{margin:0 auto;max-width:1224px;min-height:80vh;padding:7rem 1.5rem 0}@font-face{font-family:Poppins;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf)}.title{margin-bottom:3rem;text-align:center}.title span{color:#f2a900;font-size:.75rem;font-weight:800;letter-spacing:5px;text-transform:uppercase}.title h1{color:#fff;font-size:3rem;position:relative}.loader-container{align-items:center;display:flex;height:100vh;justify-content:center}.react-spinner-loader-swing div{border-radius:50%;float:left;height:1em;width:1em}.react-spinner-loader-swing div:first-of-type{background:linear-gradient(90deg,#385c78 0,#325774)}.react-spinner-loader-swing div:nth-of-type(2){background:linear-gradient(90deg,#325774 0,#47536a)}.react-spinner-loader-swing div:nth-of-type(3){background:linear-gradient(90deg,#4a5369 0,#6b4d59)}.react-spinner-loader-swing div:nth-of-type(4){background:linear-gradient(90deg,#744c55 0,#954646)}.react-spinner-loader-swing div:nth-of-type(5){background:linear-gradient(90deg,#9c4543 0,#bb4034)}.react-spinner-loader-swing div:nth-of-type(6){background:linear-gradient(90deg,#c33f31 0,#d83b27)}.react-spinner-loader-swing div:nth-of-type(7){background:linear-gradient(90deg,#da3b26 0,#db412c)}.react-spinner-loader-shadow{clear:left;padding-top:1.5em}.react-spinner-loader-shadow div{background:#e3dbd2;border-radius:50%;-webkit-filter:blur(1px);filter:blur(1px);float:left;height:.25em;width:1em}.react-spinner-loader-shadow .react-spinner-loader-shadow-l{background:#d5d8d6}.react-spinner-loader-shadow .react-spinner-loader-shadow-r{background:#eed3ca}@-webkit-keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@-webkit-keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@-webkit-keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.57em);transform:translateX(-1.75em)}}@keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.75);transform:translateX(-1.75em)}}@-webkit-keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}}.react-spinner-loader-swing-l{-webkit-animation:ball-l .425s ease-in-out infinite alternate;animation:ball-l .425s ease-in-out infinite alternate}.react-spinner-loader-swing-r{-webkit-animation:ball-r .425s ease-in-out infinite alternate;animation:ball-r .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-l{-webkit-animation:shadow-l-n .425s ease-in-out infinite alternate;animation:shadow-l-n .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-r{-webkit-animation:shadow-r-n .425s ease-in-out infinite alternate;animation:shadow-r-n .425s ease-in-out infinite alternate}.react-spinner-loader-svg-calLoader{animation:loader-spin 1.4s linear infinite;-webkit-animation:loader-spin 1.4s linear infinite;height:230px;-webkit-transform-origin:115px 115px;transform-origin:115px 115px;width:230px}.react-spinner-loader-svg-cal-loader__path{animation:loader-path 1.4s ease-in-out infinite;-webkit-animation:loader-path 1.4s ease-in-out infinite}@-webkit-keyframes loader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}@keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}.react-spinner-loader-svg svg{-webkit-transform-origin:50% 65%;transform-origin:50% 65%}.react-spinner-loader-svg svg polygon{stroke-dasharray:17;-webkit-animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite;animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite}@-webkit-keyframes dash{to{stroke-dashoffset:136}}@keyframes dash{to{stroke-dashoffset:136}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.about_container{display:grid;grid-template-columns:repeat(2,1fr);place-items:center;position:relative}@media screen and (max-width:700px){.about_container{grid-template-columns:1fr}}.about_container .about_left{background:#8c12f0;border-radius:5px;box-shadow:0 0 20px #f2a900;height:350px;justify-self:center;max-width:350px}.about_container .about_left img{height:100%;object-fit:cover;width:100%}@media screen and (max-width:700px){.about_container .about_left{display:none}}.about_container .about_right{color:#fff;display:flex;flex-direction:column;padding:1rem}@media screen and (max-width:700px){.about_container .about_right{margin-top:2rem;padding:0}}.about_container .about_right li{font-size:1rem;margin-bottom:1rem;max-width:450px}@media screen and (max-width:700px){.about_container .about_right li{font-size:.8rem}}.contact_form{grid-gap:2rem;background:#fff;border-radius:15px;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-left:auto;margin-right:auto;max-width:1100px;overflow:hidden;padding:2rem}@media screen and (max-width:700px){.contact_form{grid-template-columns:1fr}}.contact_form .contact_left_container h3{font-size:1.5rem;margin-bottom:1rem}.contact_form .contact_left_container .contact_text{font-size:.85rem;margin-bottom:1rem}.contact_form .contact_left_container .contact_left{align-items:center;display:flex;margin-top:1rem}.contact_form .contact_left_container .contact_left .icon{align-items:center;background:#003444;border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;margin-right:1rem;width:50px}.contact_form .contact_left_container .contact_left p{font-size:.85rem}.contact_form .contact_left_container .social_icons{display:flex;margin-top:1rem}.contact_form .contact_left_container .social_icons a{color:#000;cursor:pointer;margin-right:1rem}.contact_form .contact_left_container .social_icons a:hover{opacity:.8}.contact_form .contact_left_container .social_icons a svg{font-size:1.3rem}.contact_form .contact_right h3{font-size:1.5rem;margin-bottom:1rem}.contact_form .contact_right .row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%}.contact_form .contact_right .row input,.contact_form .contact_right .row textarea{background:#f3f3f3;border:none;border-radius:5px;font-family:Poppins;font-size:.85rem;margin-bottom:.5rem;outline:none;padding:1rem 1.5rem}.contact_form .contact_right .row textarea{min-height:150px;resize:none}.contact_form .contact_right .btn{background:#8c12f0;border-radius:10px;font-size:.85rem;margin-top:1rem;padding:.65rem 1rem;width:4.2rem}.contact_form .contact_right a{color:#fff;text-decoration:none;text-transform:capitalize}.footer{align-items:center;color:#fff;-webkit-column-gap:2rem;column-gap:2rem;display:flex;flex-wrap:wrap;justify-content:center;margin-left:auto;margin-right:auto;max-width:800px;padding:1rem 3rem}.footer .copyright p{font-size:.85rem;margin:0;text-align:center}.footer .copyright p span{color:#f2a900;font-weight:800}#home{align-items:center;display:flex;flex-direction:column}#home .profile{height:170px;width:170px}#home .profile img{border-radius:50%;height:100%;object-fit:cover;width:100%}#home .profile_text{align-items:center;display:flex;flex-direction:column;margin-top:1rem;position:relative}#home .profile_text h3{color:#fff;font-size:2.5rem}@media screen and (max-width:500px){#home .profile_text h3{font-size:1.5rem}}#home .profile_text h3 span{color:#8c12f0}#home .profile_text .name{font-size:2.3rem}@media screen and (max-width:500px){#home .profile_text .name{align-items:center;font-size:1.5rem}}#home .profile_text .name span{color:#f2a900;font-size:3rem}@media screen and (max-width:500px){#home .profile_text .name span{align-items:center;font-size:1.5rem}}#home .actions{display:flex;justify-content:space-between;margin-top:2rem;max-width:300px;width:100%}#home .actions a{background:#fff;border-radius:10px;color:#000;font-size:.85rem;padding:.65rem 1rem;text-decoration:none;text-transform:capitalize}#home .actions a:first-child{margin-right:1rem}#home .social-icons{display:flex;justify-content:center;margin-top:3rem}#home .social-icons .icon{color:#669df6;font-size:1.9rem;margin:0 1rem;transition:color .3s}#home .social-icons .icon:hover{color:#f2a900}.select{display:flex;gap:1rem;justify-content:center;margin-bottom:5rem}.select button{background:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;font-family:Poppins;font-size:.85rem;margin-top:1rem;padding:.65rem 1rem;text-transform:capitalize}.select button.active{background:#8c12f0;color:#fff}.skills{grid-row-gap:4rem;display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;margin-left:auto;margin-right:auto;max-width:700px;row-gap:4rem}@media screen and (max-width:500px){.skills{gap:2rem;grid-template-columns:repeat(2,1fr)}}.skills .tools{display:flex;justify-content:center}.skills .tools svg{border-radius:50%;color:#fff;height:100px;width:100px}.portfolio h2{margin-bottom:2rem}.portfolio .skills{grid-gap:1rem;display:grid;grid-template-columns:repeat(6,1fr)}.portfolio .skills .skill{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.portfolio .skills .skill .icon{background-color:#000016;color:#8c12f0;font-size:4rem;height:60%;margin-bottom:1rem;width:100%}@media screen and (max-width:800px){.portfolio .skills .skill .icon{font-size:2rem;height:50%;width:50%}}@media screen and (max-width:450px){.portfolio .skills .skill .icon{font-size:1.7rem;height:50%;width:50%}}.portfolio .skills .skill span{color:#f2f2f2;font-size:1.2rem}@media screen and (max-width:800px){.portfolio .skills .skill span{font-size:.8rem}}@media screen and (max-width:450px){.portfolio .skills .skill span{font-size:.6rem}}.experiencs{color:#fff;margin-left:auto;margin-right:auto;max-width:500px}.experiencs .experience{align-items:center;display:flex;justify-content:space-between;margin-bottom:3rem}.experiencs .experience span{font-size:1.75rem;padding-left:2.5rem}@media screen and (max-width:405px){.experiencs .experience span{font-size:1rem}}.experiencs .experience .position{padding-left:2.5rem;width:300px}.experiencs .experience .position h3{font-size:1.1rem}@media screen and (max-width:405px){.experiencs .experience .position h3{font-size:.85rem}}.experiencs .experience .position p{font-size:.75rem;opacity:.9}@media screen and (max-width:405px){.experiencs .experience .position p{font-size:.65rem}}.experiencs .experience .position li{font-size:.75rem;opacity:.6}@media screen and (max-width:405px){.experiencs .experience .position li{font-size:.65rem}}.education-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:2rem 0}.education-container .education-item{background-color:#f2f2f2;border-radius:5px;margin-bottom:1.5rem;padding:1rem;width:30%}.education-container .education-item h4{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}@media screen and (max-width:800px){.education-container .education-item h4{font-size:.8rem}}@media screen and (max-width:450px){.education-container .education-item h4{font-size:.6rem}}.education-container .education-item p{font-size:.9rem;margin:.2rem 0}@media screen and (max-width:800px){.education-container .education-item p{font-size:.8rem}}@media screen and (max-width:450px){.education-container .education-item p{font-size:.6rem}}.header{left:0;position:fixed;top:0;width:100%;z-index:10}.header.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15)}.Nav_container{align-items:center;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1224px;padding:1.2rem 2rem;position:relative}.Nav_container .logo{align-items:center;background:#fff;border-radius:50%;color:#f2a900;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.Nav_container .social_icons{display:flex}@media screen and (max-width:800px){.Nav_container .social_icons{display:none}}.Nav_container .social_icons div{margin-left:1rem}.Nav_container .social_icons div svg{color:#fff;cursor:pointer;opacity:.6;transition:.3s;z-index:5}.Nav_container .social_icons div svg:hover{opacity:1}.Nav_container .menu{align-items:center;background:#fff;border-radius:50%;cursor:pointer;display:flex;display:none;height:35px;justify-content:center;position:relative;width:35px}@media screen and (max-width:800px){.Nav_container .menu{align-items:center;display:block;display:flex;justify-content:center}}.Nav_container .menu svg{height:70%;width:70%}.Nav_container .closeMenu{background:#000;border-radius:50%;height:4rem;position:fixed;right:0;top:0;width:4rem}.Nav_container .menuX{align-items:center;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:2rem;width:100%}.Nav_container .menuX svg{cursor:pointer;height:1.5rem;position:absolute;right:5rem;top:2rem;width:1.5rem}.Nav_container .menuX li{list-style:none;margin-top:1rem}.Nav_container .menuX li a{color:#fff;font-size:1.5rem;opacity:.6;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.Nav_container .menuX li a:hover{opacity:1}.nav_links{display:flex;list-style:none}.nav_links li{margin-left:3rem}@media screen and (max-width:800px){.nav_links li{display:none}}.nav_links li a{color:#fff;font-size:.85rem;opacity:.6;text-decoration:none;text-transform:uppercase;transition:.3s}.nav_links li a:hover{opacity:1}@media screen and (max-width:500px){.container{padding:7rem 1rem 0}.title h1{font-size:2.5rem}}.container1{font-family:Poppins,sans-serif;font-weight:500;margin:0 auto;min-height:180vh;padding:4rem 1.5rem 0}.container1 .title{margin-bottom:3rem;text-align:center}.container1 .title h1{color:#f0f6ff;font-family:Poppins;font-size:3.1rem;font-weight:1000;position:relative;text-align:center;text-shadow:-2px 3px 6px rgba(59,61,61,.48)}@media screen and (max-width:800px){.container1 .title h1{font-size:2.8rem}}@media screen and (max-width:450px){.container1 .title h1{font-size:2.5rem}}.container1 .title span{color:#f2a900;font-size:.9rem}@media screen and (max-width:800px){.container1 .title span{font-size:.8rem}}@media screen and (max-width:450px){.container1 .title span{font-size:.6rem}}.container1 .buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;text-shadow:-2px 3px 6px rgba(135,220,236,.48)}.container1 .buttons button{background:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;font-family:Poppins;font-size:.85rem;margin-top:1rem;padding:.65rem 1rem;text-transform:capitalize}.container1 .buttons button.active{background:#8c12f0;color:#fff}.container1 .workImages{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:40px auto auto;width:80vw}@media screen and (max-width:800px){.container1 .workImages{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.container1 .workImages{grid-template-columns:1fr}}.body_about{flex:1 1;flex-direction:column;width:100%}.body_main{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin-top:2rem}.body_main .links{text-decoration:none}.body_inner{align-items:flex-start;background-color:#fff;border-radius:15px;box-shadow:0 0 15px #cbf1ff;box-shadow:-2px 6px 10px rgba(0,0,0,.48);display:flex;flex-direction:column;height:50%;justify-content:flex-start;margin:2rem;padding:2rem;width:250px}.body_inner .hoverLayer{background:#8c12f0;gap:1.5rem;height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}.body_inner .hoverLayer,.body_inner .hoverLayer a{align-items:center;display:flex;justify-content:center}.body_inner .hoverLayer a{background:hsla(0,0%,100%,.25);border-radius:50%;height:50px;width:50px}.body_inner .hoverLayer a svg{color:#fff;font-size:1.5rem}.body_inner img{border-radius:10px;height:170px;object-fit:cover;width:100%}.body_inner .bold-text{font-size:1rem;font-weight:800;text-align:left}@media screen and (min-width:2000px){.body_inner .bold-text{font-size:2rem}}@media screen and (max-width:450px){.body_inner .bold-text{font-size:.9rem}}.body_inner .p-text{color:#00235b;font-size:.8rem;line-height:1.5;text-align:left}@media screen and (min-width:2000px){.body_inner .p-text{font-size:1.75rem}.body_inner{margin:2rem 4rem;width:370px}.body_inner img{height:320px}}
/*# sourceMappingURL=main.6ff4d02d.css.map*/