*{margin:0;padding:0;border:none}.App{height:100vh}.App .sections{overflow-x:hidden;width:100%;height:calc(100vh - 70px);position:relative;top:70px;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scrollbar-width:none}.App .sections::-webkit-scrollbar{display:none}.App .sections>*{width:100vw;height:calc(100vh - 70px);scroll-snap-align:start}.main-container{display:-webkit-flex;display:flex;background-color:#425669;-webkit-flex-direction:column;flex-direction:column}.main-container .left{-webkit-flex:.5 1;flex:.5 1;color:#f0d370}.main-container .left .wrapper{height:100%;width:100%;padding-left:3.125em;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}@media(min-width:400px){.main-container .left .wrapper{-webkit-align-items:center;align-items:center;padding-left:0}}.main-container .left .wrapper h1{font-weight:400}@media(min-width:400px){.main-container .left .wrapper h1{font-size:4.375em}}.main-container .left .wrapper h1 .name{font-weight:600;color:#d98f4f}.main-container .left .wrapper .contact{height:2.5em;width:6.875em;border:none;background-color:#d98f4f;margin-right:.625em;border-radius:1.5625em}@media(min-width:400px){.main-container .left .wrapper .contact{height:3.75em;width:8.125em}}.main-container .left .wrapper .contact a{text-decoration:none;color:#425669;font-size:1em;font-weight:600}@media(min-width:400px){.main-container .left .wrapper .contact a{font-size:1.125em}}.main-container .left .wrapper .projects{height:2.5em;width:6.875em;border:none;background-color:#f0d370;border-radius:1.5625em}@media(min-width:400px){.main-container .left .wrapper .projects{height:3.75em;width:8.125em}}.main-container .left .wrapper .projects a{text-decoration:none;color:#425669;font-size:1em;font-weight:600}@media(min-width:400px){.main-container .left .wrapper .projects a{font-size:1.125em}}.main-container .image{-webkit-flex:.5 1;flex:.5 1;overflow:hidden;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.main-container .image img{height:100%;width:100%}.nav-container{width:100%;height:70px;position:fixed;z-index:3;background-color:#425669;color:#f0d370;transition:all .5s ease-in-out}.nav-container .wrapper{padding:10px 30px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.nav-container .wrapper .left,.nav-container .wrapper .left .home{text-decoration:none;color:inherit}.nav-container .wrapper .right .hamburger{width:32px;height:25px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.nav-container .wrapper .right .hamburger span{width:100%;height:3px;background-color:#f0d370;-webkit-transform-origin:left;transform-origin:left;transition:all .5s ease-in-out}.nav-container.active{background-color:#2f3e4b;color:#f0d370;transition:all 1s ease-in-out}.nav-container.active .hamburger span:first-child{background-color:#f0d370;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav-container.active .hamburger span:nth-child(2){opacity:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.nav-container.active .hamburger span:last-child{background-color:#f0d370;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.projects-container{height:100vh;width:100vw;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-flow:row;flex-flow:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:#425669;overflow:auto}@media(max-width:400px){.projects-container{-webkit-justify-content:center;justify-content:center;-webkit-flex-flow:wrap;flex-flow:wrap}.projects-container .container{width:50%}}@media(min-width:400px){.projects-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-flow:wrap;flex-flow:wrap}.projects-container .container{width:50%}}@media(min-width:900px){.projects-container{display:block;-webkit-justify-content:center;justify-content:center;-webkit-flex-flow:wrap;flex-flow:wrap}.projects-container .container{width:50%}}@media(min-width:1025px){.projects-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}}@media(min-width:1281px){.projects-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}}.projects-container .container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-radius:30px;margin:20px}.projects-container .container .card{min-height:80vh;width:30rem;box-shadow:0 20px 20px rgba(0,0,0,.2),0 0 50px rgba(0,0,0,.2);border-radius:30px;padding:0 5rem}.projects-container .container .card .hero{min-height:35vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.projects-container .container .card .hero iframe{width:30rem;z-index:2}@media(max-width:400px){.projects-container .container .card .hero iframe{width:20rem}}.projects-container .container .card .hero img{width:30rem;z-index:2}@media(max-width:400px){.projects-container .container .card .hero img{width:20rem}}.projects-container .container .card .hero video{width:30rem;z-index:2}@media(max-width:400px){.projects-container .container .card .hero video{width:20rem}}.projects-container .container .card .info{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;padding:1rem}.projects-container .container .card .info .title{font-size:3rem;color:#f0d370}@media(max-width:400px){.projects-container .container .card .info .title{font-size:2rem}}.projects-container .container .card .info p{font-size:1rem;padding:1rem 0;color:#f0d370;font-weight:lighter}@media(max-width:400px){.projects-container .container .card .info p{font-size:.75rem}}.projects-container .container .card .info .tech-stack{font-size:1.5rem;color:#f0d370}@media(max-width:400px){.projects-container .container .card .info .tech-stack{font-size:1.5rem}}.projects-container .container .card .info .tech-stack p{font-size:1rem;color:#f0d370}@media(max-width:400px){.projects-container .container .card .info .tech-stack p{font-size:.75rem}}.projects-container .container .card .info .github{padding:1rem 2rem;background-color:#f0d370;color:#425669;box-shadow:0 5px 10px rgba(0,0,0,.2);cursor:pointer;font-weight:700;border-radius:30px}.projects-container .container .card .info .github a{text-decoration:none;color:#425669}.projects-container .container .card .info .github .github:hover{rotate:10deg}.about-container{background-color:#425669;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;color:#f0d370}.about-container .left{-webkit-flex:.4 1;flex:.4 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding-top:2em;width:100%;height:100%}@media(min-width:400px){.about-container .left{-webkit-align-items:center;align-items:center;font-size:1em}}.about-container .left h3{text-decoration:underline;font-size:1.5em}.about-container .left ul li{padding:.25em;list-style:square}.about-container .right{-webkit-flex:.6 1;flex:.6 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:100%;height:100%}@media(min-width:400px){.about-container .right{-webkit-align-items:center;align-items:center;font-size:1em}}.about-container .right h3{text-decoration:underline;font-size:1.5em}.about-container .right p span{font-size:20px;font-weight:600;text-decoration:underline}@media(min-width:400px){.about-container .right p{padding:1em}}@media(min-width:1025px){.about-container .right p{width:60%}}.contact-container{background-color:#425669;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.contact-container .top{-webkit-flex:.9 1;flex:.9 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;float:start;margin-top:.8em}.contact-container .top h2{font-size:2em;color:#f0d370}.contact-container .top form{width:12.5em;height:18.75em;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:linear-gradient(#f0d370,#d98f4f);padding:1.25em;border-radius:1.5625em}@media(min-width:400px){.contact-container .top form{width:20em;height:25em}}.contact-container .top form input{width:12.5em;height:1.875em;font-size:1em;margin-bottom:.625em;background-color:#e6e6e6;border-radius:1.25em;border:none;padding:.3125em}@media(min-width:400px){.contact-container .top form input{width:15.625em;height:2.18em;font-size:1.25em;margin-bottom:1.25em;padding:.625em}}.contact-container .top form textarea{width:12.5em;height:12.5em;font-size:1em;background-color:#e6e6e6;margin-bottom:.625em;border-radius:1.25em;border:none;padding:.3125em}@media(min-width:400px){.contact-container .top form textarea{width:15.625em;height:15.625em;font-size:1.25em;margin-bottom:1.25em;padding:.625em}}.contact-container .top form button{border:none;background-color:#425669;color:#f0d370;height:2.5em;width:6.25em;border-radius:1.5625em;font-weight:600}@media(min-width:400px){.contact-container .top form button{height:3.75em;width:8.75em;font-size:1.25em}}.contact-container .top form span{color:#425669}@media(min-width:400px){.contact-container .top form span{font-size:1em;font-weight:600}}.contact-container .icon-container{-webkit-flex:.1 1;flex:.1 1;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly}.menu{width:300px;height:100vh;background-color:#2f3e4b;position:fixed;top:0;right:-300px;z-index:2;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;transition:all .5s ease-in-out}.menu.active{right:0}.menu ul{margin:0;padding:0;list-style:none;font-size:30px;color:#f0d370}.menu ul li{margin-bottom:20px}.menu ul li a{font-size:inherit;color:inherit;text-decoration:none;font-weight:200}.menu ul li a:hover{text-decoration:underline;font-weight:500}
/*# sourceMappingURL=main.43868525.chunk.css.map */