@import url(https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed:wght@700,100&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eba0586b;font-family:Sofia Sans Condensed,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{overflow:clip;overflow-anchor:none;text-align:center;width:100%}h1{color:#5f5b5b;font-size:2em;line-height:3em}.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)}}.me-description{color:#4a4747;height:200px;margin-top:1.5em;padding:70px}.me-description-text{font-size:3em}@media (max-width:425px){.me-description-text{font-size:2em}}.profile-pic{height:200px;width:200px}@media (max-width:425px){.profile-pic{margin-top:25px}}.name{font-weight:bolder}.detail-aboutme{background-color:rgba(255,127,80,.061);height:428px;padding-top:5em}@media(max-width:425px){.detail-aboutme{height:auto;padding-bottom:0}}.aboutme{color:#4a4747;font-size:x-large;font-weight:100;margin:60px auto;width:700px}@media(max-width:425px){.aboutme{font-size:15px;margin-top:136px;padding:15px;text-align:justify;width:100%}}.home-div{display:flex;flex-direction:column}.sticky-header{background-color:hsla(64,25%,61%,.994);box-shadow:0 2px 2px 0 #00000040;position:-webkit-sticky;position:sticky;top:0;z-index:99}.header-div{display:flex;flex-direction:row;gap:5em;height:10em;justify-content:center;margin-bottom:3px;padding:30px;transition:height .1s ease-out;z-index:99}@media(max-width:425px){.header-div{display:none}.hamburger-menu{align-items:center;display:flex;height:2em;justify-content:flex-end;margin-right:10px}}@media(min-width:425px){.hamburger-menu{display:none}}.header-div.active{height:7em;transition:height .1s ease-in}.header-links>div:hover{animation-duration:.5s;animation-fill-mode:forwards;animation-name:smaller;transition:all 1s}.header-links>div{align-items:center;background-color:#495d49;border-radius:100px;box-shadow:0 2px 8px 0 #00000040;cursor:pointer;display:flex;height:2em;justify-content:center;width:8.5em}.header-links{color:#c6f0dd;font-size:large;position:relative;text-decoration:none}.my-icon{margin-top:-29px}.social-links{display:flex;flex-direction:row;gap:3em}.social-icon{color:#f6d7b8}.social-icon.big{animation-duration:.5s;animation-fill-mode:forwards;animation-name:bigger}.social-icon:hover{color:#495d49}@keyframes smaller{0%{transform:scale(100%)}to{transform:scale(95%)}}@keyframes bigger{0%{transform:scale(55%)}to{transform:scale(100%)}}.footer-div{align-items:center;background-color:#b2b483;display:flex;height:77px;justify-content:center}div.skills{animation-name:opening;background-color:#f5f5dc8a;height:704px;padding-bottom:50px}ul{cursor:pointer;display:flex;justify-content:space-evenly}ul>span{margin-top:0;position:relative}ul li{background-color:#fff;border:10px solid #fff;border-radius:20%;list-style-type:none;padding:40px}@media (max-width:425px){ul li{padding:1px}}ul li:hover{transform:scale(105%);transition:transform .4s ease-in-out;z-index:1}.skills-icon{height:50px;width:50px}.skills-icon-div{display:flex;flex-direction:column}.skills-icon-div p{margin-top:10px}.skills-description>p{color:#4a4747;font-size:large;font-weight:100;margin:auto auto 10em;padding:1em;position:relative;text-align:justify;width:50%}@media(max-width:425px){.skills-description>p{font-size:15px;margin:initial;width:auto}}.skills-description{height:318px;padding:33px;position:relative}@media(max-width:425px){.skills-description{height:auto;padding:initial}}.fade-in{animation:fadein 1s forwards,move-up 1s forwards}.hide{animation:fadeout 2s forwards;display:none;height:0;visibility:hidden}.slide-skills{margin-left:0;transition:1s}.skills-list{margin-left:-1000em}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{to{opacity:1}0%{height:0;opacity:0}}@keyframes move-up{0%{transform:translateY(0)}to{transform:translateY(-5%)}}.example{background-color:hsla(0,94%,75%,.309);display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;min-height:50em;padding-bottom:72px;position:relative}.example-borders{border:1px solid #000}.work-examples{aspect-ratio:1000/600;max-width:600px;object-fit:contain}@media (max-width:425px){.work-examples{max-width:300px;object-fit:contain}}.example-description{color:#dad5d5;float:right;font-size:x-large;height:3em}.example-showcase-details{grid-gap:70px;align-items:center;display:grid;grid-template-columns:auto auto}@media (max-width:425px){.example-showcase-details{grid-gap:10px;grid-template-columns:none;grid-template-rows:auto auto;margin-bottom:100px}}.example-div{display:flex;flex-direction:row;height:100%;margin-left:1em;position:relative;width:600px}.example-details{text-align:left}.example-link{flex-basis:100%}.example-div:hover .description{opacity:1}.description{align-items:center;background-color:#000c;bottom:0;display:flex;flex-direction:column;gap:1.2em;height:283px;left:82px;opacity:0;padding:.5em;position:absolute;right:0;top:24px;transition:opacity 1s ease-in;width:449px}.description>h2{color:#fff}.example-view-live{background-color:#ff7171;border:none;border-radius:5px;color:#fff;margin:10px;padding:10px 15px;text-decoration:none;text-transform:uppercase;width:auto}.example-view-live:hover{background-color:#fff6f6;color:#ff7171}.example-links{align-self:center;display:flex;flex-direction:row;gap:2em}.contact{display:flex;height:1148px;justify-content:center}.contact-me-outer-div{background-color:bisque;border-top-left-radius:3em;border-top-right-radius:3em;display:flex;flex-direction:column;margin-top:5em;max-height:992px;width:calc(100% - 400px)}@media(max-width:425px){.contact-me-outer-div{width:calc(100% - 40px)}}.contact-heading-top>h1{color:#fff;line-height:2em;padding:.5em}.contact-heading-top{background-color:#000;border-top-left-radius:2em;border-top-right-radius:2em;display:flex;justify-content:center;max-width:100%}.contact-me-div{border-radius:5em;display:flex;gap:3em;margin-top:6em;padding:3em;width:100%}@media(max-width:425px){.contact-me-div{gap:1em;margin-top:1em;padding:1em}}.map{width:500px}fieldset{grid-gap:2em;border:none;display:grid;gap:2em;grid-template-columns:40% 60%}@media(max-width:425px){fieldset{gap:1em}}fieldset label{font-size:large;padding:.5em;text-align:left}@media(max-width:425px){fieldset label{font-size:small;padding:initial}}fieldset input{background-color:#c8c4c4;border:1px solid #6a1a1a;border-radius:5px;color:#fff;font-size:large;height:2em;padding:.5em}@media(max-width:425px){fieldset input{font-size:small;width:170px}}fieldset input::placeholder{color:#fff}@media(max-width:425px){fieldset textarea{height:150px}}.send-button{background-color:#b22222;border:none;border-radius:.2em;color:#fff;cursor:pointer;font-size:large;padding:1em 3em;width:10em}
/*# sourceMappingURL=main.97092534.css.map*/