@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{flex-direction:column;gap:6rem;mix-blend-mode:overlay;overflow:hidden}.App,.header{background-color:#3c3f45;display:flex}.header{justify-content:space-between;position:fixed;top:0;width:100%;z-index:99}.nav-head{justify-content:space-between;margin:auto;width:80%}.nav-head,.nav-logo{align-items:center;display:flex}.nav-logo h1{color:red;font-size:3rem}.nav-logo h1,.nav-logo span{font-family:Dancing Script,cursive}.nav-logo span{color:#fff}.nav-menu,.navbar{align-items:center;display:flex}.nav-menu{gap:3rem;list-style:none;position:relative}.nav-list{color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600}.nav-list:hover{color:#ff4500;-webkit-transform:scale(1.2);transform:scale(1.2)}.nav-icon{cursor:pointer;opacity:0}.nav-icon i{color:#fff;font-size:2rem}@media screen and (max-width:900px){.nav-menu-r{align-items:center;background-color:#3c3f45;flex-direction:column;justify-content:center;list-style:none;padding-bottom:1rem;position:absolute;right:0;text-align:center;top:56px;transition:1s ease;width:100%}.nav-menu-r li{margin:40px 0}.nav-menu{display:none}.nav-icon{opacity:1}}.hero-container{align-items:center;display:flex;flex-wrap:wrap;gap:6rem;height:100vh;justify-content:center;position:relative}.hero-left{width:100%}.hero-left,.hero-right{align-items:center;display:flex;flex:1 1;justify-content:center}.hero-right{flex-direction:column;margin:0 30px}.hero-title{color:#fff;margin-top:1rem;text-align:center}.hero-title h4{font-size:2rem;padding-bottom:1rem}.hero-title h2{font-size:3.5rem;font-weight:600;padding-bottom:1rem}.title-animation{-webkit-animation:title 3.5s steps(10) infinite;animation:title 3.5s steps(10) infinite;background-color:#ff4500;height:90px;width:1px}@-webkit-keyframes title{to{width:230px}}@keyframes title{to{width:230px}}.title-animation h3{font-size:2.5rem;font-weight:700;overflow:hidden;padding-bottom:3rem;text-align:center}.btn,.title-animation h3{align-items:center;display:flex}.btn{flex-wrap:wrap;justify-content:center;margin:40px;width:100%}.btn,.btn a{cursor:pointer}.btn a{border:2px solid #fff;border-radius:4px;color:#fff;font-size:1.2rem;margin:10px;padding:10px 20px;text-decoration:none;transition:.3s ease}.btn a:first-child{background-color:#ff4500;border:none}.btn a:first-child:hover{background-color:#fff;color:#ff4500}.btn a:nth-child(2){padding:10px 40px}.btn a:nth-child(2):hover{background-color:#ff4500;border:none;cursor:pointer}.blur{background-color:#fac159;border-radius:50%;-webkit-filter:blur(182px);filter:blur(182px);height:500px;width:500px;z-index:-9}.profile-box{-webkit-animation:one 2.5s steps(10) infinite;animation:one 2.5s steps(10) infinite;background-color:initial;border:2px solid #ff4500;bottom:10rem;height:350px;left:-20rem;position:absolute;position:relative;top:-1rem;width:250px}@-webkit-keyframes one{to{left:-23rem}}@keyframes one{to{left:-23rem}}.profile{-webkit-animation:two 2.5s steps(10) infinite;animation:two 2.5s steps(10) infinite;background-color:#ff4500;height:350px;left:12rem;margin-top:2rem;position:absolute;width:250px}@-webkit-keyframes two{to{left:15rem}}@keyframes two{to{left:15rem}}.profile-img{background-color:blue;height:350px;left:12rem;position:absolute;width:250px}.profile-img img{height:100%;width:100%}@media screen and (max-width:400px){.profile-img{left:4rem;top:10rem}.profile{-webkit-animation:t2 2.5s steps(10) infinite;animation:t2 2.5s steps(10) infinite;left:4.5rem;top:9rem}@-webkit-keyframes t2{to{left:6rem}}@keyframes t2{to{left:6rem}}.profile-box{-webkit-animation:t1 2.5s steps(10) infinite;animation:t1 2.5s steps(10) infinite;left:-8rem;top:4.5rem;width:550px}@-webkit-keyframes t1{to{left:-10rem}}@keyframes t1{to{left:-10rem}}.btn{display:flex}.btn a{padding:10px}}.skills{justify-content:space-between;width:90%}.skills,.skils-container{align-items:center;display:flex;margin:auto;position:relative}.skils-container{flex-wrap:wrap;justify-content:center;width:100%}.skill-left{align-items:center;flex:1 1;padding:2rem;position:relative;width:100%}.skill-left img{border-radius:5px;height:100%;object-fit:cover;width:100%}.skill-right{align-items:center;color:#fff;flex:1 1;justify-content:center;width:100%}.skill-right h2{font-size:2rem;margin-bottom:2rem}.skill-bar span{font-size:1rem;font-weight:700;margin-bottom:2rem}.bar{background-color:#ccc;margin-bottom:2rem;margin-top:1rem;position:relative;width:80%}.bar,.bar-value{border-radius:20px;height:20px}.bar-value{background-color:#000;position:absolute;text-align:center}.blur-skill{background-color:#fac159;border-radius:50%;-webkit-filter:blur(142px);filter:blur(142px);height:500px;position:absolute;width:500px;z-index:-9}.html{width:85%}.css{width:75%}.js{width:60%}.react{width:56%}.bootstraup{width:65%}.ps{width:85%}.bar-value span{color:#fff;font-size:1rem;font-weight:500;text-align:center}@media screen and (max-width:810px){.skils-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:12rem;width:100%}}.education{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.education h2{color:#fff;font-size:3rem;padding:2rem 0;text-align:center}.box{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:2rem;width:80%}.box,.plan{display:flex}.plan{background-color:#3c3c3c;color:#fff;cursor:pointer;flex-direction:column;height:350px;line-height:23px;margin:1%;max-width:300px;position:relative;width:100%}.plan:hover{background-color:#ff4500;box-shadow:2px 2px 4px rgb(0,0,0,.9),-2px -2px 4px rgb(0,0,0,.9)}.plan :first-child{height:150px;margin-bottom:1rem;max-width:300px;object-fit:cover;position:relative;width:100%}.plan :nth-child(2){font-size:1.2rem;font-weight:600;margin:5px 10px}.plan :nth-child(3){font-size:1.2rem;margin-bottom:5px;margin-left:10px}.head{font-weight:600}.plan :nth-child(4){font-size:1.2rem;font-weight:500;margin-bottom:5px;margin-left:10px}.plan :nth-child(5){font-size:1.2rem}.plan :nth-child(5),.plan :nth-child(6){display:flex;font-weight:600;margin-bottom:5px;margin-left:10px}.plan :nth-child(6){flex-wrap:wrap;font-size:1rem;position:relative}.experince{margin:auto;width:80%}.experince-content{line-height:20px}.experince h4{background-color:#ff4500;font-size:2rem;font-weight:700;padding:8px 10px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.experince h4 span{background-color:initial;border:2px solid #ff4500;margin-left:-160px;margin-top:-16px;padding:30px 90px;position:absolute}.experince h5{color:#f0f8ff;font-size:1.2rem;margin-top:2rem}.experince h5>span{font-size:1rem;font-weight:500}.project{color:#fff;display:flex;flex-direction:column;margin:auto;position:relative;width:90%}.project h1{font-size:3rem;padding:2rem 0;text-align:center}.project-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.proj{background-color:#3c3c3c;border-bottom-left-radius:50px;border-top-right-radius:50px;cursor:pointer;height:300px;margin:2rem;position:relative;width:300px}.proj img{object-fit:contain;overflow-y:scroll}.proj img,.proj-content{height:300px;overflow:hidden;position:absolute;width:300px}.proj-content{background-color:#ff4500;border-bottom-left-radius:50px;border-top-right-radius:50px;display:flex;flex-direction:column;flex-wrap:wrap;opacity:0;padding:2rem;top:.01px;transition:1s ease;z-index:2}.proj-content:hover{opacity:1}.proj-content>span:first-child{font-size:2rem;font-weight:700;margin-bottom:2rem}.proj-content>span:nth-child(2){font-size:1rem;font-weight:700;margin-bottom:1rem}.proj-content a{background-color:#fff;border-radius:10px;color:#000;font-size:1rem;padding:6px 20px;text-align:center;text-decoration:none}.blur-continaer{align-items:center;display:flex;justify-content:space-between;position:absolute;width:100%}.blur-left,.blur-right{background-color:#fac159;border-radius:50%;-webkit-filter:blur(142px);filter:blur(142px);height:300px;width:300px;z-index:-9}.blur-right{margin-right:5rem}@media screen and (max-width:375px){.proj{border-bottom-left-radius:5px;border-top-right-radius:5px;cursor:pointer;height:300px;width:300px}.proj img{height:300px;width:270px}.proj-content{border-bottom-left-radius:5px;border-top-right-radius:5px;font-size:1rem}}.contact{color:#fff;display:flex;flex-direction:column;margin:auto;padding:1rem;width:80%}.contact h1{font-size:3rem;text-align:center}.contact-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:0 3rem}.contact-left{flex:1 1}.contact-left img{border-radius:10px;height:500px;object-fit:contain;width:500px}.contact-right{flex:1 1}.contact-right form{display:flex;flex-direction:column;height:auto;margin:auto;max-width:400px;padding:1rem 0;width:400px}.contact-right form>label{font-size:1.2rem;font-weight:700;padding:1rem 0}.contact-right form>input{background-color:initial;border:0;border-bottom:2px solid #fff;color:#fff;font-size:1.2rem;outline:none;padding:10px 20px}.contact-right form>textarea{height:100px;margin:1rem 0;outline:none;overflow:hidden}.contact-right form>button{align-items:center;background-color:#ff4500;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin:auto;outline:none;padding:10px 20px;text-align:center;transition:1s ease;width:100px}.contact-right form>button:hover{background-color:#fff;color:#000}@media screen and (max-width:375px){.contact-container{align-items:center;display:flex;justify-content:center;padding:3rem;width:80%}.contact-right form{margin-left:3rem;width:300px}}.footer{color:#fff;margin:auto;position:relative;width:100%}.footer hr{background-color:#fff}.footer-container ul{list-style:none;margin:auto;position:relative;width:80%}.footer-container ul,.footer-container ul li{align-items:center;display:flex;justify-content:center}.footer-container ul li{flex-direction:column;margin:2rem;text-align:center}.footer-container i{align-items:center;color:aqua;flex-direction:column;font-size:2rem;justify-content:center;padding:1rem}.footer-container a{color:#fff;font-size:1.2rem;font-weight:600;text-decoration:none}.link{background-color:#3c3c3c;padding:1rem;z-index:20}.link-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;text-align:center;width:80%}.link a{color:#fff;font-size:1rem;margin:0 1rem;text-decoration:none}.link i{color:#7fffd4;color:#ccc;font-size:1.3rem;margin:0 1rem}.blur-footer-l{background-color:#fac159}.blur-footer-l,.blur-footer-r{border-radius:50%;-webkit-filter:blur(142px);filter:blur(142px);height:300px;margin-right:5rem;width:300px;z-index:-9}.blur-footer-r{background-color:#e9812b}.blur-container{display:flex;justify-content:space-evenly;position:absolute;width:100%}@media screen and (max-width:375px){.footer-container ul li,.link i{margin:1rem}}
/*# sourceMappingURL=main.b7e5d9e3.css.map*/