body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*,:after,:before{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5{font-family:"Roboto",sans-serif}p{font-family:"Nunito",sans-serif}body{background:#14213d}input,textarea{border:none;outline:none}textarea{resize:none}.logo{font-family:"Lilita One",cursive;color:#fca311;text-shadow:-2px 2px #000;font-size:3rem;padding:0}.App{min-height:100vh;width:100%;max-width:1360px;margin:0 auto;background:#14213d;color:#e5e5e5}.about-page,.App,.contact-page,.home-page,.project-page{overflow:hidden}.home-page{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;margin-top:1rem;padding:1rem;position:relative;height:90vh}.home-page .landing-left-section{min-height:500px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center;z-index:5}.home-page .landing-left-section .text{color:#e5e5e5}.home-page .landing-left-section .text h1,.home-page .landing-left-section .text p{letter-spacing:3px}.home-page .landing-left-section .text .logo,.home-page .landing-left-section .text h1{font-size:2.5rem}.home-page .landing-left-section .text p{margin-top:1rem;font-size:.9rem}.home-page .landing-left-section .text span{position:relative;display:inline-block;cursor:default}.home-page .landing-left-section .action-buttons{margin-top:1.4rem}.home-page .landing-left-section .action-buttons button{height:4em;width:10em}.home-page .landing-left-section .action-buttons button:last-child{margin-left:1rem}.home-page .social-links{position:absolute;right:1rem;bottom:0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;z-index:10}.home-page .social-links svg{height:2rem;margin:1rem .5rem}.home-page .social-links svg:hover{cursor:pointer}.home-page .social-links .vertical-line{height:30px;width:2px;background-color:#e5e5e5}.about-page,.contact-page,.project-page{min-height:100vh;padding:2rem 0;position:relative;z-index:5}.about-page section,.contact-page section,.project-page section{margin-top:1rem;display:-ms-grid;display:grid;padding:0 1rem}.project-page section{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:1rem 0;gap:1rem 0}.project-page section .project-card{height:350px;width:100%;background-color:rgba(0,0,0,.2);overflow:hidden;position:relative;border-radius:6px}.project-page section .project-card .hero{object-fit:contain}.project-page section .project-card .card-overlay{position:absolute;display:-ms-grid;display:grid;place-items:center;height:50%;width:100%;background-color:#ccc;z-index:1;transition:all 1s ease}.project-page section .project-card .card-overlay.top{top:-100%;border-bottom-left-radius:200%;border-bottom-right-radius:200%}.project-page section .project-card .card-overlay.bottom{bottom:-100%;border-top-left-radius:200%;border-top-right-radius:200%}.project-page section .project-card .card-overlay.bottom button{margin:0 1rem}.project-page section .project-card .card-overlay.bottom button.outlined-primary{color:#000}.project-page section .project-card:focus,.project-page section .project-card:hover{transition:all .5s ease-in;cursor:pointer}.project-page section .project-card:focus .card-overlay.top,.project-page section .project-card:hover .card-overlay.top{top:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.project-page section .project-card:focus .card-overlay.bottom,.project-page section .project-card:hover .card-overlay.bottom{bottom:0;border-top-left-radius:0;border-top-right-radius:0}.about-page section .profile-pic{-ms-grid-column-align:center;justify-self:center;height:15rem;width:15rem;overflow:hidden;border-radius:50%;object-fit:fill}.about-page section .description{margin-top:1rem}.about-page section .description .bio{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr}.about-page section .description .bio div{margin:.5rem 0;display:-webkit-flex;display:flex;width:100%;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.about-page section .container-skills{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:1rem 0;gap:1rem 0;width:100%}.about-page section .container-skills .skills-container{margin-top:1rem;width:100%}.about-page section .container-skills .skills-container .skill-type{position:relative}.about-page section .container-skills .skills-container .skill-type:before{content:"";position:absolute;height:3px;width:30px;bottom:-3%;background:#fca311}.about-page section .container-skills .skills-container ul{margin-top:.5rem}.about-page section .container-skills .skills-container ul li{margin-top:.3rem;font-family:"Nunito",sans-serif}.contact-page{min-height:50vh;-ms-grid-columns:1fr;grid-template-columns:1fr}.contact-page section .left-side p{margin-top:.7rem;opacity:.8}.contact-page section .left-side .social-links{right:1rem;bottom:0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;z-index:10}.contact-page section .left-side .social-links svg{height:2rem;margin:1rem .5rem}.contact-page section .left-side .social-links svg:hover{cursor:pointer}.contact-page section .left-side .social-links .vertical-line{width:30px;height:2px;background-color:#e5e5e5}.contact-page section .right-side{margin-top:1rem}.contact-page section .right-side form .feild{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-bottom:.6rem}.contact-page section .right-side form .feild label{color:#e5e5e5;opacity:.8}.contact-page section .right-side form .feild input,.contact-page section .right-side form .feild textarea{background:#111d35;font-size:1.2rem;font-family:"Nunito",sans-serif;padding:.4rem .3rem;color:#fff;margin-top:3px;border-radius:6px;transition:border 1s ease}.contact-page section .right-side form .feild input:focus,.contact-page section .right-side form .feild input:hover,.contact-page section .right-side form .feild textarea:focus,.contact-page section .right-side form .feild textarea:hover{border:1px solid #e5e5e5}.contact-page section .right-side form .feild textarea{font-size:1rem}.contact-page section .right-side form .submit-btn{margin-top:1rem;width:100%;border-radius:6px}nav{position:-webkit-sticky;position:sticky;display:-ms-grid;display:grid;width:100%;height:10vh;max-height:50px;-ms-grid-columns:10% 1fr 10%;grid-template-columns:10% 1fr 10%;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:.4rem 1rem;z-index:100}input[type=checkbox]{display:none}.nav-links{position:fixed;height:100%;width:100%;background-color:#fdb643;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;top:0;left:0;right:0;bottom:0;-webkit-transform:translateX(-100%) scale(.5);transform:translateX(-100%) scale(.5);transition:all .3s cubic-bezier(.6,-.28,.735,.045);z-index:50}.nav-links li{font-size:2rem;font-family:"Nunito",sans-serif;margin-top:1rem;opacity:.8}.nav-links li a{color:#e5e5e5;text-decoration:none}.nav-links li:hover{font-weight:700;opacity:1;cursor:pointer}.nav-links li:first-child{margin-top:3rem}.nav-links li.active{font-family:"Roboto",sans-serif;font-weight:700;opacity:1}.nav-links.active{-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1);opacity:1}.nav-buttons{justify-self:flex-end}.nav-buttons button{margin-right:.5rem}:root{--width:40px}.hamburger-menu-button{position:relative;width:40px;width:var(--width);height:40px;height:var(--width);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;cursor:pointer;z-index:50;transition:all .5s ease}.hamburger-menu,.hamburger-menu:after{height:5px;height:calc(0.125*var(--width));border-radius:6px;border-radius:calc(0.15*var(--width));background-color:#fca311;transition:all .25s ease-in-out}.hamburger-menu{width:30px;width:calc(0.75*var(--width));-webkit-transform:translateY(-5px);-webkit-transform:translateY(calc(-0.125*var(--width)));transform:translateY(-5px);transform:translateY(calc(-0.125*var(--width)))}.hamburger-menu:after{position:absolute;width:15px;width:calc(0.375*var(--width));-webkit-transform:translateY(10px);-webkit-transform:translateY(calc(0.25*var(--width)));transform:translateY(10px);transform:translateY(calc(0.25*var(--width)));content:""}.open{-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}.open,.open:after{background-color:#e5e5e5}.open:after{width:30px;width:calc(0.75*var(--width));-webkit-transform:translateY(0) rotate(-90deg);transform:translateY(0) rotate(-90deg)}li{list-style:none}button{border:none;outline:none}a{text-decoration:none}img{height:100%;width:100%}.text-primary{color:#fca311}.btn{position:relative;height:40px;width:84px;color:#fff;font-family:"Roboto",sans-serif;border-radius:12px;letter-spacing:1px;overflow:hidden;z-index:1}.btn:before{width:100%;height:100%;content:"";margin:auto;position:absolute;top:-100%;left:-100%;background:#e5e5e5;transition:all .3s ease-in;z-index:-2}.btn:hover{cursor:pointer;color:#14213d}.btn:hover:before{top:0;left:0}.btn.primary{background:#fca311}.btn.outlined-primary,.btn.primary:hover{background-color:transparent}.btn.outlined-primary{border:3px solid #fca311}.btn.outlined-primary:hover{border:none}.page-heading{position:relative;z-index:3;display:-ms-grid;display:grid;-ms-grid-columns:.2fr .3fr 1fr;grid-template-columns:.2fr .3fr 1fr;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:0 1rem}.page-heading h1{color:#e5e5e5;font-size:2.5rem;-ms-grid-row-align:center;-webkit-align-self:center;align-self:center;-ms-grid-column-align:center;justify-self:center}.page-heading .line-one{margin-right:auto}.page-heading .line-two{margin-left:auto}.heading{margin-top:1rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start}.heading h2{margin:0 1rem}.experience{margin-top:1rem}.experience .title p{margin-top:.2rem;font-size:1.1rem}.experience ul{margin-top:.5rem}.experience li{margin-bottom:.4rem}.experience li span{margin-right:5px}.box{position:fixed;top:0;-webkit-transform:rotate(80deg);transform:rotate(80deg);left:0}.box,.wave{pointer-events:none}.wave{position:fixed;top:0;left:0;opacity:.4;position:absolute;top:3%;left:10%;background:#070c17;width:1500px;height:1300px;margin-left:-150px;margin-top:-250px;-webkit-transform-origin:50% 48%;transform-origin:50% 48%;border-radius:43%;-webkit-animation:drift 15s linear infinite;animation:drift 15s linear infinite}.wave.-three{-webkit-animation:drift 13s linear infinite;animation:drift 13s linear infinite;position:fixed;background:#111d35}.wave.-two{-webkit-animation:drift 10s linear infinite;animation:drift 10s linear infinite;opacity:.1;background:#000;position:fixed}.box:after{content:"";display:block;left:0;top:0;width:100%;height:100%;z-index:2;-webkit-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes drift{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes drift{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.contain{-webkit-animation-delay:4s;animation-delay:4s;z-index:5;pointer-events:none;position:fixed;top:0;left:0;bottom:0;right:0;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:linear-gradient(#000,#14213d)}@media (min-width:650px){nav{-ms-grid-columns:10% 1fr 20%;grid-template-columns:10% 1fr 20%;padding:.2rem 1rem}.nav-links{width:80%;max-width:600px;-ms-grid-column-align:center;justify-self:center;-webkit-justify-content:space-around;justify-content:space-around;position:relative;-webkit-flex-direction:row;flex-direction:row;-webkit-transform:none;transform:none;background-color:transparent}.nav-links li{font-size:1.2rem;margin:0}.nav-links li:first-child{margin-top:0}.nav-link{font:1rem}.home-page{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;min-height:500px}.home-page .landing-left-section,.home-page .landing-right-section{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.home-page .landing-left-section{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.home-page .landing-left-section .text .logo,.home-page .landing-left-section .text h1{font-size:4rem}.home-page .landing-left-section .text p{font-size:1.2rem}.home-page .landing-left-section .action-buttons{margin-top:1rem}.home-page .landing-left-section .action-buttons button{display:inline}.home-page .landing-left-section .action-buttons button:last-child{margin-left:1rem}.home-page .landing-right-section .logo{font-size:25rem}.home-page .social-links{-webkit-flex-direction:column;flex-direction:column}.home-page .social-links svg{height:2rem;margin:1rem .5rem}.page-heading .line{width:100%}.project-page section{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.project-page section .project-card{height:250px}.about-page section{-ms-grid-columns:.5fr 1fr;grid-template-columns:.5fr 1fr}.about-page section .description .bio{font-size:1.2rem;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-gap:.3rem 1rem;gap:.3rem 1rem}.about-page section .container-skills{margin-top:1rem;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}.about-page section .container-skills .skills-container{width:100%}.about-page section .container-skills .skills-container ul li{margin-top:.3rem;font-family:"Nunito",sans-serif}.contact-page section{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.contact-page section .left-side{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}.contact-page section .left-side h2{font-size:3rem}}
/*# sourceMappingURL=main.ac4a1147.chunk.css.map */