nav{background-color:#e5f4ff;height:80px;justify-content:space-between;padding:0 12%;position:-webkit-sticky;position:sticky;top:0;transition:.3s;z-index:10}nav,nav .menu ul{align-items:center;display:flex}nav .menu ul{font-weight:500;gap:20px}nav .menu ul a{cursor:pointer}nav .menu ul a.active{background-color:#000;border-radius:5px;color:#f1f1f1;padding:3px 6px}nav .icons img{height:27px;width:27px}nav .sidebar{display:none;position:relative}nav .sidebar .bg{background:#000;bottom:0;position:fixed;right:0;top:0;width:300px;z-index:10}nav .sidebar .bg ul{align-items:center;display:flex;flex-direction:column;gap:30px;height:100%;padding:80% 0;position:absolute;width:100%}nav .sidebar .bg ul a{color:#f1f1f1;font-size:clamp(25px,4.5vw,30px)}nav .sidebar .burger{background-color:#0000;border:none;border-radius:50%;cursor:pointer;height:50px;position:fixed;right:45px;top:28.5px;width:50px;z-index:10}@media screen and (max-width:950px){.menu{display:none}.sidebar{display:flex!important}}.show-page-name{color:#fff;font-size:clamp(20px,3vw,40px);left:50%;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;width:85%}.home{align-items:center;display:flex;gap:20px;height:calc(100vh - 80px);justify-content:space-between;margin:0 auto;overflow:hidden;width:80%}.home .h-img{width:50%}.home .h-img img{width:clamp(380px,100%,600px)}.home .home-info{display:flex;flex-direction:column;gap:22px;width:50%}.home .home-info .h-info-title{font-size:clamp(21px,2vw,35px);line-height:clamp(37px,4vw,55px)}.home .home-info .h-info-title .h-span{color:#f1f1f1;text-shadow:0 2px 5px #000}.home .home-info .h-des{font-size:clamp(13px,1.2vw,16.5px);line-height:clamp(17px,2vw,25px)}.home .h-btn-container button{background-color:#f1f1f1;border:1px solid #000;border-radius:5px;cursor:pointer;font-size:clamp(11.2px,1vw,13px);margin-right:10px;padding:clamp(11px,2vw,13px) clamp(11px,3vw,20px);transition:.1s}.home .h-btn-container button.active{background-color:#000;color:#f1f1f1}@media screen and (max-width:950px){.home{flex-direction:column}.home .h-img{width:-webkit-max-content;width:max-content}.home .h-img img{width:clamp(200px,60vw,300px)!important}.home .home-info{height:50%;width:85%}}@media screen and (max-width:670px){.home{gap:10px}.home .home-info{width:100%}}@media screen and (max-width:450px){.home .home-info .h-info-title{font-size:clamp(18px,1vw,20px);line-height:clamp(32px,2vw,35px)}}.about{display:flex;height:100%;justify-content:space-between}.about p{font-size:clamp(14px,1.2vw,16px);line-height:clamp(23px,2vw,25px)}.about .about-section{display:flex;flex-direction:column;gap:30px;height:80vh;padding-top:25%}.about .about-section .a-section-title{font-size:20px}.about .my-summary{height:100%;padding-left:12%;width:45%}.about .my-summary .about-me .my-profile{border:3px solid #000;border-radius:100%;height:120px;width:120px}.about .my-summary .about-me .a-sign{display:flex;justify-content:space-between}.about .my-summary .about-me .scroll-svg{margin-top:clamp(10px,4vw,40px)}.about .my-summary .skills{display:flex;flex-direction:column;gap:30px}.about .my-summary .skills .skills-container{display:flex;flex-wrap:wrap;gap:10px}.about .my-summary .skills .skills-container .skill{background-color:#000;border:1px solid #0000;border-radius:5px;color:#f1f1f1;cursor:default;font-size:13.5px;padding:6px;transition:.15s}.about .my-summary .skills .skills-container .skill:hover{background-color:#f1f1f1;border:1px solid #000;color:#000}.about .my-summary .experiences{display:flex;flex-direction:column;gap:30px}.about .my-summary .experiences .a-btn-container button{background-color:#f1f1f1;border:1px solid #000;border-radius:5px;cursor:pointer;font-size:clamp(11.5px,1vw,13px);margin-right:10px;padding:clamp(11px,2.8vw,14px) clamp(11px,3vw,20px);transition:.1s}.about .my-summary .experiences .a-btn-container button.active{background-color:#000;color:#f1f1f1}.about .brain-svg{height:100%;position:fixed;right:0;width:53%;z-index:-1}@media screen and (max-width:950px){.about-section{padding-top:10%!important}.brain-svg{display:none}.my-summary{width:88%!important}}@media screen and (max-width:950px)and (min-height:1000px){.about-section{height:60vh!important}}.portfolio{position:relative}.portfolio .portfolio-section{height:100vh;scroll-snap-align:center}.portfolio .portfolio-hero{align-items:center;display:flex;flex-direction:column;gap:20px;height:calc(100vh - 80px);justify-content:center}.portfolio .portfolio-hero svg{margin-top:70px}.portfolio .portfolio-hero .p-title{color:#000;font-size:clamp(55px,10vw,120px);font-weight:400}.portfolio .projects{scroll-snap-align:start}.portfolio .projects .pList{display:flex;height:100vh;position:-webkit-sticky;position:sticky;top:0;width:-webkit-max-content;width:max-content}.portfolio .projects .pList .pItem{align-items:center;display:flex;gap:clamp(15px,6vw,100px);height:100vh;justify-content:center;overflow:hidden;padding:1%;width:100vw}.portfolio .projects .pList .pItem .pImg{align-content:center;flex:1 1;width:100%}.portfolio .projects .pList .pItem .pImg img{border-radius:15px;width:clamp(330px,50vw,630px)}.portfolio .projects .pList .pItem .pTxt{display:flex;flex:1 1;flex-direction:column;gap:24px}.portfolio .projects .pList .pItem .pTxt .item-title{font-size:clamp(20px,3vw,37px)}.portfolio .projects .pList .pItem .pTxt .des{font-size:clamp(14px,1vw,17px);line-height:clamp(18px,4vw,25px);width:100%}.portfolio .projects .pList .pItem .pTxt .view-project a{background-color:#000;border-radius:5px;color:#fff;font-size:11.5px;font-weight:500;padding:clamp(11px,1vw,12px) clamp(11px,3vw,20px);width:-webkit-max-content;width:max-content}.portfolio .hire-me{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.portfolio .hire-me .h-title{color:#000;font-size:clamp(25px,8vw,100px);font-weight:400}@media screen and (max-width:1050px){.pItem{flex-direction:column!important;gap:50px!important;padding:50px 30px;text-align:center}.pItem .pTxt{align-items:center;flex:.5 1!important}.pItem .pImg{align-content:end!important}.pItem .pImg img{max-width:550px;width:100%!important}}@media screen and (max-width:520px){.pItem .pTxt{align-items:center;flex:.8 1!important}}@media screen and (max-width:500px)and (min-height:800px){.hire-me{gap:120px;justify-content:center!important}}.contact{display:flex;height:calc(100vh - 80px);justify-content:space-between;padding:0 12%}.contact .c-left-side{align-items:center;display:flex;font-size:30px;justify-content:start;width:40%}.contact .form-container{align-items:center;background:linear-gradient(0deg,#fbf2f2,#f9dfdf);border-radius:10px;box-shadow:0 0 20px hsla(0,0%,50%,.303);display:flex;flex-direction:column;height:clamp(425px,90%,700px);justify-content:center;margin:auto 0;position:relative;width:clamp(300px,80vw,550px)}.contact .form-container .status{font-size:clamp(16px,2vw,20px);font-weight:500;position:absolute;top:4%}.contact .form-container .status.success{color:green}.contact .form-container .status.err{color:#f00000}.contact .form-container form{display:flex;flex-direction:column;font-size:clamp(14px,2vw,16px);font-weight:500;gap:25px;width:85%}.contact .form-container form .input-header{align-items:center;display:flex;justify-content:space-between}.contact .form-container form .input-header .err{color:#f00000}.contact .form-container form input,.contact .form-container form textarea{background-color:#0000;border:none;border-bottom:2px solid #000;font-size:clamp(15px,3vw,16px);margin-top:10px;outline:none;padding:10px;width:100%}.contact .form-container form textarea{resize:none}.contact .form-container form button.submit{background-color:#dec5f4;border:none;border-radius:2px;cursor:pointer;font-size:clamp(14.5px,3.5vw,16px);margin-top:20px;padding:3.5%;width:100%}@media screen and (max-width:1150px){.speach{font-size:clamp(20px,6vw,45px)!important;width:100%}}@media screen and (max-width:1050px){.contact{align-items:center;flex-direction:column;gap:50px;justify-content:start!important;padding-block:20px}.contact .c-left-side{text-align:center;width:100%!important}.contact .form-container{margin:0!important}}@media screen and (max-width:550px){.form-container{height:550px!important}}@media screen and (max-height:700px){.form-container .status{right:45px;top:3%!important}}*{box-sizing:border-box;margin:0;padding:0}a{color:#000;text-decoration:none}li{list-style:none}p{color:#505050;font-weight:500}html{scroll-behavior:smooth}.app{overflow:auto;overflow-x:hidden;position:relative;scroll-snap-type:y mandatory}.app,body{height:100vh}body{background:linear-gradient(180deg,#e5f4ff,#ffe0e0);color:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden}::-webkit-scrollbar{width:13px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#e5f4ff,#ffd6d6)}::-webkit-scrollbar-thumb{background-color:gray;border-radius:10px}.not-found{align-items:center;display:flex;flex-direction:column;font-size:clamp(12px,2vw,22px);gap:50px;height:100vh;justify-content:center;line-height:45px;padding:0 10%;text-align:center}.not-found button.go-back{background-color:#0000;border:1px solid #000;border-radius:5px;box-shadow:0 0 5px;cursor:pointer;font-size:clamp(12.5px,2.7vw,14px);padding:clamp(14px,2vw,20px);transition:.2s;width:clamp(90px,30vw,120px)}.not-found button.go-back:hover{background-color:#000;color:#f1f1f1}
/*# sourceMappingURL=main.58745a1e.css.map*/