@import url(https://fonts.googleapis.com/css2?family=Sacramento&display=swap);@import url(https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);:root{--nav-bg:#f9fcfb;--success-bg:#fff;--success-50:#e6ffe6;--success-100:#cfc;--success-200:#9f9;--success-300:#6f6;--success-400:#3f3;--success-500:#0f0;--success-600:#0c0;--success-700:#090;--success-800:#060;--success-900:#030;--primary-50:#e6e6ff;--primary-100:#ccf;--primary-200:#99f;--primary-300:#66f;--primary-400:#33f;--primary-500:#00f;--primary-600:#00c;--primary-700:#009;--primary-800:#006;--primary-900:#003;--primary-50:#ffffe6;--primary-100:#ffc;--primary-200:#ff9;--primary-300:#ff6;--primary-400:#ff3;--primary-500:#ff0;--primary-600:#cc0;--primary-700:#990;--primary-800:#660;--primary-900:#330;--danger-50:#ffe6e6;--danger-100:#fcc;--danger-200:#f99;--danger-300:#f66;--danger-400:#f33;--danger-500:red;--danger-600:#c00;--danger-700:#900;--danger-800:#600;--danger-900:#300;--danger-50:#ffe6ff;--danger-100:#fcf;--danger-200:#f9f;--danger-300:#f6f;--danger-400:#f3f;--danger-500:#f0f;--danger-600:#c0c;--danger-700:#909;--danger-800:#606;--danger-900:#303;--white:#fff;--dark-50:#f2f2f2;--dark-100:#e6e6e6;--dark-200:#ccc;--dark-300:#b3b3b3;--dark-400:#999;--dark-500:grey;--dark-600:#666;--dark-700:#4d4d4d;--dark-800:#333;--dark-900:#1a1a1a;--primaryLightColor:#d4e6a5;--primaryColor:#476a2e;--primaryDarkColor:#c02c03;--offWhite:#f7f7f7;--mainBackground:#f1f5f8;--mainOverlay:rgba(35,10,36,.4);--mainTransition:all 0.3s linear;--mainSpacing:0.3rem;--lightShadow:0px 1rem 5px 5px rgba(0,0,0,.1);--darkShadow:4px 10px 5px 4px rgba(0,0,0,.5);--mainBorderRadius:0.25rem;--smallWidth:85vw;--maxWidth:40rem;--fullWidth:1170px;--logoShadow:0 0 5px #000}*,:after,:before{box-sizing:border-box;margin:0;outline:none!important;padding:0}html{font-size:.625rem;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--success-bg);color:#476a2e;color:var(--primaryColor);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:300;height:auto;line-height:1.4;max-width:1560px;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#090;color:var(--success-700);text-decoration:none}ul{list-style-type:none}h1,h2,h3,h4{letter-spacing:var(--spacing);line-height:1.25;margin-bottom:.75rem;text-transform:capitalize}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{color:#999;color:var(--dark-400);margin-bottom:1.25rem}.btn{-webkit-animation:hoverEffect 1.2s ease-in-out infinite;animation:hoverEffect 1.2s ease-in-out infinite;background:none;border:none;color:#090;color:var(--success-700);transition:all .3s linear}.btnRotate{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}@-webkit-keyframes hoverEffect{0%,to{font-size:2.5rem;opacity:.5}50%{font-size:3rem;opacity:1}}@keyframes hoverEffect{0%,to{font-size:2.5rem;opacity:.5}50%{font-size:3rem;opacity:1}}.container{height:auto;position:relative;width:100%}.loading-center{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.loading-center .nav-logo{-webkit-animation:logo-glow 2s ease-in-out infinite forwards;animation:logo-glow 2s ease-in-out infinite forwards}@-webkit-keyframes logo-glow{0%,to{color:transparent;font-size:6rem}50%{color:#030;color:var(--success-900);font-size:8rem}}@keyframes logo-glow{0%,to{color:transparent;font-size:6rem}50%{color:#030;color:var(--success-900);font-size:8rem}}.navbar{background:#f9fcfb;background:var(--nav-bg);box-shadow:var(--dark-shadow);color:#090;color:var(--success-700);display:grid;height:7rem;place-content:center;place-items:center;position:fixed;width:100%;z-index:2}.nav-center{display:flex;font-size:3rem;height:80%;justify-content:space-between;width:90vw}.nav-logo{font-family:Sacramento,cursive;text-shadow:0 0 5px #000;text-shadow:var(--logoShadow)}.nav-container{background:#f9fcfb;background:var(--nav-bg);font-size:2rem;height:0;left:0;overflow:hidden;position:absolute;top:7rem;transition:all .3s linear;width:100%}.nav-show{box-shadow:0 .3rem .2rem #090;box-shadow:0 .3rem .2rem var(--success-700)}.nav-sections{display:flex;flex-direction:column;gap:1.5rem;padding:5% 0}.nav-sections a{padding:0 5%;width:100%}.nav-socials{display:none}@media screen and (min-width:830px){.nav-container{height:4rem!important;position:static}.nav-center{align-items:center}.nav-show{box-shadow:none}.nav-sections{flex-direction:row;gap:0;justify-content:space-between;padding:0}.nav-logo{align-items:center;display:flex;flex-basis:35%}.nav-sections a{padding:0;text-align:center;transition:all .3s linear}.nav-sections a:hover{color:#6f6;color:var(--success-300)}.btn{display:none}}@media screen and (min-width:1024px){.nav-logo{flex-basis:0}.nav-center{gap:14%}.nav-socials{display:flex;font-size:2rem;gap:1.5rem}.nav-socials a:hover{color:#9f9;color:var(--success-200);transition:all .3s ease-in-out}}.main{position:absolute;top:10rem}.home,.main{overflow:hidden}.home{color:#090;color:var(--success-700);font-size:1.8rem;margin-bottom:5rem;padding:20% 5%;text-align:center;transition:all .3s ease-in-out}.home,.home article{width:100%}.home .home-profile{display:none}.home p{color:#090;color:var(--success-700)}.home .my-name{font-family:Pacifico,cursive;font-size:2rem}.home .my-name span{padding:0 .5rem}.home .my-name .text-A{background:#e6ffe6;background:var(--success-50);color:#030;color:var(--success-900)}.home .my-name .text-B{background:#030;background:var(--success-900);color:#e6ffe6;color:var(--success-50)}.home a{border:1px solid #090;border:1px solid var(--success-700);border-radius:3px;letter-spacing:3px;padding:.3rem 1rem;transition:all .3s linear}.home a:hover{background:#030;background:var(--success-900);border:none;color:#e6ffe6;color:var(--success-50)}@media screen and (min-width:768px){.home{align-items:center;display:flex;gap:3rem;padding:10% 5%}.home article{flex-basis:50%;flex-grow:0;flex-shrink:0}.home .home-profile{border-radius:50%;display:block;overflow:hidden}.home .home-profile img{width:80%}}@media screen and (min-width:1024px){.home{padding:5%}}.about{height:-webkit-max-content;height:max-content;margin-bottom:5rem;overflow:hidden;width:100%}.about-header{background:#030;background:var(--success-900);color:#e6ffe6;color:var(--success-50);padding:5%;text-align:center;text-transform:capitalize}.about-header h1 span{color:#9f9;color:var(--success-200)}.about-header p{display:flex;flex-direction:column;font-size:2rem}.about-header p span:nth-child(2){color:#0f0;color:var(--success-500)}.about-footer{font-size:1.8rem;padding:5%;text-align:center}.about-footer p{color:#030;color:var(--success-900)}@media screen and (min-width:768px){.about{display:flex}.about article{flex-basis:50%}.about-header{align-items:center;display:flex;flex-direction:column;justify-content:center}}.skill{height:-webkit-max-content;height:max-content;margin-bottom:5rem;padding:5%;width:100%}.skill-header{margin-bottom:5rem;position:relative}.skill-header .sub-title{font-size:1.6rem;position:absolute;top:3rem}.skill-footer{grid-gap:1.3rem;display:grid;font-size:2rem;gap:1.3rem;grid-template-columns:repeat(3,1fr);width:100%}.skill-footer .stack{text-align:center}.skill-footer .stack p{color:#030;color:var(--success-900)}.skill-footer .stack p:first-child{font-size:4rem}@media screen and (min-width:768px){.skill-footer{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:1124px){.skill-footer{grid-template-columns:repeat(6,1fr)}}.project{height:-webkit-max-content;height:max-content;margin-bottom:5rem;padding:5%;width:100%}.project-header{margin-bottom:5rem;position:relative}.project-header .sub-title{font-size:1.6rem;position:absolute;top:3rem}.project-buttons{display:flex;width:100%}.project-buttons .skill-btn{-webkit-animation:none;animation:none;background:#030;background:var(--success-900);color:#cfc;color:var(--success-100);cursor:pointer;flex-basis:50%;font-size:1.8rem;font-weight:700;padding:1.2rem;text-transform:capitalize}.project-buttons .skill-btn:last-child{background:#cfc;background:var(--success-100);color:#030;color:var(--success-900)}.project-buttons .skill-btn:first-child:hover,.project-buttons .skill-btn:last-child:hover{background:#090;background:var(--success-700);color:#cfc;color:var(--success-100)}.project-footer{grid-gap:4rem;display:grid;gap:4rem;margin-top:5rem}.project-item{background:transparent;box-shadow:0 1rem 5px 5px rgba(0,0,0,.1);box-shadow:var(--lightShadow);transition:all .3s ease-in-out}.project-item:hover{scale:1.05}.project-item .web{padding:4%;position:relative}.project-item .web a{color:#030;color:var(--success-900)}.project-item .web p{font-size:1.8rem}.project-item .logo,.project-item .web .logo{font-size:3rem}.project-item .web .logo{position:absolute;right:4%;top:6%}.project-item .web .technologies{display:flex;flex-wrap:wrap;gap:.5rem}.project-item .web p .tech{background:#030;background:var(--success-900);color:#e6ffe6;color:var(--success-50);margin:0 .3rem;padding:.5rem 1rem}.project-item .github{position:relative}.project-item .github img{object-fit:cover;width:100%}.project-item .github .logo{position:absolute;right:4%;top:20%}@media screen and (min-width:768px){.project-item{display:flex}.project-item .web{order:2}.project-item .github{flex-basis:40%;height:100%;order:1}.project-item .github img{height:100%;object-position:center}.project-item .github .logo,.project-item .web .logo{color:#030;color:var(--success-900);top:6%}}@media screen and (min-width:830px){.btn.skill-btn{display:block}}@media screen and (min-width:1024px){.project-footer{display:grid;grid-template-columns:repeat(2,1fr)}}.contact{margin-bottom:5rem;overflow:hidden;width:100%}.contact-header{margin-bottom:1.5rem;padding:5%;position:relative}.contact-header .sub-title{font-size:1.6rem;position:absolute;top:60%}.contact-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:0 5% 5%}.contact-item{align-items:center;display:flex;gap:1rem}.contact-item p{font-size:1.8rem;margin-bottom:0}.contact-item .address,.contact-item a{color:#030;color:var(--success-900);font-size:1.6rem}.contact-item p:first-child{color:#030;color:var(--success-900)}.contact-footer{background:#030;background:var(--success-900);padding:5%}.contact-footer input,.contact-footer label,.contact-footer p{color:#cfc;color:var(--success-100);font-size:1.6rem}.contact-footer p{margin-bottom:3rem}.contact-footer form{display:flex;flex-direction:column;gap:1rem}.contact-footer form input,.contact-footer form textarea{background:#cfc;background:var(--success-100);border:none;color:#030;color:var(--success-900);padding:.7rem 1rem}.contact-footer form textarea{font-size:1.6rem;height:19rem;resize:none}label{display:none}.btn-container{margin-top:1.6rem}form .submit-btn{background:none;border:1px solid #cfc;border:1px solid var(--success-100);color:#cfc;color:var(--success-100);font-size:1.6rem;padding:1rem;transition:all .3s linear;width:12rem}form .submit-btn:hover{background:#cfc;background:var(--success-100);border:none;color:#030;color:var(--success-900)}@-webkit-keyframes roll{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes roll{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.spinner{-webkit-animation:roll 1s linear infinite;animation:roll 1s linear infinite;color:#cfc;color:var(--success-100)}.contact-footer form input.error,.contact-footer form textarea.error{background:#ffe6ff;background:var(--danger-50)}label.error{color:#ffe6ff;color:var(--danger-50);display:block}.contact-footer p.success{background:#cfc;background:var(--success-100);color:#030;color:var(--success-900)}.contact-footer p.error,.contact-footer p.success{margin-left:50%;padding:1rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content}.contact-footer p.error{background:#fcf;background:var(--danger-100);color:#f0f;color:var(--danger-500)}@media screen and (min-width:768px){.contact{position:relative}.contact-header{left:0;padding-right:0;position:absolute;top:-5%;width:100%}.divider{align-items:center;display:flex}.contact-details{flex-basis:40%}.contact-footer{flex-basis:60%}}footer.footer{margin-bottom:1rem;text-align:center}.page-header{display:flex;gap:2rem;justify-content:center;width:100%}.page-header a{color:#030;color:var(--success-900);font-size:2.5rem}
/*# sourceMappingURL=main.830374e5.css.map*/