.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}@-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)}}body{background-color:#000;font-size:24px}body,body p{color:#fff}@media (max-width:1920px){.navbar{align-items:center;display:flex;justify-content:flex-end;position:-webkit-sticky;position:sticky}.navleft{display:flex;left:4%;position:absolute;top:2%}.navleft h1{color:#fff;font-size:1.4rem;font-style:italic}.navleftl{display:flex;left:4%;position:absolute;top:2%}.navleftl h1{color:#20b2aa;font-size:1.4rem;font-style:italic}.navright{align-items:center;display:flex}.navright li{color:#fff;font-size:1.1rem;list-style:none;padding-left:.7rem;padding-right:.7rem}.navright li a{color:#fff;text-decoration:none}.navrightl{align-items:center;display:flex}.navrightl li{color:#20b2aa;font-size:1.1rem;list-style:none;padding-left:.7rem;padding-right:.7rem}.navrightl li a{color:#20b2aa;text-decoration:none}.hamburger{cursor:pointer;display:none;position:absolute;right:3%;top:25px}#line1{width:30px}#line1,#line2{background-color:#fff;height:3px;margin-bottom:.2em}#line2{margin-left:3px;width:27px}#line3{background-color:#fff;height:3px;margin-bottom:.2em;margin-left:6px;width:24px}#line1l{width:30px}#line1l,#line2l{background-color:#000;height:3px;margin-bottom:.2em}#line2l{margin-left:3px;width:27px}#line3l{background-color:#000;height:3px;margin-bottom:.2em;margin-left:6px;width:24px}.circle{border-radius:100%;position:absolute;z-index:-1}.about{display:flex;margin:2rem 6rem}#aboutsection{-webkit-animation:moveleft 3s ease-in-out .5s 1;animation:moveleft 3s ease-in-out .5s 1;width:60%}@-webkit-keyframes moveleft{0%{opacity:0;-webkit-transform:translateX(30%);transform:translateX(30%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveleft{0%{opacity:0;-webkit-transform:translateX(30%);transform:translateX(30%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}#aboutsection h1{-webkit-animation:fadetext 2s linear .5s 1 alternate;animation:fadetext 2s linear .5s 1 alternate;font-size:2em}@-webkit-keyframes fadetext{0%{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}25%{opacity:.25;-webkit-transform:translateX(-15%);transform:translateX(-15%)}50%{opacity:.5;-webkit-transform:translateX(-10%);transform:translateX(-10%)}75%{opacity:.75;-webkit-transform:translateX(-5%);transform:translateX(-5%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadetext{0%{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}25%{opacity:.25;-webkit-transform:translateX(-15%);transform:translateX(-15%)}50%{opacity:.5;-webkit-transform:translateX(-10%);transform:translateX(-10%)}75%{opacity:.75;-webkit-transform:translateX(-5%);transform:translateX(-5%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}#aboutsection p{-webkit-animation:fadetextright 2s linear .5s 1 alternate;animation:fadetextright 2s linear .5s 1 alternate;font-size:1em}@-webkit-keyframes fadetextright{0%{-webkit-transform:translateX(20%);transform:translateX(20%)}25%{-webkit-transform:translateX(15%);transform:translateX(15%)}50%{-webkit-transform:translateX(10%);transform:translateX(10%)}75%{-webkit-transform:translateX(5%);transform:translateX(5%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadetextright{0%{-webkit-transform:translateX(20%);transform:translateX(20%)}25%{-webkit-transform:translateX(15%);transform:translateX(15%)}50%{-webkit-transform:translateX(10%);transform:translateX(10%)}75%{-webkit-transform:translateX(5%);transform:translateX(5%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}#aboutsummary{width:70%}#aboutimage{align-items:baseline;-webkit-animation:moveright 3s ease-in-out .5s 1;animation:moveright 3s ease-in-out .5s 1;display:flex;justify-content:end;width:40%}@-webkit-keyframes moveright{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveright{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}#aboutimage img{width:20rem}.aboutlink{-webkit-animation:fadetextright 2s linear .5s 1 alternate;animation:fadetextright 2s linear .5s 1 alternate;display:flex}.aboutlink a{padding:.2em}.aboutlink img{width:2em}.aboutbutton{margin-top:1.5em}.btn{-webkit-animation:fadetext 2s linear .5s 1 alternate;animation:fadetext 2s linear .5s 1 alternate;background-color:#4c95c5;border-bottom-right-radius:2rem;border-top-left-radius:2rem;color:#fff;font-size:1.1rem;padding:.5rem;width:8rem}.btn:hover{background-color:red;border-bottom-left-radius:2rem;border-top-right-radius:2rem;color:blue;transition:all 2s}.btnl{-webkit-animation:fadetext 2s linear .5s 1 alternate;animation:fadetext 2s linear .5s 1 alternate;background-color:#20b2aa;border-bottom-right-radius:2rem;border-top-left-radius:2rem;color:#fff;font-size:1.1rem;padding:.5rem;width:8rem}.btnl:hover{background-color:#4c95c5;border-bottom-left-radius:2rem;border-top-right-radius:2rem;color:#000;transition:all 2s}.skillsection{-webkit-animation:moveright 3s ease-in-out 4s 1;animation:moveright 3s ease-in-out 4s 1;display:flex;margin:2rem 6rem}.skillsection p{-webkit-animation:fadetextright 2s linear 4s 1 alternate;animation:fadetextright 2s linear 4s 1 alternate}#skillsectionimage{-webkit-animation:moveleft 3s ease-in-out 4s 1;animation:moveleft 3s ease-in-out 4s 1;margin:auto;width:55%}#skillsectionimage img{width:20rem}#skillsectioncontent{width:45%}#skillprofieciency{margin:2rem 6rem}.experience{background-color:#fff;border-radius:1rem;display:flex}#experiencetitle{align-items:center;background-color:#4c95c5;border-bottom-left-radius:1rem;border-top-left-radius:1rem;display:flex;flex-direction:column;justify-content:center;width:29%}#experiencesection{margin-bottom:1%;margin-top:1%;padding-left:5%;width:69%}.triangle{border-bottom:20px solid transparent;border-right:30px solid #fff;border-top:20px solid transparent;height:0;left:-3.8%;position:relative;width:2%}.card{background-color:#fff;border:1px solid #fff;border-radius:1rem;height:40rem;margin-bottom:1rem;margin-left:.5rem;margin-right:.5rem;width:20rem}#span1{-webkit-animation:span1 9s linear 2s infinite;animation:span1 9s linear 2s infinite}#span2{-webkit-animation:span2 9s linear 2s infinite;animation:span2 9s linear 2s infinite}#span3{-webkit-animation:span3 9s linear 2s infinite;animation:span3 9s linear 2s infinite}@-webkit-keyframes span1{0%{background-color:gold;width:0}25%{background-color:gold;width:28%}75%{background-color:gold;width:58%}to{background-color:gold;width:85%}}@keyframes span1{0%{background-color:gold;width:0}25%{background-color:gold;width:28%}75%{background-color:gold;width:58%}to{background-color:gold;width:85%}}@-webkit-keyframes span2{0%{background-color:gold;width:0}25%{background-color:gold;width:20%}75%{background-color:gold;width:48%}to{background-color:gold;width:70%}}@keyframes span2{0%{background-color:gold;width:0}25%{background-color:gold;width:20%}75%{background-color:gold;width:48%}to{background-color:gold;width:70%}}@-webkit-keyframes span3{0%{background-color:gold;width:0}25%{background-color:gold;width:25%}75%{background-color:gold;width:55%}to{background-color:gold;width:80%}}@keyframes span3{0%{background-color:gold;width:0}25%{background-color:gold;width:25%}75%{background-color:gold;width:55%}to{background-color:gold;width:80%}}#span1l{-webkit-animation:span1l 9s linear 2s infinite;animation:span1l 9s linear 2s infinite}#span2l{-webkit-animation:span2l 9s linear 2s infinite;animation:span2l 9s linear 2s infinite}#span3l{-webkit-animation:span3l 9s linear 2s infinite;animation:span3l 9s linear 2s infinite}@-webkit-keyframes span1l{0%{background-color:#20b2aa;width:0}25%{background-color:#20b2aa;width:28%}75%{background-color:#20b2aa;width:58%}to{background-color:#20b2aa;width:85%}}@keyframes span1l{0%{background-color:#20b2aa;width:0}25%{background-color:#20b2aa;width:28%}75%{background-color:#20b2aa;width:58%}to{background-color:#20b2aa;width:85%}}@-webkit-keyframes span2l{0%{background-color:#20b2aa;width:0}25%{background-color:#20b2aa;width:20%}75%{background-color:#20b2aa;width:48%}to{background-color:#20b2aa;width:70%}}@keyframes span2l{0%{background-color:#20b2aa;width:0}25%{background-color:#20b2aa;width:20%}75%{background-color:#20b2aa;width:48%}to{background-color:#20b2aa;width:70%}}@-webkit-keyframes span3l{0%{background-color:#20b2aa;width:0}25%{background-color:#20b2aa;width:25%}75%{background-color:#20b2aa;width:55%}to{background-color:#20b2aa;width:80%}}@keyframes span3l{0%{background-color:#20b2aa;width:0}25%{background-color:#20b2aa;width:25%}75%{background-color:#20b2aa;width:55%}to{background-color:#20b2aa;width:80%}}.card img{border-top-left-radius:1rem;border-top-right-radius:1rem;height:35%;width:100%}.card img:hover{opacity:.7;transition:all .7s ease-in-out}.cardtitle{align-items:center;display:flex;flex-direction:column;height:20rem}.cardtitle p{color:gray}.sectionh1{-webkit-animation:fadetext 2s linear 4s 1 alternate;animation:fadetext 2s linear 4s 1 alternate;font-family:Times New Roman,Times,serif;font-size:1.6em;font-style:oblique}.sectionheader{align-items:center;display:flex;margin-top:3rem}.sectionheader hr{background-color:#000;height:2px;width:40%}.sectionheader h1{font-size:.9em}#skillimages{flex-flow:row wrap}#skillimages,.skillimage{display:flex;justify-content:center}.skillimage{align-items:center;flex-direction:column;height:6em;width:3.5em}.skillimage img{opacity:.6;width:2em}.skillimage p{color:#f5f5f5;font-size:.7em}.skillimage p:hover{color:#4c95c5}.cover{background-color:#f3efef;border:1px solid #000;border-radius:2rem;height:.6rem}.cover>span{background-color:gold;border-bottom-left-radius:20px;border-bottom-right-radius:6px;border-top-left-radius:20px;border-top-right-radius:6px;display:block;height:100%;overflow:hidden;position:relative}.cardtitle h2{color:#000;font-size:1.1em;margin-top:2rem;text-align:center}.cardtitle p{font-size:.8em;margin-left:1rem;margin-right:1rem;text-align:center}.projectlink{display:flex;justify-content:center}.projectlink button{background-color:#4c95c5;border-radius:.5rem;color:#fff;font-size:1.1rem;margin-top:1rem;padding:.2rem}#experiencetitle h1{font-size:1.1em;text-align:center}#experiencesection h1,#experiencesection h2{color:#000;font-size:1.1em}#experiencesection p{font-size:.8em}#experiencesection ul li{color:grey;font-size:.8em}#contacttele img{-webkit-animation:ringcall 6s ease-in-out .5s infinite alternate;animation:ringcall 6s ease-in-out .5s infinite alternate}@-webkit-keyframes ringcall{0%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}15%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}30%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}45%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}60%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}75%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}to{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}@keyframes ringcall{0%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}15%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}30%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}45%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}60%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}75%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}to{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}}@media (max-width:896px){body{font-size:20px}.hamburger{display:none}.about{align-items:center;flex-direction:column}#aboutsection,#aboutsummary{width:100%}#aboutimage{width:60%}#aboutimage img{height:15%;margin-top:5rem;width:100%}.skillsection{align-items:center;flex-direction:column-reverse}#skillsectionimage{width:60%}#skillsectionimage img{height:15%;margin-top:1.5rem;width:100%}#skillsectioncontent{width:100%}.sectionheader hr{width:37%}.experience{flex-direction:column}#experiencetitle{border-bottom-left-radius:0;border-top-right-radius:1rem;padding-bottom:1.5em;width:100%}.triangle{border-right:35px solid transparent;border-top:20px solid #4c95c5;height:0;left:15%;position:relative;width:0}}@media (max-width:811px){.hamburger{display:block}.h-nav{height:25px}.v-class{opacity:0}#line1{width:30px}#line1,#line2{background-color:#fff;height:3px;margin-bottom:.2em}#line2{margin-left:3px;width:27px}#line3{background-color:#fff;height:3px;margin-bottom:.2em;margin-left:6px;width:24px}#line1l{width:30px}#line1l,#line2l{background-color:#000;height:3px;margin-bottom:.2em}#line2l{margin-left:3px;width:27px}#line3l{background-color:#000;height:3px;margin-bottom:.2em;margin-left:6px;width:24px}.navbar{flex-direction:column;transition:all .7s ease-out}.navleft{display:flex}.navleft h1{color:#20b2aa;font-size:1.4rem;font-style:italic}.navleftl{display:flex}.navleftl h1{color:#20b2aa;font-size:1s4rem;font-style:italic}.navright{align-items:center;flex-direction:column;margin-top:5em;transition:all .7s ease-out}.navright li{color:#20b2aa;font-size:1em;list-style:none;padding-bottom:.8em}.navright li img{display:none}.navrightl{align-items:center;flex-direction:column;margin-top:5em;transition:all .7s ease-out}.navrightl li{color:#20b2aa;font-size:1em;list-style:none;padding-bottom:.8em}.navrightl li img{display:none}.sectionheader hr{background-color:#000;height:2px;width:35%}.card{background-color:#fff;border-radius:1rem;height:40rem;margin-bottom:1rem;margin-left:.5rem;margin-right:.5rem;width:35rem}.card img{border-top-left-radius:1rem;border-top-right-radius:1rem;height:45%;width:100%}.cardtitle{align-items:center;display:flex;flex-direction:column;height:16rem}}@media (max-width:530px){#skillprofieciency,.about,.skillsection{margin:3em 2em}.sectionheader hr{background-color:#000;height:2px;width:32%}}@media (max-width:420px){.about h1{font-size:2rem}.about{margin:3em 1em}#skillprofieciency,.skillsection{margin:1em}.sectionheader hr{width:25%}.aboutbutton{align-items:center;display:flex;flex-direction:column}.aboutbutton a button{margin-bottom:1rem}}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}
/*# sourceMappingURL=main.7ae06d7a.css.map*/