.nav-wrapper{height:9vh;justify-content:center;position:fixed;top:0;left:0;transition:all 1s ease;background:#fff}.nav-container,.nav-wrapper{width:100%;display:flex;align-items:center;z-index:3}.nav-container{flex-direction:row;padding:1.5rem 1.1rem;justify-content:space-between;height:100%;margin:0 auto;max-width:1200px}.white{color:#fff}.logo{font-family:"Roboto Condensed",sans-serif!important;font-size:1.9rem;color:var(--primary-color);cursor:pointer;text-shadow:0 1px 1px #000}.link{list-style-type:none;float:left}.nav-links{display:flex;flex-direction:column;width:100%;min-height:150px;position:absolute;top:9vh;text-align:center;align-items:center;left:-110%;opacity:1;transition:all .5s ease}.nav-links .anchor{display:inline-block;color:#fff;text-decoration:none;cursor:pointer;font-size:1.1rem;letter-spacing:.7px;font-weight:550;line-height:2rem;border-bottom:3px solid transparent;border-radius:2px;transition:all .3s ease;margin:.8rem}.menu-icon{display:flex;flex-direction:column;justify-content:space-between;width:22px;height:18.5px;cursor:pointer}.menu-icon span{width:100%;height:3px;background-color:#000;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease}.nav-wrapper.menuActive{background-color:var(--primary-color)}.logo.menuActive{color:#fff}.menu-icon span.menuActive{background-color:#fff}.line1.menuActive{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.line2.menuActive{opacity:0}.line3.menuActive{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media screen and (min-width:600px){.logo{font-size:2.1rem}.menu-icon{width:27px;height:20.5px}.menu-icon span{height:3px}}@media screen and (min-width:950px){.logo{font-size:2.3rem}}.home-container{width:100%;height:100%;min-height:90vh;margin-top:10vh;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.home-container .png{display:none}.home-container .content{width:100%;padding:0 1rem;margin-bottom:2rem}.content h1{font-size:3rem;font-weight:700}.content p{display:block;font-size:1.5rem;margin:1rem 0;padding:0 1rem;color:#615959}.content .home-btn{font-size:large;display:inline-block;margin-bottom:1rem;background-color:var(--primary-color);color:#fff;padding:1rem 2rem;border-radius:1px;cursor:pointer;transition:all .3s ease-in-out;margin-top:1rem;font-weight:700;border:1px solid transparent;text-decoration:none}.home-btn:hover{border:1px solid var(--primary-color);color:var(--primary-color);background-color:transparent}@media screen and (min-width:900px){.home-container{flex-direction:row;align-items:center;text-align:left;justify-content:center;padding:0 2rem}.home-container .png{display:block!important;width:90%;height:90%}.png img{width:75%;height:75%}.home-container .content{padding:0 1rem;text-align:left}.content h1{font-size:4rem}.content p{padding:0;width:30rem}}.skills-container{justify-content:space-between;flex-direction:column;font-size:1.3rem}.skills-cards,.skills-container{align-items:center;display:flex;width:100%}.skills-cards{margin-top:2rem;justify-content:center;flex-wrap:wrap;padding:0 2rem}@media screen and (min-width:1125px){.skills-cards{padding:0}}.skills-card{box-shadow:0 1px 6px grey;width:100%;padding:1.2rem 1.5rem .3rem;text-align:center;margin:.8rem 1.2rem;transition:all .3s ease;border-radius:.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:normal}.skills-card:hover{box-shadow:0 1px 10px grey}.skills-card img{width:60px}.skills-card h2{font-size:1.2rem;margin-top:.2rem;font-weight:700}.skills-card .tags{padding-top:.3rem;padding-bottom:.5rem;width:100%;margin-top:1.2rem}.skills-card .tags span{display:inline-block;font-size:.7rem;color:#31353b;padding:.25rem .75rem;border-radius:9999px;margin-right:.3rem;margin-bottom:.3rem;background-color:#d6dce2;font-weight:800;letter-spacing:.7px}@media screen and (min-width:600px){.skills-card h2{font-size:1.6rem}.skills-card .tags span{font-size:.9rem;font-weight:700}.skills-card img{width:65px;height:64px}}@media screen and (min-width:900px){.skills-card{flex:1 1;max-width:600px;min-width:400px}}.heading-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.heading{margin-top:3rem;color:#000;font-weight:500;font-size:2rem;text-align:center}.heading-container span{display:inline-block;margin:0 auto;height:5px;background:var(--primary-color);width:30px;border-radius:20px}@media screen and (min-width:600px){.heading{font-size:3rem}}.grid-flow{display:grid;grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}.grid-item{margin:10px;color:#000}.menu{width:300px;height:100vh;position:fixed;top:0;right:-300px;z-index:2;background-color:var(--primary-color);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all 1s ease}.menu.active{right:0}.menu ul{list-style:none;padding:0;margin:0;font-size:2.3rem;font-size:300;color:#fff;width:60%}.menu li{margin-bottom:25px;transition:all .1s ease}.menu li:hover{color:#fff;-webkit-transform:scale(1.03);transform:scale(1.03)}.menu .anchor{text-decoration:none;font-size:inherit;color:hsla(0,0%,100%,.986);cursor:pointer}:root{--primary-color:#2c5758}*{margin:0;padding:0;box-sizing:border-box}body{width:100%;background:#fff;background-repeat:no-repeat;height:100vh;max-width:1200px;margin:0 auto;font-family:"Nunito",sans-serif}.app-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;height:100%}
/*# sourceMappingURL=main.460a819f.chunk.css.map */