@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);:root{--darkest-purple:#a4c3b2;--light-purple:#cce3de;--light-pink:#f6fff8;--lightest-purple:#eaf4f4;--white:#fff;--greyish:#444;--fw-600:600;--fw-500:500;--typewritter-speed:6s;--typewritter-characters:16;font-size:62.5%}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f6fff8;background-color:var(--light-pink);font-family:Roboto,sans-serif;font-size:1.6rem}.App{display:flex;flex-direction:column;min-height:100vh}.my-works-container{margin-top:3em}.works-heading{font-size:1.8rem;line-height:1.6}.works-description{font-size:1.6rem}.cards{grid-gap:1.5em;display:grid;gap:1.5em;grid-template-columns:repeat(auto-fit,minmax(100%,1fr));margin:1.5em 0}.card{background-color:#fdfdfd;border-radius:.5rem;box-shadow:3px 3px 5px #0000001a;display:flex;flex-direction:column;padding:.5em 1em;position:relative;transition:all .1s}.card:hover{background-color:var(--white);box-shadow:6px 6px 10px #0000001a;transform:scale(1)}.title{font-size:1.6rem;margin-top:.7em}.description{font-size:1.4rem;margin:.7em 0}.description,.technology-used-container,.title,.works-description,.works-heading{color:var(--greyish)}.technology-used-container{font-size:1.4rem;margin:0 0 .7em}.technologies-used-text{font-weight:var(--fw-500)}.view-project-container{align-items:center;display:flex;gap:.5em;-webkit-gap:.5em;-moz-gap:.5em}.works-link{color:var(--greyish);text-decoration:none}.demo{background-color:var(--white);border-radius:.3rem;box-shadow:0 0 3px #0000001a;font-size:1.4rem;font-weight:var(--fw-500);padding:.5em .8em}.demo:hover{opacity:.7}.video{border-radius:.5em;margin:.5em 0}.github-icon{color:var(--greyish);font-size:1.7rem;transition:all .1s}.github-icon:hover{transform:translateY(-2px)}@media(min-width:40em){.cards{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}}.contact-container{align-items:center;display:flex;flex-direction:column;gap:1.2em;-webkit-gap:1.2em;-moz-gap:1.2em;justify-content:center;margin:3em auto 0}.contact-link{background-color:var(--white);border:3px solid var(--light-purple);border-radius:.5rem;box-shadow:2px 3px 5px #0000001a;color:var(--darkest-purple);cursor:pointer;font-size:1.6rem;padding:1.2em 0;text-align:center;text-decoration:none;width:100%}.contact-link:hover{box-shadow:4px 4px 5px #0000001a}@media(min-width:45em){.contact-container{width:80%}.contact-link:hover{box-shadow:4px 4px 5px #0000001a;transform:scale(1.1)}}@media(min-width:75em){.contact-container{width:50%}}.about-me-container,.nutshell-container{background-color:var(--light-pink)}.about-me-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:3em auto auto;width:100%}.about-me-container>*{flex:1 1}.img-container,.my-img{border-radius:1.2rem;height:450px;width:100%}.personal-description{color:var(--greyish);margin-top:2em;text-align:left}.profession{font-size:2rem;font-weight:var(--fw-600);margin-block:1rem}.about-me{font-size:1.5rem;line-height:1.4}.contact-me-icons{display:grid;margin:1rem 0;place-content:start}.my-works{all:unset;border:2px solid var(--light-purple);border-radius:5px;color:var(--greyish);cursor:pointer;display:block;font-size:1.4rem;padding:.8rem 2rem;text-transform:uppercase;transition:all .3s}.my-works:hover{background-color:var(--darkest-purple);color:var(--light-pink)}.my-works-link{all:unset}.greetings{font-size:1.4rem;position:relative;width:-webkit-max-content;width:max-content}.greetings:after,.greetings:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.greetings:before{animation:typewritter var(--typewritter-speed) steps(var(--typewritter-characters)) 1s forwards;background:var(--light-pink)}.greetings:after{animation:typewritter var(--typewritter-speed) steps(var(--typewritter-characters)) 1s forwards,blink .75s steps(var(--typewritter-characters)) infinite;background:var(--greyish);width:.125em}@keyframes typewritter{to{left:100%}}@keyframes blink{to{background:#0000}}@media (min-width:45em){.img-container,.my-img{border-radius:1.2rem;max-width:80%}.about-me-container{flex-direction:row}.personal-description{margin-top:0;text-align:left}.profession{font-size:2rem}.about-me{font-size:1.6rem;line-height:1.2}.contact-me-icons{display:grid;margin:1rem 0;place-content:start}.my-works{font-size:1.2rem;margin-left:0;margin-right:0;padding:.8rem 2rem}}@media (min-width:50em){.personal-description{margin-top:0;text-align:left}}@media (min-width:55em){.personal-description{margin-top:0;text-align:left}.profession{font-size:2.2rem}}@media (min-width:65em){.personal-description{margin-top:0;text-align:left}.profession{font-size:2.3rem}.my-works{font-size:1.3rem;padding:.9rem 2rem}}@media (min-width:75em){.personal-description{margin-top:0;text-align:left}.about-me{font-size:1.6rem;line-height:1.4}.profession{font-size:2.5rem}.my-works{font-size:1.4rem;padding:1rem 2rem}}.flex-container{margin-top:1.7em;position:relative}.flex-container,.trees{display:flex;width:100%}.trees{align-items:center;flex-direction:column;gap:2rem;-webkit-gap:2rem;-moz-gap:2rem;margin-inline:auto}.tree-wrapper{width:100%}.tree-wrapper .title{color:var(--darkest-purple);font-size:1.6rem;padding:2rem}.tree{border-left:1px solid var(--darkest-purple);padding:0 0 0 2rem;width:100%}.branch{background-color:var(--darkest-purple);border-radius:5px;color:var(--lightest-purple);display:flex;flex-direction:row;margin-bottom:3rem;min-height:100px;padding:1em;position:relative;transition:all .4s;width:100%}.branch:before{border-bottom:1px solid var(--darkest-purple);content:"";display:inline-block;left:-20px;position:absolute;top:25px;width:20px}.branch:hover{background-color:var(--light-purple);color:var(--light-pink)}.branch .branch-body{line-height:1.6;margin-left:30px}.branch .branch-title{font-size:1.5rem;line-height:1.57;margin-bottom:4px}.branch p{font-size:1.4rem}@media (min-width:30em){.trees{display:flex;flex-direction:column}.tree-wrapper,.trees{width:100%}.branch{padding:1.2em}.branch .branch-title{font-size:1.5rem}.branch p{font-size:1.4rem}}.icon{font-size:2rem}@media (min-width:55em){.trees{align-items:stretch;display:flex;flex-direction:row}.tree-wrapper{margin:3rem auto;width:100%}.branch{padding:1.2em}.branch .branch-title{font-size:1.5rem}.branch p{font-size:1.4rem}}.contact-icons-container{display:flex;gap:.5em}.contact-icon-btns{all:unset;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}.contact-icon-btns:hover{transform:translateY(-2px)}.contact-me-links{all:unset;color:var(--greyish);cursor:pointer;font-size:1.9rem}.header{background-color:var(--darkest-purple);box-shadow:0 3px 7px #0000001a;height:70px;left:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1}.header,.header-container{align-items:center;display:flex}.header-container{justify-content:space-between}.name{color:var(--white);text-decoration:none}.nav{display:none}.nav-container{display:flex;gap:1em;-webkit-gap:1em;-moz-gap:1em;list-style-type:none}.fancy-link{color:var(--white);text-decoration:none;transition:all .3s}.fancy-link:hover{color:var(--lightest-purple)}.active{position:relative}.active:after{background-color:var(--lightest-purple);bottom:-27px;content:"";height:2.5px;left:0;position:absolute;transform:scaleX(1);transform-origin:left;width:100%}.icon-btn{all:unset;cursor:pointer;display:block;display:grid;place-content:center}.actual-icon{color:var(--white);font-size:2rem}.actual-icon:hover{color:var(--lightest-purple)}@media (min-width:40em){.nav{display:block}.icon-btn{display:none}}.header-layout{margin:0 auto;width:80%}@media (max-width:768px){.header-layout{margin:0 auto;width:90%}}.navbar{background-color:var(--darkest-purple);font-size:1.4rem;height:100vh;opacity:.9;position:fixed;right:0;top:68px;transition:all 5s ease-in;width:70%;z-index:1}.nav-links-container{align-items:left;display:flex;flex-direction:column;gap:3.7em;-webkit-gap:3.7em;-moz-gap:3.7em;margin:3em 0 0;padding-left:1.5em}.nav-element{list-style-type:none}.nav-link{color:var(--white);text-decoration:none}.active,.nav-link:hover{color:var(--lightest-purple)}@media(min-width:40em){.navbar{display:none}}.page-footer{align-items:center;display:flex;flex-direction:row;gap:.3em;justify-content:space-between;margin:auto auto 0;text-align:left;width:80%}.footer-text{color:var(--greyish);font-size:1.4rem;text-align:center}.lets-connect-on-container{align-items:center;display:flex;flex-direction:row;gap:.5em;justify-content:center}.lets-connect-on-txt{color:var(--greyish);font-size:1.4rem}@media (max-width:768px){.page-footer{margin:auto auto 0;text-align:center;width:90%}.lets-connect-on-container,.page-footer{align-items:center;flex-direction:column}.lets-connect-on-container{display:flex;gap:.3em;justify-content:center}}.not-found-container{align-items:center;color:var(--greyish);display:flex;flex-direction:column;justify-content:center;transform:translateY(25%)}.big-error-text{font-size:10em}.not-found-text{font-size:1.5em;font-weight:var(--fw-500)}.error-message{margin-top:1em}.layout{margin:0 auto;width:80%}@media (max-width:768px){.layout{margin:0 auto;width:95%}}
/*# sourceMappingURL=main.6dec8235.css.map*/