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}.App{font-family:Varela}.footer{background-color:#000;border:1px solid #000;color:#fff;padding:30px 0;text-align:center}.uparrow{bottom:50px;position:fixed;right:50px}.uparr{position:relative;text-align:center;top:35px}.uparr a i,.uparrow a i{color:#2f2f2f;font-size:40px}body{background-image:linear-gradient(90deg,#ddd6f3,#faaca8)}.section{display:block;min-height:100vh;opacity:1;padding:50px 30px}.cont{margin:auto;max-width:1100px;width:100%}.section .cont{padding-bottom:70px;padding-top:30px}.section-title{flex:0 0 100%;margin-bottom:20px;margin-left:10px;max-width:100%}.section-title h2{font-size:40px;font-weight:700}.about .about-content{flex:0 0 100%;max-width:100%;padding-bottom:15px}.about .about-content .about-text{flex:0 0 100%;max-width:100%;padding-left:15px}.about .about-content .about-text p{font-size:20px}.about .about-content .personal-info{flex:0 0 100%;margin-top:20px;max-width:100%;padding-left:15px}.about .about-content .personal-info .info-item{flex:0 0 50%;max-width:50%;padding-left:15px;padding-right:15px}.about .about-content .personal-info .info-item p{border-bottom:1px solid #e8dfec;font-size:18px;font-weight:600;padding:10px}.about .about-content .personal-info .info-item p span{display:inline-block;font-size:16px;font-weight:400;margin-left:4px}.resbtn{margin-top:30px;padding-left:15px}.about .about-content .education,.about .about-content .experience{flex:0 0 100%;margin-top:30px;max-width:100%;padding-left:15px}.about .about-content .timeline-box{display:flex;flex:0 0 100%;justify-content:center;width:100%}.shadow-dark{box-shadow:0 0 20px rgba(48,46,77,.15)}.about .about-content .timeline{border-bottom:1px solid #e8dfec;border-radius:10px;min-width:800px;padding:30px 15px;position:relative;width:-webkit-max-content;width:max-content}.about .about-content .timeline .timeline-item{padding-bottom:50px;padding-left:37px;position:relative}.about .about-content .timeline .timeline-item:last-child{padding-bottom:0}.about .about-content .timeline .timeline-item:before{background-color:#ec1839;content:"";height:100%;left:7px;position:absolute;top:0;width:1px}.about .about-content .timeline .circle-dot{background-color:#ec1839;border-radius:50%;height:15px;left:0;position:absolute;top:0;width:15px}.about .about-content .timeline .timeline-date{font-size:14px;font-weight:400;margin-bottom:12px}.about .about-content .timeline .timeline-date .bi-calendar-fill{margin-right:5px}.about .about-content .timeline .timeline-title{font-size:18px;font-weight:700;margin-bottom:15px;text-transform:capitalize}.about .about-content .timeline .timeline-text{font-size:16px;text-align:justify}@media (max-width:768px){.section{padding:0}.about .about-content .about-text p{font-size:16px}.section-title h2{font-size:6vw;margin-top:10px}.about .about-content{padding-bottom:8px}.about .about-content .personal-info .info-item{flex:0 0 100%;max-width:100%;padding-left:10px;padding-right:10px}.about .about-content .personal-info .info-item p{font-size:16px;padding:8px}.about .about-content .personal-info .info-item p span{font-size:14px;margin-left:2px}.resbtn{margin-left:15px;margin-top:20px}.about .about-content .education{margin-top:15px}.about .about-content .timeline{padding:20px 10px}.about .about-content .timeline .timeline-item{padding-bottom:26px;padding-left:25px;position:relative}.about .about-content .timeline .timeline-item:before{left:6px}.about .about-content .timeline .circle-dot{height:12px;width:12px}.about .about-content .timeline .timeline-date{font-size:12px;font-weight:400;margin-bottom:12px}.about .about-content .timeline .timeline-title{font-size:16px;margin-bottom:12px}.about .about-content .timeline .timeline-text{font-size:14px;text-align:justify}.about .about-content .timeline{min-width:350px}}.contact{height:600px}.contact-items{display:flex;justify-content:space-evenly;margin-bottom:10px}.contact-info-item{align-items:center;display:flex;flex-direction:column}.contact-info-item .bi{font-size:25px}.contact-info-item h4{font-size:18px;font-weight:700;margin-top:10px}.contact-info-item p{font-size:16px;font-weight:400}.contact-title{text-align:center}.contact .contact-form .form-item .form-control{background:transparent;border:1px solid rgba(0,0,0,.5);border-radius:20px;margin:15px;padding:10px 25px;transition:all .3s ease}.contact .contact-form .form-item .form-control:focus{box-shadow:0 0 20px rgba(48,46,77,.15)}.contact .contact-form .form-item textarea{height:140px}.contact-form,.rowb{margin-right:10px}.contact .contact-form .btn{border-radius:20px;margin-left:15px;margin-top:15px;padding:10px 25px}.form-item{text-align:center}@media (max-width:768px){.contact-info-item .bi{font-size:20px}.contact-info-item h4{font-size:15px}.contact-info-item p{font-size:14px}.contact-title{font-size:18px}.contact .contact-form .form-item .form-control{border-radius:20px;margin:10px;padding:8px 20px;transition:all .3s ease}.contact .contact-form .btn{margin-top:10px;padding:8px 20px}.form-item{text-align:center}.contact-info-item .bi{font-size:18px}.contact-info-item h4{font-size:14px}.contact-info-item p{font-size:13px}.contact-title{font-size:16px}.contact .contact-form .form-item .form-control{border-radius:20px;margin:8px;padding:6px 18px}.contact .contact-form .btn{padding:6px 18px}}:root{--cyan:#0ff;--gray:#adadaa}.icons-container{bottom:0;position:fixed}.icons{list-style-type:none}.icons li{margin:5px 0}.icons:after{background-color:#adadaa;background-color:var(--gray);content:"";display:block;height:90px;margin-left:12px;margin-top:10px;width:1px}.email-container{bottom:0;position:fixed;right:10px}.email-container p{color:#adadaa;color:var(--gray);-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}.email-container p:after{background-color:#adadaa;background-color:var(--gray);content:"";display:inline-block;height:90px;margin-right:3px;margin-top:10px;width:1px}.homecont{height:600px}main{margin-left:120px;margin-top:70px}main .hi_name{font-size:2vw;font-weight:500;margin:0}main h2{font-size:4vw}main .detail{font-size:20px;max-width:600px}main button{border-radius:3px;padding:5px}main h1{font-size:5vw;font-weight:600}main button:hover{background-color:#a5d7da!important}@media only screen and (max-width:768px){.email-container,.icons-container{display:none}main{margin-left:10px;margin-right:0;margin-top:60px}main h1,main h2{font-size:5vw}main .detail{font-size:16px}main .hi_name{font-size:4vw;font-weight:500;margin:0}main button{font-size:medium;padding:3px}.homecont{height:-webkit-min-content;height:min-content;padding-bottom:30px}}.navibar{align-items:center;background-image:linear-gradient(90deg,#ddd6f3,#faaca8);flex-wrap:wrap;justify-content:space-between;padding:px;width:100%}.navbtns,.navibar{display:flex}.navbtns div{cursor:pointer;font-family:sans-serif;font-size:22px;font-weight:500;letter-spacing:3px;margin-right:5px;padding:10px}.navbtns div:hover{scale:1.05;transition:.3s}.nb{color:#000;text-decoration:none}.brand{-webkit-animation:anim 7s linear infinite;animation:anim 7s linear infinite;font-family:Monoton;font-size:30px;letter-spacing:2px;margin-left:20px}.nav-toggler div{background-color:#a9a9a9;height:3px;margin:6.4px;width:30px}.nav-toggler{display:none}@media (max-width:768px){.nav-toggler{display:block;position:fixed;right:10px}.navbtns{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.34);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);flex-direction:column;position:fixed;right:0;text-align:center;top:85px;-webkit-transform:scale(0);transform:scale(0);transition:.3s;width:100%}}.nav-active{-webkit-transform:scale(1);transform:scale(1)}.toggle .l1{-webkit-transform:rotate(-45deg) translate(-4px,9px);transform:rotate(-45deg) translate(-4px,9px);transition:.4s}.toggle .l2{opacity:0}.toggle .l3{-webkit-transform:rotate(45deg) translate(-4px,-9px);transform:rotate(45deg) translate(-4px,-9px);transition:.4s}@-webkit-keyframes anim{0%{color:violet}14%{color:indigo}28%{color:blue}42%{color:green}56%{color:#ffff95}70%{color:orange}84%{color:red}to{color:violet}}@keyframes anim{0%{color:violet}14%{color:indigo}28%{color:blue}42%{color:green}56%{color:#ffff95}70%{color:orange}84%{color:red}to{color:violet}}.project-items{display:flex;flex-wrap:wrap}.project .project-item{flex:45% 1;margin:15px 15px 30px;position:relative;transition:.5s}.project .project-item:hover{scale:1.04}.overlay{align-items:center;background:transparent;border:1px solid #000;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:30px;position:absolute;top:0;transition:background .3s ease;width:100%}.overlay:hover{-webkit-animation:overanim .3s;animation:overanim .3s;background-color:rgba(0,0,0,.5);opacity:1}.overlay h2{font-weight:600;text-align:center;width:100%}.projectinfo{word-wrap:break-word;font-size:18px;padding:20px 0}.projectbtns{align-items:center;display:flex;justify-content:center}.projectbtns button{margin:10px}.project .project-item-inner{border:6px solid #fdf9ff;border-radius:10px}.project .project-item-inner .project-img,.project .project-item-inner .project-img img{width:100%}.p5{flex:0 0 46%;max-width:46%}@-webkit-keyframes overanim{0%{opacity:0}25%{opacity:.25}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}@keyframes overanim{0%{opacity:0}25%{opacity:.25}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}@media (max-width:1200px){.overlay h2{font-size:18px}.p5{flex:0 0 46%;max-width:46%}.projectinfo{font-size:14px;padding:16px 0}.projectbtns button{font-size:14px;margin:10px}}@media (max-width:1000px){.overlay h2{font-size:18px}.p5{flex:0 0 46%;max-width:46%}.projectinfo{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;overflow:hidden;padding:16px 0}.projectbtns button{font-size:14px;margin:20px 10px 10px}}@media (max-width:450px){.overlay h2{font-size:18px}.projectinfo{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;font-size:15px;overflow:hidden;padding:0}.p5{flex:0 0 100%;max-width:100%}.projectbtns button{font-size:14px;margin:10px}.overlay{padding:10px}}@media (max-width:768px){.overlay h2{font-size:18px}.projectinfo{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;font-size:16px;overflow:hidden;padding:0}.projectbtns button{font-size:14px;margin:10px}.overlay{padding:10px}.p5{flex:0 0 100%;max-width:100%}}.skill img{width:100px}.skill .skill-content{display:flex;flex-wrap:wrap;justify-content:center;margin:15px;padding-bottom:15px}.skill .skill-content .row{border-radius:10px;box-shadow:0 0 20px rgba(48,46,77,.15);margin:10px;padding:15px 40px;transition:.4s}.skill .skill-content .row:hover{scale:1.05}.skill .skill-content .skill-item{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:15px 40px;transition:.4s}.skill .skill-content .skill-item:hover{scale:1.06}.skill .skill-content .skill-item .skill-name{font-size:18px;font-weight:500;margin-top:10px}@media (max-width:768px){.skill img{width:80px}.skill .skill-content{margin:10px;padding-bottom:10px}.skill .skill-content .row{margin:10px;padding:10px 30px}.skill .skill-content .skill-item .skill-name{font-size:16px;font-weight:500;margin-top:10px}}@media (max-width:450px){.skill img{width:50px}.skill .skill-content{margin:0;padding-bottom:10px}.skill .skill-content .row{margin:5px;padding:10px 20px}.skill .skill-content .skill-item .skill-name{font-size:14px;font-weight:500;margin-top:10px}.skill .skill-content .skill-item{width:100px}.section-title h4{font-size:16px}}
/*# sourceMappingURL=main.9af5f3ed.css.map*/