@import url(https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap);.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}:root{--off-white:#fafafa}.section-dark{background:#6a7378;color:#fff}.section-content{margin:0 auto;max-width:800px;padding:40px}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.icons{color:#000;margin-bottom:1rem;transition:.5s}.icon,.icons:hover{color:#fff}.icon:hover{color:#000}.icon-button{margin:10rem .25rem 0}.icon-button:hover{color:#000}.linkedin{color:#0e76a8}.github{color:#333}.instagram{color:#e4405f}.google{color:#ea4335}.twitter{color:#1da1f2}.iconclass{padding-bottom:1em;padding-top:1em}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Oxygen,sans-serif}.wrapper{grid-gap:2rem;display:grid;gap:2rem;padding:3% 15% 7%}.card,.wrapper{justify-content:center;text-align:center}.card{border-radius:.2rem;box-shadow:0 2px 20px #e1e5ee;cursor:pointer;flex-direction:column;height:480px;margin:1rem;overflow:hidden;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.card__image{height:200px;object-fit:cover;width:100%}.card__btn{background:transparent;border:2px solid #028ea7;border-radius:.2rem;color:#028ea7;font-family:inherit;font-size:1rem;font-weight:700;margin:1rem;padding:1rem;transition:background .2s ease-in,color .2s ease-in}.card:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.card:hover .card__btn{background:#028ea7;color:#fff}.h1__heading{color:#000;font-family:Montserrat,sans-serif;font-size:3em;font-weight:700;letter-spacing:1px;line-height:1.5}.actions li{display:inline;font-size:1.2em;list-style-type:none;padding-right:15px}.tech{color:#000;font-size:15px;margin-bottom:0}.hide{display:none}.medium{font-size:2.5rem;line-height:2rem;margin:5px 15px;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.medium:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.mySpan:hover+.hide{color:red;display:block}.techicons{align-items:center;display:flex;justify-content:end}.techicons.right{justify-content:flex-start}.techicons.left{justify-content:end}.techsvg{align-content:center;display:flex;flex-wrap:wrap}.techsvg.right{justify-content:flex-start}.techsvg.left{justify-content:end}.TechCard{border-radius:.2rem;box-shadow:0 0 0 #e1e5ee;cursor:pointer;flex-direction:column;justify-content:center;margin:auto auto 2rem;overflow:hidden;text-align:center;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.TechCard:hover{-webkit-transform:scale(1);transform:scale(1)}.p-3{padding:1rem!important}.mb-2{margin-bottom:1rem!important}.techStackImage{height:250px}.nav{align-items:center;background-color:initial;color:#fff;display:flex;height:90px;min-height:70px;padding:1% 15%;position:-webkit-sticky;position:fixed;text-transform:uppercase;top:0;transition:.8s;width:100%;z-index:2}.nav.active{background:#000;border-radius:0;box-shadow:0 0 10px #000;padding:1% 10%}.nav__container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;position:relative;width:100%}.nav__container__actions{display:inline-flex;flex-flow:row nowrap;padding-left:50px}.active{background-image:linear-gradient(90deg,#557a95 0,#7395ae 51%,#5d5c61);background-size:200% auto;border-radius:10px;height:70px;padding:.5rem;text-align:center}.active,.active:hover{color:#fff;text-decoration:none}.active:hover{background-position:100%}.nav-logo{cursor:pointer;font-family:Kalam,cursive;padding-top:10px;vertical-align:0}.navList{align-items:center;display:flex;gap:2rem;list-style:none;padding:0}li{cursor:pointer;letter-spacing:.3px;margin-top:2%}.leftnav{margin-left:auto;margin-top:auto}li:hover{color:#b0a295}a{color:inherit;text-decoration:none}.home__title{font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:1px;line-height:1.5}.background,.home__title{color:#fff;text-align:center}.background{background-image:linear-gradient(90deg,#557a95 0,#7395ae 51%,#5d5c61);background-size:200% auto;text-transform:uppercase;transition:.5s}.background:hover{color:#fff;text-decoration:none}.custom-shape-divider-bottom-1658234901{bottom:0;left:0;line-height:0;overflow:hidden;position:relative;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:100%}.custom-shape-divider-bottom-1658234901 svg{display:block;height:104px;width:calc(137% + 1.3px)}.custom-shape-divider-bottom-1658234901 .shape-fill{fill:#fff}.title__h1{font-size:2.5rem}@media (max-width:720px){.title__h1{font-size:2.5rem}p{color:#333;font-family:Arima,cursive}.custom-shape-divider-bottom-1658234901{display:none}.card{height:400px}.title_col{padding-bottom:8%;padding-top:30%}.svg__title{display:none}.col{flex:auto}.wrapper{font-size:10px;padding:1% 10%;text-align:center}.skill_para{font-size:13px;padding-left:5%;padding-right:5%}.nav{height:110px;padding:1% 8%;text-transform:none}.nav__container__actions{display:block;margin-top:5px;padding-left:0}li{letter-spacing:0;margin-top:5px}.navList{gap:.5rem}.list{padding-left:auto}.leftnav,.nav-logo{margin:auto}.nav-logo{font-size:2rem}.tech{font-size:15px;margin:0}.medium{font-size:35px;line-height:2rem;margin:5px 7px}.row{margin-bottom:3rem}.techStackImage{height:100%;width:100%}}
/*# sourceMappingURL=main.5fbd8f0d.css.map*/