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}.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{--body-bg:linear-gradient(to right bottom,#71a6a8,#4f8491,#336379,#1f435e,#122542);--nav-bg:#707070;--text-color:#000;--light-md:flex;--dark-md:none;background-image:var(--body-bg);background-size:100% 505%;color:var(--text-color);font-family:Luxurious Roman,cursive}body.dark{--body-bg:linear-gradient(180deg,#0a0d11,#0d1117,#0f141c,#111722,#121a27,#131c2b,#131d2f,#141f33,#142037,#13223a,#13233e,#122542);--nav-bg:#2f2e2e;--text-color:#fffbfb;--light-md:none;--dark-md:flex}.landing-page{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:fadeInOpacity;animation-name:fadeInOpacity;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;height:39rem;margin-left:13%;opacity:1}#landing-title{font-weight:400;padding-left:12px;padding-top:15%}.title-role{border-right:4px solid var(--text-color);display:none;padding-left:12px}.text-container{font-family:monospace;font-size:1.5rem;width:40rem}.text-container,.title-animation{overflow:hidden;white-space:nowrap}.title-animation{-webkit-animation:typing 2s steps(20) forwards,deleting 2s steps(20) 2.19s forwards;animation:typing 2s steps(20) forwards,deleting 2s steps(20) 2.19s forwards;display:inline-block}#landing-text{font-style:italic;padding-left:12px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes typing{0%{width:0}to{width:20rem}}@keyframes typing{0%{width:0}to{width:20rem}}@-webkit-keyframes deleting{0%{width:20rem}to{width:0}}@keyframes deleting{0%{width:20rem}to{width:0}}@media(max-width:750px){.landing-page{margin-left:0;padding-top:10%;text-align:center}.text-container{margin-left:20px;width:20rem}#landing-title{margin:auto;padding-left:0}#landing-text{padding-left:1rem}}ul{list-style:none}#nav{background-color:var(--nav-bg);border:2px solid #000;height:110%;list-style-type:none;margin:-22px 0 0;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;overflow:auto;overflow-y:hidden;padding:0;position:fixed;width:100px;z-index:999}.nav:hover{-webkit-animation:navExpand .5s both;animation:navExpand .5s both;width:200px}.nav:not(:hover){-webkit-animation:navShrink .5s both;animation:navShrink .5s both}.tag{margin-top:-31px;padding-left:70px;position:absolute}.li-item,.tag{display:flex}li{margin-top:50px}.nav-item{color:#fff;font-size:10px;padding-right:10px;text-decoration:none}#toggle-btn{background-color:#90909000;border:0;color:#fff;padding:0}#toggle-btn:hover{color:#000}#sun{display:var(--light-md)}#moon{display:var(--dark-md)}.nav-item:focus,.nav-item:hover{color:#000}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#909090}::-webkit-scrollbar-thumb{background:#000}@-webkit-keyframes navExpand{0%{width:100px}to{width:240px}}@keyframes navExpand{0%{width:100px}to{width:240px}}@-webkit-keyframes navShrink{0%{width:200px}to{width:100px}}@keyframes navShrink{0%{width:200px}to{width:100px}}@-webkit-keyframes navEnter{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes navEnter{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes navEnterMobile{0%{opacity:0;-webkit-transform:translateY(-1000px);transform:translateY(-1000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes navEnterMobile{0%{opacity:0;-webkit-transform:translateY(-1000px);transform:translateY(-1000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media only screen and (max-width:750px){ul{justify-content:space-between;list-style-type:none;margin:0;padding:0}#nav,ul{display:flex}#nav{align-items:center;-webkit-animation:navEnterMobile .5s cubic-bezier(.25,.46,.45,.94) both;animation:navEnterMobile .5s cubic-bezier(.25,.46,.45,.94) both;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-start;padding-bottom:3px;width:100%;z-index:1}.list-item{display:flex;justify-content:space-between}.tag{display:none;position:none}}.about-page{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:fadeInOpacity;animation-name:fadeInOpacity;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;height:39rem;margin-left:13%;opacity:1}.about-page h1{font-weight:400;padding-left:12px;padding-top:10%}.about-page p{font-size:large;padding-left:12px;padding-right:50%}@media(max-width:750px){.about-page{margin-left:0}.about-page h1{padding-top:25%;text-align:center}.about-page p{font-size:14px;padding-left:10px;padding-right:10px;text-align:center}}.skill-page{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:fadeInOpacity;animation-name:fadeInOpacity;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;height:39rem;margin-left:13%;opacity:1}.skill-page h1{font-weight:400;padding-left:12px;padding-top:10%}.icons{grid-column-gap:12vmin;display:flex;display:grid;grid-template-columns:repeat(6,10vmin);grid-template-rows:repeat(3,10vmin);padding-left:12px}.skillz{-webkit-filter:drop-shadow(0 0 22px #fff);filter:drop-shadow(0 0 22px white)}@media(max-width:750px){.skill-page{margin-left:0;padding-top:20%;text-align:center}.icons{grid-template-columns:repeat(2,20vmin);grid-template-rows:repeat(13,14vmin);justify-content:center;margin-top:50px;padding-left:0}}@media(max-width:300px){.icons{grid-template-columns:repeat(1,30vmin);grid-template-rows:repeat(20,12vmin);justify-content:center;text-align:left}}.projects-page{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:fadeInOpacity;animation-name:fadeInOpacity;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;margin-left:10%;opacity:1}.projects-page h1{font-weight:400;padding-left:40%;padding-top:30px}.projects{grid-gap:20px;display:grid;grid-template-columns:repeat(3,50vmin);margin-left:5%}.projects img{min-height:155px}.projects p{font-size:12px}.card{background-color:#789;border:1px solid #000;margin-left:10px}.btn{margin-left:20px}@media(max-width:750px){.projects-page{margin-left:0;padding-left:0;padding-top:20%}.projects{grid-template-columns:repeat(1,0);justify-content:left;margin-left:15%;text-align:center}.card{margin:0 auto}}@media(max-width:300px){.projects{margin-left:-8px}.projects-page h1{margin-left:-20px}.card{border-radius:0}}@media(min-width:750px)and (max-width:1100px){.projects{grid-template-columns:repeat(2,50vmin);margin-left:50px}}.contact-page{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:fadeInOpacity;animation-name:fadeInOpacity;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;height:39rem;margin-left:10%;opacity:1}#contact-me{font-weight:400;margin-bottom:60px;padding-left:40%;padding-top:70px}.contact-links{display:flex;justify-content:space-evenly}.contact-icons{text-align:center}.contact-icons a{color:#fff;text-decoration:none}.contact-icons a:hover{color:#000;font-style:italic}.contact-icons a h1{-webkit-animation:iconsShrink .2s ease-in-out;animation:iconsShrink .2s ease-in-out;color:#fff;font-size:60px;text-decoration:none}.contact-icons a h1:hover{-webkit-animation:iconsGrow .2s ease-in-out;animation:iconsGrow .2s ease-in-out;color:#000;font-size:100px;text-shadow:0 0 22px #fff}@-webkit-keyframes iconsShrink{0%{font-size:100px}to{font-size:60px}}@keyframes iconsShrink{0%{font-size:100px}to{font-size:60px}}@media(max-width:750px){.contact-page{height:50rem;margin-left:0;padding-top:20%}#contact-me{padding-left:0;text-align:center}.contact-links{display:grid;grid-template-columns:repeat(2,20vmin);grid-template-rows:repeat(2,30vmin);margin-top:20%}.contact-icons h3{display:none}}@-webkit-keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@-webkit-keyframes iconsGrow{0%{font-size:60px}to{font-size:100px}}@keyframes iconsGrow{0%{font-size:60px}to{font-size:100px}}.icons-grow{-webkit-animation:iconsGrow 1s ease-in-out both;animation:iconsGrow 1s ease-in-out both}.certifications{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:fadeInOpacity;animation-name:fadeInOpacity;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;height:39rem;margin-left:10%;opacity:1}.certifications .title{font-weight:400;padding-left:40%;padding-top:50px}.certifications .certificates{grid-gap:20px;display:grid;grid-template-columns:repeat(1,50vmin);margin-left:30%;margin-top:30px}.certifications .certificates .certs{max-height:280px;width:400px}@media(max-width:750px){.certifications{margin-right:20%;padding-top:35px}.certifications .title{padding-left:35%}.certifications .certificates{margin-left:10%}.certifications .certificates .certs{max-height:200px;width:300px}}@media(max-width:300px){.certifications{margin-right:40%;padding-top:35px}.certifications .certificates .certs{max-height:130px;width:220px}}
/*# sourceMappingURL=main.eda1a87e.css.map*/