@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);@font-face{font-family:Agenor Neue;font-style:normal;font-weight:thin;src:url(/static/media/AgenorNeue-Regular.ef55ba21ed9934a4bfe2.otf) format("otf")}:root{--primary-font:"Agenor Neue",sans-serif}.image-card{margin:0;overflow:hidden;position:relative;width:250px}.image-card img{filter:none;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.image-card:hover img{transform:scale(1.1)}.info{background-color:#09081f80;bottom:0;color:#fff;left:0;opacity:0;padding:20px;position:absolute;right:0;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease}.info.show{opacity:1;transform:translateY(0)}.cta{border:none;border-radius:2em;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.cta,.cta:hover{background-color:#000;background-color:var(--black)}.cta:hover{color:#b3b3b3;color:var(--dark-grey)}.p-type{font-size:.65rem;font-weight:500;margin:0e;text-align:left}div.info p{font-size:.75rem}:root{--grey:#f5f4f2;--dark-grey:#b3b3b3;--primary-font:"Agenor Neue","Montserrat",sans-serif;--secondary-font:"Montserrat",sans-serif;--black:#000;--white:#fbfbfb}.App,body{color:#000;color:var(--black);font-family:Montserrat,sans-serif;font-family:var(--secondary-font);margin:0;max-width:100%;overflow:auto;padding:0}.my-intro{align-items:center;display:flex;justify-content:center;padding:.25em}.my-intro div{font-size:large;margin-right:.5em}a{text-decoration:none}a,a:active,a:hover,a:visited{color:#000;color:var(--black)}.container{align-items:center;display:flex;justify-content:center}.btn{background-color:#000;background-color:var(--black);color:#f5f4f2;color:var(--grey)}.btn,.btn-s{border:thin solid #000;border:thin solid var(--black);border-radius:2.5em;cursor:pointer;font-family:Montserrat,sans-serif;font-family:var(--secondary-font);padding:.75em 1.15em;transition:transform .3s ease}.btn-s{background-color:none;color:#000;color:var(--black);display:none}h4{color:#b3b3b3;color:var(--dark-grey);font-weight:500;letter-spacing:.15em;margin:.15em 0}h3{font-family:Agenor Neue,Montserrat,sans-serif;font-family:var(--primary-font);font-size:2rem;margin:0}.hi{animation:wave 1.5s infinite;transform-origin:bottom center}@keyframes wave{0%{transform:rotate(0deg)}20%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}to{transform:rotate(0deg)}}.btn:hover{transform:scaleX(1.05)}.big{font-size:2rem}.logo{background-color:#000;background-color:var(--black);border-radius:1em;color:#fbfbfb;color:var(--white);cursor:pointer;padding:.5em 1em}section.hero{background-image:url(/static/media/pc-img.bf1dfa512ad7b1dac9a4.webp);background-position:top;background-repeat:no-repeat;background-size:75% auto;border:2px solid #f5f4f2;border:2px solid var(--grey);padding:0 0 5em 1em}nav,section.hero{background-color:#f5f4f2;background-color:var(--grey)}nav{align-items:baseline;display:flex;justify-content:space-between;left:0;padding:.5em 2em;position:fixed;top:0;width:97%;z-index:1000}nav div.nav-items{cursor:pointer;justify-content:flex-start}nav div.nav-items,nav div.nav-items ul{display:flex;width:auto}nav div.nav-items ul li{list-style:none;margin-left:1em}nav div.nav-items ul>li{color:#000;position:relative;text-decoration:none;transition:color .3s ease}nav div.nav-items ul>li:after{background-color:#000;background-color:var(--black);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}nav div.nav-items ul>li:hover{color:#000;color:var(--black)}nav div.nav-items ul>li:hover:after{transform:scaleX(1);transform-origin:left}nav div.nav-items div.socials{align-items:center;display:flex;margin-left:1em;margin-right:.5em}nav div.nav-items div.socials div{margin-left:1em}section.hero div.welcome-txt{margin-top:25em;text-align:center}section.hero div.welcome-txt h1{font-family:Agenor Neue,Montserrat,sans-serif;font-family:var(--primary-font);font-size:5rem;margin:0}section.hero div.welcome-txt h3{font-size:1.5rem;margin:.15em 0}section.hero div.welcome-txt p{margin:.15em 0 1em}.arrow{animation:bounce 2s ease-in-out infinite;height:33px;margin:1em 0;width:33px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}section.work{background-color:#fbfbfb;background-color:var(--white);margin-top:5em;padding:2em 15em}section.work div.work-txt{text-align:center}section.work div.work-txt p{margin:.75em 0}section.work div.my-work{align-items:center;border-radius:1em;display:flex;flex-wrap:wrap;height:auto;justify-content:center;row-gap:0;width:auto}section.about{align-items:center;display:flex;margin-bottom:0;margin-top:5em;padding:1.5em 15em;text-align:center}section.about aside.about-txt{padding:0 2em}section.about aside.about-txt h3{font-family:Agenor Neue,Montserrat,sans-serif;font-family:var(--primary-font);font-size:1.5rem;margin:0}section.about aside.about-txt p{margin:.5em 0}section.about aside.about-txt div ul.skills{display:flex;flex-flow:wrap;justify-content:flex-start;margin:1em 0 0;padding:0;row-gap:.5em}section.about aside.about-txt div ul>li{border:thin solid #b3b3b3;border:thin solid var(--dark-grey);border-radius:1em;cursor:pointer;list-style:none;margin-left:.5em;padding:.5em;transition:transform .3s ease}section.about aside.about-txt div ul>li:hover{transform:scale(1.1)}section.blog{margin-top:3em;padding:2em 22em;text-align:center}footer{background-color:#f5f4f2;background-color:var(--grey);cursor:pointer;margin-top:8em;padding:1.5em;text-align:center}footer div.icons img{margin:0 .25em;transition:transform .3s ease;width:25px}footer div.icons img:hover{transform:scale(1.1)}footer ul{cursor:pointer;display:flex;font-size:.75rem;justify-content:center;list-style:none;margin-bottom:.5em;padding:0}footer UL>li{margin-left:.75em}footer UL>li:hover{text-decoration:underline}footer h6{font-weight:400;margin:1em 0}@media screen and (max-width:767px){nav{margin:0;padding:0 .75em}nav div.logo-container,nav div.nav-items{margin:0;padding:0}nav div.nav-items{display:none}.my-intro{display:flex;justify-content:flex-start}.btn-s{display:block;margin-right:.75em}section.hero{background-color:#f5f4f2;background-color:var(--grey);background-image:url(/static/media/pc-img.bf1dfa512ad7b1dac9a4.webp);background-position:100% 0;background-repeat:no-repeat;background-size:250% auto;margin:3em 0 0;padding:0}section.hero div.welcome-txt{margin-bottom:1.5em;margin-top:18em;padding:1em;text-align:left}section.hero div.welcome-txt h1{font-size:3.5rem;line-height:.95em;margin-bottom:.25em;padding:0}section.hero div.welcome-txt h3{font-size:1.2rem;margin:0;padding:0}section.hero div.welcome-txt p{font-size:.85rem;margin:.5em 0;padding:0}section.work{background-color:#fbfbfb;background-color:var(--white);margin-top:5em;padding:0}section.work div.my-work{padding-top:1em;width:100%}section.work div.work-txt{padding-top:1em}section.work div.my-work div.image-card{width:80%}section.about{align-items:center;display:flex;margin-bottom:0;margin-top:3em;padding:0;text-align:center;width:100%}section.about aside.about-txt{padding:2em;text-align:left}section.about aside.about-txt p{font-size:.85rem;line-height:1.2rem}section.about aside.about-txt div ul.skills{display:flex;flex-flow:wrap;justify-content:flex-start;margin:2em 0 1em;padding:0;row-gap:.5em}footer{background-color:#f5f4f2;background-color:var(--grey);margin-top:5em;padding:1.5em}footer ul{display:flex;flex-direction:column;font-size:.85rem;row-gap:.75em}footer div.icons{margin-bottom:1.5em;margin-top:1em}}@media screen and (max-width:1024px) and (min-width:768px){nav{margin:0;padding:0 1em}nav div.logo-container,nav div.nav-items{margin:0;padding:0}section.hero{background-color:#f5f4f2;background-color:var(--grey);background-image:url(/static/media/pc-img.bf1dfa512ad7b1dac9a4.webp);background-position:top;background-repeat:no-repeat;background-size:100% auto;margin:3em 0 0;padding:0}section.hero div.welcome-txt{margin-bottom:3em;margin-top:15em;padding:1em;text-align:left}section.hero div.welcome-txt h1{font-size:3rem;line-height:.95em;margin-bottom:.25em;padding:0}section.hero div.welcome-txt h3{font-size:1.2rem;margin:0;padding:0}section.hero div.welcome-txt p{font-size:.85rem;margin:.5em 0;padding:0}section.work{background-color:#fbfbfb;background-color:var(--white);margin-top:5em;padding:0 5em}section.work div.my-work{padding:0;width:100%}section.work div.my-work div.image-card{width:80%}section.about{align-items:center;display:flex;margin-bottom:0;margin-top:3em;padding:0 5em;text-align:center}section.about aside.about-txt{padding:2em;text-align:left}section.about aside.about-txt p{font-size:.85rem;line-height:1.2rem}section.about aside.about-txt div ul.skills{display:flex;flex-flow:wrap;justify-content:flex-start;margin:2em 0 1em;padding:0;row-gap:.5em}footer{background-color:#f5f4f2;background-color:var(--grey);margin-top:5em;padding:1.5em}footer ul{display:flex;flex-direction:column;font-size:.85rem;row-gap:.75em}footer div.icons{margin-bottom:1.5em;margin-top:1em}}
/*# sourceMappingURL=main.12fc68af.css.map*/