@import url(https://fonts.googleapis.com/css?family=Lato);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);.home{box-shadow:(10px 10px 10px rgba(0,0,0,.526));color:#000;font-family:Poppins,sans-serif!important;margin:30px 30%;text-align:center}.name_profile{font-size:39px!important;text-align:center}.flex-1{align-items:center;border-radius:10%;display:flex;flex-direction:column;justify-content:center}.img{border-radius:50%;box-shadow:0 10px 10px #465494a2;margin-top:-50px;min-height:307.81px;min-width:400px;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;width:400px}.img:hover{border-radius:24% 76% 35% 65%/27% 36% 64% 73%;-webkit-transform:translateY(-40px);transform:translateY(-40px)}.flex-2{display:flex;flex-direction:column}.title{padding-top:15px}.description{font-size:20px!important;padding-left:10%;padding-right:10%;width:1200px}.text{font-size:30px}h1{color:#484848;cursor:pointer;font-family:monospace;font-size:50px;font-weight:700;letter-spacing:7px}h1 span{transition:.5s linear}h1:hover span:first-child{margin-right:5px}h1:hover span:nth-child(2){margin-left:30px}h1:hover span{color:#fff;text-shadow:0 0 10px #a84a4a,0 0 20px #0c5b6f,0 0 40px #220a0a}@media only screen and (max-width:850px){h3{display:none}.flex{display:flex;flex-direction:row;justify-content:space-evenly}.description{font-size:15px!important;width:400px}.img{border-radius:50%;box-shadow:0 10px 10px #465494a2;margin-top:50px;min-height:200px;min-width:250px;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;width:200px}}body{background:#f1f4f9;font-family:Lato,sans-serif}a,body{color:#fff}a{text-decoration:none}p>a:hover{color:#d9d9d9;text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:1% 0}ul{list-style:none;padding:0}.social-icon{color:#f1f4f9;font-size:40px;padding-left:50px}ul.social-icons{margin-top:0}.social-icons li{display:inline;height:100px;vertical-align:top}.social-icons a{color:#050505;text-decoration:none}.fa-facebook{background:#f1f4f9;padding:10px 14px;transition:.5s}.fa-facebook:hover{background-color:#3d5b99}.fa-linkedin{background:#f1f4f9;padding:10px 14px;transition:.5s}.fa-linkedin:hover{background-color:#0073a4}.fa-github{background:#f1f4f9;padding:10px 14px;transition:.5s}.fa-github:hover{background-color:#5a32a3}.flex{display:flex;justify-content:space-between}.hover{--s:0.1em;--c:#1095c1;background:linear-gradient(90deg,var(--c) 50%,#000 0) 100% /200% 100%,linear-gradient(var(--c) 0 0) 0 100% /0 var(--s) no-repeat;background:linear-gradient(90deg,var(--c) 50%,#000 0) calc(100% - var(--_p, 0%)) /200% 100%,linear-gradient(var(--c) 0 0) 0 100% /var(--_p,0) var(--s) no-repeat;-webkit-background-clip:text,padding-box;background-clip:text,padding-box;color:#0000;padding-bottom:var(--s);transition:.5s}.hover:hover{--_p:100%}body{display:grid;place-content:center}h3{cursor:pointer;font-family:system-ui,sans-serif;font-size:2rem;margin:0;padding:0 .1em}@media only screen and (max-width:768px){.flex{display:flex;justify-content:space-evenly}}.App{font-family:sans-serif;height:92vh;margin:auto}.App,.item{align-items:center;display:flex;justify-content:center}.item{color:#fff;font-size:4em;height:250px;margin:0 15px;width:80%}.card{--card-gradient:hsla(0,3%,93%,.8);background-image:linear-gradient(var(--card-gradient),#e2e1e1);border-radius:.5rem;box-shadow:.05rem .1rem .3rem -.03rem hsla(0,6%,94%,.45);height:450px;padding-bottom:1rem}.card img{aspect-ratio:4/3;border-radius:.5rem .5rem 0 0;max-height:max(10rem,30vh);width:100%}.card:focus-within,.card:hover{--card-gradient:#ddf3fa max(8.5rem,20vh);border-radius:.5rem}*{box-sizing:border-box}body{background-color:#e1faf1;color:#444;font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,Ubuntu,roboto,noto,segoe ui,arial,sans-serif;line-height:1.5;padding:1rem}.card h3{font-size:1.25rem;margin-left:1rem}.card a{color:inherit}.card p{margin-left:1rem}.card-wrapper{min-height:370px;min-width:390px}.card:hover{box-shadow:5px 5px 15px transparent;-webkit-transform:scale(1.15);transform:scale(1.15)}.card{cursor:pointer;margin:auto;min-height:350px;min-width:350px;transition:.5s ease;width:50%}.text-box{left:50%;position:absolute;text-align:center;top:15%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.heading-primary{color:#333;text-transform:uppercase}.heading-primary-main{-webkit-animation-name:moveInleft;animation-name:moveInleft;font-size:60px;font-weight:400;letter-spacing:35px}.heading-primary-main,.heading-primary-sub{-webkit-animation-duration:3s;animation-duration:3s;display:block}.heading-primary-sub{-webkit-animation-name:moveInRight;animation-name:moveInRight;font-size:20px;font-weight:700;letter-spacing:15.9px}@-webkit-keyframes moveInleft{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes moveInleft{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@media only screen and (max-width:600px){.App{height:100vh}.heading-primary-main{display:block;font-size:40px;font-weight:400;letter-spacing:25px}.text-box{text-align:center;top:12%}.heading-primary-sub{display:none}.card{height:50%}.card p{margin:auto;width:50%}}@media only screen and (max-width:850px){.heading-primary-main{display:block;font-size:40px;font-weight:400;letter-spacing:25px}.heading-primary-sub{display:none}.text-box{top:12%}.App{height:100vh}.card{height:70%}.card p{margin:auto;width:70%}.text-box{text-align:center;top:8%}}.box__nav{align-items:center;display:flex;justify-content:center;left:10%;position:fixed;right:10%;top:94%}.box__nav,.icon__background:hover{background-color:#f1f4f9!important}.icon__background:hover{color:#0051ff;-webkit-transform:scale(1.4)!important;transform:scale(1.4)!important;transition:.5s}.icon__background{font-size:60px;margin-left:50px!important}.css-16lloyr-MuiBottomNavigation-root,.icon__background,root>div.box__nav>div>div{background-color:#f1f4f9!important}@media only screen and (max-width:850px){body{line-height:1.2}.box__nav{-webkit-animation:2s ease-in-out both;animation:2s ease-in-out both;bottom:10px;left:50%;opacity:.5;position:fixed;right:auto;top:auto;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%}#root>h1,.title_skills{display:none}.icon__background{margin-left:0;margin-left:0!important;margin-right:0;width:10px}.social-icons{display:none}.container{margin-top:-70px}.text{display:none}#root>div.container>div>div>h1.name__profile>span:nth-child(2){font-size:25px}}body{background-repeat:no-repeat;background-size:cover;background:#2b585c;font-family:Roboto;padding:0}.formLogin{background:#fff;border-radius:20px;height:50%;margin-bottom:40px;margin-top:100px;padding:0;width:25%}.center{display:flex;justify-content:center}.center form h1{border-bottom:1px solid silver;padding:0 0 20px;text-align:center}.center form{padding:0 40px}form .txt_field{border-bottom:2px solid #adadad;margin:30px 0;position:relative}.txt_field input{background:none;border:none;font-size:16px;height:40px;outline:none;padding:0 5px;width:100%}.txt_field label{color:#adadad;font-size:16px;left:5px;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.text_field span:before{background:#2691d9;content:"";height:2px;left:0;position:absolute;top:40px;transition:.5s;width:0}.txt_field input:focus~label,.txt_field input:valid~label{color:#2691d9;top:-5px}.txt_field input:focus~span:before,.txt_field input:valid~span:before{width:100%}.login-btn button{border:1px solid;border-radius:25px;cursor:pointer;font-size:18px;font-weight:700;height:50px;margin-bottom:20px;width:100%}.login-btn button:hover{background:#2691d9;color:#e9f4fb;transition:-5s}.login-btn Link{color:#666;font-size:16px;margin:30px 0;text-align:center}form p{color:crimson;letter-spacing:.1rem;margin-bottom:10px;text-align:center}@media only screen and (max-width:1000px){center{display:block}.formLogin{background:#fff;border-radius:20px;height:50%;margin-bottom:40px;margin-top:100px;padding:0;width:80%}}@media only screen and (max-width:750px){center{display:block}.formLogin{background:#fff;border-radius:20px;height:50%;margin-bottom:40px;margin-top:100px;padding:0;width:100%}}.containerr{display:flex;height:30rem}.Contact--SVG{height:40rem;margin:20px 20px 20px 12%}#envelope{-webkit-animation:float 2s ease-in-out infinite;animation:float 2s ease-in-out infinite}#star1,#star2,#star3,#star4,#star5,#star6{-webkit-animation:blink 1s ease-in-out infinite;animation:blink 1s ease-in-out infinite}#star2{-webkit-animation-delay:.1s;animation-delay:.1s}#star3{-webkit-animation-delay:.5s;animation-delay:.5s}#star4{-webkit-animation-delay:.7s;animation-delay:.7s}#star5{-webkit-animation-delay:.3s;animation-delay:.3s}#star6{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes blink{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes blink{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.containerr{height:100vh}.Formating--Contact{height:40rem;margin:20px;min-width:30rem}.Formating--Contact .title{color:#212529;font-family:sans-serif;font-size:3rem;text-align:center}.Formating--Contact .form-control{background-color:#f2f6f8;border:none;border-radius:2rem;box-shadow:0 7px 5px rgba(0,0,0,.11)}.Formating--Contact .form-control.thick{height:3.3rem;margin:1.5rem;padding:.6rem 3rem}.Formating--Contact .form-control:focus{background-color:#f2f6f8;border:none;box-shadow:0 7px 5px rgba(0,0,0,.11)}.Formating--Contact .message .form-control{margin:1.5rem;padding:.5rem 3rem}.Formating--Contact ::-webkit-input-placeholder{color:#838788;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:600;left:0;position:relative}.Formating--Contact :-ms-input-placeholder{color:#838788;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:600;left:0;position:relative}.Formating--Contact ::placeholder{color:#838788;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:600;left:0;position:relative}.Formating--Contact input,.Formating--Contact textarea{color:#212529;font-family:Quicksand,sans-serif;font-size:1.1rem;resize:none;width:100%}.Formating--Contact .icon{color:#57565c;height:1.3rem;left:1.5rem;position:absolute;top:1.1rem}.btn.btn-primary{background-image:linear-gradient(131deg,#ffd340,#ff923c,#ff923c,#ff923c);background-size:300% 100%;border:0;border-radius:3rem;font-family:Quicksand,sans-serif;font-weight:700;height:3rem;line-height:2.5rem;margin:1rem 1.5rem;padding:0 3rem;transition:all .3s ease-in-out}.btn.btn-primary:hover:enabled{background-size:100% 100%;box-shadow:0 .5em .5em -.4em rgba(255,146,60,.729);-webkit-transform:translateY(-.15em);transform:translateY(-.15em)}@media only screen and (max-width:1000px){.containerr{display:block}svg .Contact--SVG{margin:20px;max-width:20%}}@media only screen and (max-width:750px){.Contact--SVG{display:none}.containerCONTACT{display:block;height:40%;margin:auto;width:65%}.Formating--Contact{height:30rem;margin:20px;min-height:19rem;min-width:18rem;position:fixed;width:20px}.form_container{margin:0 auto}.title{font-size:30px!important}.Formating--Contact .title{color:#212529;font-family:sans-serif;font-size:3rem;text-align:center}.containerr{height:80vh}}.title_skills{margin-bottom:90px;padding-top:60px}.flexs,.title_skills{display:flex;justify-content:center}.flexs{flex-wrap:wrap}.skills{display:inline-block;font-size:16px;margin:10px;max-width:310px;min-width:250px;position:relative;text-align:center;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;width:100%}.skills figcaption{padding:5% 10% 15%}.skills h5{color:#888;font-weight:400;letter-spacing:1px;margin:0;text-transform:uppercase}.skills:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.home_dashboard{margin-top:200px}.change_photo_title{text-align:center}.profile-pic{align-items:center;color:transparent;display:flex;justify-content:center;position:relative;transition:all .3s ease}.profile-pic input{display:none}.profile-pic .input__name{border-color:red;font-size:36px}.profile-pic img{border-radius:100px;box-shadow:0 0 10px 0 hsla(0,0%,100%,.35);height:300px;object-fit:cover;position:absolute;width:300px;z-index:0}.profile-pic .-label{cursor:pointer;height:300px;width:300px}.profile-pic:hover .-label{align-items:center;border-radius:100px;color:#fafafa;display:flex;justify-content:center;margin-bottom:0;opacity:1;transition:background-color .2s ease-in-out;z-index:10000}.profile-pic span{color:#000;display:inline-flex;font-size:60px;height:2em;padding:.2em}body{align-items:center;background-color:#191815;display:flex;height:100vh;justify-content:center}body a:hover{text-decoration:none}.edit__info{font-size:40px;padding-top:30px;text-align:center}.profile-pic:hover{opacity:.4}.save__button{background-color:#337ab7;border-color:#2e6da4;color:#fff}.button{border-radius:.25em;color:#fff;display:inline-block;font-family:Open Sans;font-size:20px;font-weight:400;text-shadow:-1px -1px 0 rgba(0,0,0,.4)}.primary{line-height:40px;padding:0 16px;transition:.2s ease-in-out}.condensed:hover,.primary:hover,.touch:hover{box-shadow:2px 2px 5px rgba(0,0,0,.2),inset 0 0 0 99999px rgba(0,0,0,.2);-webkit-transform:scale(1.02);transform:scale(1.02)}.edit:before{background:none;color:#fff;display:inline-block;font-family:FontAwesome;font-size:1rem;padding-right:12px}.condensed.edit:before{content:none}.edit{background:#2f70e8}.edit:before{content:""}.alert__save{align-items:center;display:flex;justify-content:center}@media only screen and (max-width:850px){.home_dashboard{margin-top:2px}span{color:#000;display:inline-flex;font-size:20px;height:2em}.edit__info{font-size:40px;padding-top:1px;text-align:center}logoutButton{background-color:#2b585c;border:none;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:5px 3px;text-align:center;text-decoration:none}}.navbar{border-radius:2.5rem;padding:5px;position:fixed;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10}.navbar ul{font-size:90px}.navbar ul li{padding-bottom:50px;padding-top:50px;transition:.2s}.navbar ul li:hover{color:#0051ff;-webkit-transform:scale(1.4)!important;transform:scale(1.4)!important}@media(max-width:1290px){.navbar{-webkit-animation:navBackground 2s ease-in-out both;animation:navBackground 2s ease-in-out both;bottom:10px;left:50%;padding-inline:15px;right:auto;top:auto;-webkit-transform:translate(-50%);transform:translate(-50%)}.navbar ul{display:flex;gap:1rem}.navbar ul li{padding:0}}.navbar .navLink{align-items:center;background-color:var(--mainColor);border-radius:50%;color:var(--fontColor);display:flex;justify-content:center;padding:10px;transition:all .3s ease-in-out}.navbar .navLink svg{font-size:3rem}@media(max-width:600px){.navbar .navLink svg{font-size:1.2rem}}.navbar .navLink.active{background-color:var(--fontColor);color:var(--mainColor)}@-webkit-keyframes navBackground{0%{background-color:transparent;background-color:initial;box-shadow:none}to{background-color:rgba(25,29,36,.35);box-shadow:-10px 10px 20px -4px rgba(0,0,0,.55)}}@keyframes navBackground{0%{background-color:transparent;background-color:initial;box-shadow:none}to{background-color:rgba(25,29,36,.35);box-shadow:-10px 10px 20px -4px rgba(0,0,0,.55)}}.h1-contact{color:#12adc1;text-align:center}table{border-collapse:collapse;margin:2rem auto;max-width:1500px;width:100%}table td,table th{border:2px solid #000;color:#033f43;padding:8px}thead{background-color:#fdd037}.logoutButton{background-color:#2b585c;border:none;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:15px 32px;text-align:center;text-decoration:none}@media only screen and (max-width:850px){.logoutButton{background-color:#2b585c;border:none;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:5px 3px;text-align:center;text-decoration:none}}.edit__btn{-webkit-appearance:none;appearance:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#2f80ed!important;border-radius:10px;border-style:none;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:Inter,-apple-system,system-ui,Segoe UI,Helvetica,Arial,sans-serif;font-size:15px;font-weight:500;height:50px;letter-spacing:normal;line-height:1.5;margin-bottom:1%;margin-left:5%;margin-top:1%;outline:none;padding:14px 30px;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .3s;-ms-user-select:none;user-select:none;-webkit-user-select:none;vertical-align:top;white-space:nowrap}.testtt{display:none}.project__description{height:150px}.addProject__container{background-color:#f0f0f8;display:block;height:500px;width:550px}.save__btn{background-color:#2f80ed;border-radius:8px;border-style:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:18px;margin-right:5%;outline:none;padding:10px 16px}.save__btn:hover{background-color:#1665c4}.addProject__title{font-size:20px}*{scrollbar-color:#2f80ed #fff;scrollbar-width:auto}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background-color:#2f80ed;border:3px solid #fff;border-radius:10px;height:auto}.filelabel{border:2px dashed grey;border-radius:5px;cursor:pointer;display:block;margin:0;padding:5px;text-align:center;transition:border .3s ease;width:120px}.filelabel i{display:block;font-size:30px;padding-bottom:5px}.filelabel .title,.filelabel i{color:grey;transition:color .2s}.filelabel:hover{border:2px solid #1665c4}.filelabel:hover .title,.filelabel:hover i{color:#1665c4}#FileInput{display:none}.edit__projects{height:40px}.edit__projects,.input__description{border:none;display:block;font-size:16px;padding:6px 16px;width:95%}.input__description{height:150px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f4f9!important;display:block;font-family:Poppins,sans-serif;margin:0}.loader-container{padding-top:200px;text-align:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.css-de1c49{background:#f1f4f9!important}
/*# sourceMappingURL=main.f68ba190.css.map*/