@import url(https://fonts.googleapis.com/css2?family=Monoton&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@900&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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.App-header{font-size:calc(9px + 2vmin)}}@media (max-width:768px){.main{padding:10px}.App-header{font-size:calc(8px + 2vmin)}.App-logo{height:30vmin}}@media (max-width:480px){.App-header{font-size:calc(7px + 2vmin);padding:20px}.App-logo{height:25vmin}.App{padding:20px}}.contact,.item{text-align:center}.item{margin-bottom:2px;margin-top:100px;padding:35px}.wp{padding:20px;transition:.8s}.wp:hover{color:orange;padding:30px;transform:scale(1.3)}.li{padding:25px;transition:.8s}.li:hover{color:blue;padding:30px;transform:scale(1.3)}.gb{padding:20px;transition:.8s}.gb:hover{color:#480848;padding:30px;transform:scale(1.3)}.gm{padding:20px;transition:.8s}.gm:hover{color:crimson;padding:30px;transform:scale(1.3)}.source a:hover{color:#e39d7f}.cont{background-color:#92b9bd;display:flex;justify-content:space-between;margin-top:4%;padding:20px}.ima{background-color:#fff;background-image:url(/static/media/profile.7e2ad2847aefbacf4c0e.jpg);background-position:top;background-size:cover;border-radius:50%;flex-shrink:0;height:375px;margin:30px 2% 2%;width:375px}.name{color:#353535;font-family:Montserrat,sans-serif;font-size:60px;letter-spacing:8px;margin:10% 8% 4%}.titles{font-size:x-large;letter-spacing:7px}.one,.titles{margin:.6% 8% 4%}.one{font-size:large;font-weight:700;letter-spacing:3px}.resume{background-color:#e6e6fa;border:2px solid #000;border-radius:4px;font-size:20px;margin-left:8%;margin-top:10%;padding:5px;text-align:center;transition:.8s;width:120px}.resume,a{color:#000}a{text-decoration:none}a:hover{color:#fff}.resume:hover{background-color:#000;border-radius:5px;color:#fff;cursor:pointer;padding:7px;transform:scale(1)}@media (max-width:1024px){.cont{align-items:center;flex-direction:column;padding:10px}.ima{height:300px;margin-top:20px;width:300px}.name{font-size:50px;margin-top:5%}.one,.resume,.titles{margin-left:0;text-align:center}}@media (max-width:768px){.ima{height:250px;margin-top:15px;width:250px}.name{font-size:40px}.titles{font-size:large}.one{font-size:medium}.resume{font-size:18px;margin-top:8%;width:100px}}@media (max-width:480px){.cont{padding:5px}.ima{height:200px;margin-top:10px;width:200px}.name{font-size:30px}.titles{font-size:medium;letter-spacing:5px}.one{font-size:small;letter-spacing:2px}.resume{font-size:16px;margin:0 auto;padding:4px;width:90px}}.header{background-color:#92b9bd;left:0;overflow:hidden;transition:.3s ease-in;z-index:1}.header,.header .navbar{height:80px;position:fixed;top:0;width:100%}.header .navbar{align-items:center;color:#000;display:flex;font-family:Montserrat,Arial,serif,monospace;font-weight:500;justify-content:space-between}.header-bg{background-color:#92b9bd}.title{font-family:Monoton,cursive;font-size:xx-large;font-weight:500;letter-spacing:10px;margin:25px}.ul-list{display:flex;list-style:none;margin-right:10px}.navitem{color:#000;cursor:pointer;margin:10px;padding:10px;text-decoration:none}.navitem:hover{color:#8f401e}@media (max-width:768px){.header{height:auto}.title,.ul-list{display:none}.menu-btn{display:flex}.navbar{justify-content:space-between}}.experience{background-color:#92b9bd;border-radius:30px;box-shadow:0 1px 2px #00000012,0 2px 4px #00000012,0 4px 8px #00000012,0 8px 16px #00000012,0 16px 32px #00000012,0 32px 64px #00000012;color:#000;display:flex;flex-wrap:wrap;font-family:sans-serif;font-weight:400;margin:4%;padding:40px}.sidebar{border-right:1px solid #e0e0e0;flex:1 1;padding:20px}.sidebar ul{list-style-type:none;padding:0}.sidebar li{color:#333;cursor:pointer;font-family:sans-serif;font-weight:600;padding:10px}.sidebar li.active{background-color:#f9f9f9;border-left:3px solid #92b9bd;color:#92b9bd}.details{flex:3 1;padding:20px}.card1{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.title1{font-size:18px;font-weight:600}.duration{color:#777;font-size:14px;margin:10px 0}ul{list-style-type:none;padding:0}li{padding:5px 0}.company1 a{color:#92b9bd}.company1 a:hover{background-color:#92b9bd;color:#fff;padding:10px}.company-logo{display:flex;float:right;height:38px;vertical-align:middle;width:50px}@media (max-width:1024px){.experience{flex-direction:column;padding:30px}.sidebar{border-bottom:1px solid #e0e0e0;border-right:none;margin-bottom:20px}.details{padding:10px}}@media (max-width:768px){.experience{margin:2%;padding:20px}.sidebar li{font-size:14px;padding:8px}.title1{font-size:16px}.duration{font-size:12px}.card1{padding:15px}}@media (max-width:480px){.experience{margin:1%}.experience,.sidebar{padding:10px}.sidebar li{font-size:12px;padding:6px}.details{padding:5px}.title1{font-size:14px}.duration{font-size:10px}.card1{padding:10px}.company-logo{height:30px;width:40px}}.projects{font-family:sans-serif;letter-spacing:1.5px}.projectCard{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:20px;padding:20px 50px}.project{border-radius:5px;color:#000;margin:15px;padding:15px}.head h2{font-size:20px;font-weight:700;margin-top:0}.project ul{line-height:20px;list-style-type:disc;margin-left:20px;padding-left:0}.project li{font-size:small;margin-bottom:10px;padding:5px;position:relative}.project:hover{border:3px solid #0000;transform:scale(1.1);transition:transform .5s ease}.project p{margin-top:0}.head h2 .logo{float:right;font-size:18px;margin-left:10px}.head h2 .logo a{color:#333;text-decoration:none}.head h2 .logo a:hover{color:#000}@media (max-width:1024px){.projectCard{padding:20px}.project{margin:10px;padding:10px}}@media (max-width:768px){.projectCard{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:15px}.project{margin:8px;padding:8px}.head h2{font-size:18px}}@media (max-width:480px){.projectCard{grid-template-columns:1fr;padding:10px}.project{margin:5px;padding:5px}.head h2{font-size:16px}.project li{font-size:smaller}}.icon-with-label{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px;text-align:center}.icon-label{color:#000;font-size:12px;font-weight:100;margin-top:5px}.icon-image{height:50px;width:50px}@media (max-width:768px){.icon-with-label{margin:5px}.icon-label{font-size:11px}.icon-image{height:40px;width:40px}}@media (max-width:480px){.icon-with-label{margin:3px}.icon-label{font-size:10px}.icon-image{height:35px;width:35px}}.skil{font-family:Montserrat,sans-serif;letter-spacing:1.5px}.card{display:flex;justify-content:space-evenly}.leftCard{background-color:#92b9bd;border-radius:30px;box-shadow:0 1px 2px #00000012,0 2px 4px #00000012,0 4px 8px #00000012,0 8px 16px #00000012,0 16px 32px #00000012,0 32px 64px #00000012;color:#fff;font-weight:400;margin:4%;padding:40px;text-align:left}.leftCard p{color:#000;font-family:sans-serif;font-size:13pt;font-weight:400;margin-bottom:1.25rem;opacity:.9}.leftCard p a u{color:#8a2be2}.rightCard{padding:20px 50px;text-align:right}@media (max-width:1024px){.leftCard{margin:4%;padding:40px 80px}.rightCard{padding:15px 40px}}@media (max-width:768px){.card{align-items:center;flex-direction:column}.leftCard{margin:2%;padding:30px 60px;text-align:center}.rightCard{padding:10px 30px;text-align:center}}@media (max-width:480px){.leftCard{margin:2%;padding:20px 40px;text-align:center}.leftCard p{font-size:12pt}.rightCard{padding:10px 20px;text-align:center}}.loading-container{align-items:center;background-color:#ffffffe6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner{animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:120px;width:120px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.spinner{border-width:14px;height:100px;width:100px}}@media (max-width:768px){.spinner{border-width:12px;height:80px;width:80px}}@media (max-width:480px){.spinner{border-width:10px;height:60px;width:60px}}
/*# sourceMappingURL=main.ee60c5e0.css.map*/