body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#000}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a{text-decoration:none}*{font-family:montserrat;margin:0;padding:0}html{scroll-behavior:smooth}div>h1{color:#fff}.about-container,.landing-container,.works-container{height:100vh;scroll-snap-align:start;scroll-snap-stop:normal;width:100%;z-index:1}.landing-container{background:#34373a;background:radial-gradient(circle,#26282a 25%,#0b090a 100%)}.navbar-container{height:10%;justify-content:center;width:100%}.navbar-container,.navbar-logo{display:flex;flex-direction:row}.navbar-logo{align-items:center;margin-left:30px;margin-right:auto}.navbar-logo>img{border-radius:50%;filter:saturate(.5);height:50px;margin-left:20px;width:50px;z-index:1}.navbar-logo>h2{color:#fff;font-family:nunito;font-weight:500;margin-left:10px}.navbar-main>h3{color:#2b2b2b;font-family:nunito;font-weight:300;margin:0 10px}.navbar-main>h3>a{color:#fff}.about-link{padding-bottom:1px}.navbar-buttons{align-items:center;display:flex;height:100%;position:relative;width:12%}.navbar-buttons>button{background-color:initial;border:2.5px solid #fff;border-radius:50px;color:#fff;font-family:montserrat;font-size:20px;font-weight:600;padding:10px 15px;transition:.2s}.navbar-buttons>button:hover{background-color:#fff;box-shadow:0 0 10px #ffffff4d}.navbar-buttons>button>a{color:#fff;transition:.2s}.navbar-buttons>button:hover>a{color:#1a1a1a}.main-landing-container{flex-direction:row;height:90%;padding:0;width:100%}.socials-sidebar{flex-direction:column;height:100%;margin:auto;width:2%}.socials-button,.socials-sidebar{align-items:center;display:flex;justify-content:center}.socials-button{background-size:contain}.socials-button>a>img{height:25px;margin:25px 0;transition:.2s ease-in-out;width:25px}.socials-button:hover>a>img{height:40px;margin:15px 0;width:40px}.main-landing{display:flex;flex-direction:row;position:relative;width:95%}.landing-headers{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding-top:40px;width:75%;z-index:1}.landing-headers>h2{color:#fff;font-family:lato;font-size:40px;font-weight:300}.landing-headers>h1{color:#d3d3d3;font-family:montserrat;font-size:94px;font-weight:800}.landing-headers>button{background:none;border:2px solid #fff;border-radius:40px;color:#fff;font-size:20px;margin-top:20px;padding:10px 15px;transition:.3s}.landing-headers>button:hover{background:none;background-color:#fff;box-shadow:0 0 10px #ffffff4d;color:#fff}.landing-headers>button>a{color:#fff;transition:.2s}.landing-headers>button:hover>a{color:#1a1a1a}.landing-image{align-items:flex-end;display:flex;justify-content:flex-start;position:relative;width:40%}.landing-image>img{background-size:cover;border-top-left-radius:30px;border-top-right-radius:30px;filter:saturate(.5);max-height:100%;transition:.3s;width:100%;z-index:0}.landing-image>img:hover{box-shadow:0 50px 40px #fff3;filter:saturate(.8);transform:scale(1.05)}.landing-container{animation:fadeIn 2s forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.socials-button img{transition:transform .2s ease,filter .2s ease}.socials-button img:hover{filter:brightness(1.2);transform:scale(1.05)}.landing-headers h1{animation:subtleBounceIn 1.2s forwards;opacity:0;transform:translateY(-10px)}@keyframes subtleBounceIn{0%{opacity:0;transform:translateY(-10px)}60%{opacity:1;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.landing-headers h2{animation:subtleBounceIn 1.5s .2s forwards;opacity:0;transform:translateY(-10px)}.main-landing-container{align-items:center;display:flex;justify-content:space-between}.landing-image img{height:auto;max-width:100%}.navbar-fixed{height:15%;left:45%;position:fixed;width:10%}.navbar-fixed,.navbar-main{align-items:center;display:flex}.navbar-main{flex-direction:row;justify-content:center;position:relative;width:100%}.manu-button{display:none}.about-link,.works-link{color:#fff;font-family:nunito;font-weight:500;margin:0 20px;position:relative;text-decoration:none}.about-link:after,.works-link:after{background-color:#add8e6;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.about-link:hover:after,.works-link:hover:after{width:100%}.main-landing{height:100%;margin-top:auto}.hamburgers{opacity:0}@media (max-width:1400px){.landing-container{height:102vh}.main-landing{height:100%}.landing-headers{display:flex;flex-direction:column;justify-content:center;padding-left:50px;padding-top:0;width:60%}.landing-headers>button{width:180px}.navbar-container{height:10%}.main-landing-container{height:90%}.landing-headers>button{margin-top:0}.landing-headers>h1{font-size:90px}}@media (max-height:600px){.landing-headers>h1{font-size:65px}.landing-headers>h2{font-size:25px}}@media (max-width:1200px){.landing-headers>h1{font-size:80px}.landing-headers{padding-left:20px;width:60%}.LANDING-IMAGE{margin-left:auto}}@media (max-width:1080px){.socials-sidebar{width:5%}.landing-headers{padding-left:0;width:55%}.landing-headers>h1{font-size:70px}.landing-image{width:45%}.landing-image>img{max-height:100%;width:90%}.navbar-buttons{width:15%}}@media (max-width:1000px){.landing-headers{width:52%}.landing-image{width:48%}.landing-image>img{width:100%}}@media (max-width:910px){.landing-headers{width:50%}.landing-headers>h1{font-size:50px}.landing-headers>h2{font-size:30px}.landing-image{width:50%}.navbar-buttons{width:20%}}@media (max-height:500px){.navbar-buttons>button{font-size:20px;padding:5px 10px}}@media (max-height:474px){.landing-headers>h1{font-size:40px}}.hiddencheck{display:none}@media (max-width:600px){.navbar-container{height:100px;margin-bottom:20px}.main-landing-container{flex-direction:column-reverse}.landing-container{height:1000px}.socials-sidebar{flex-direction:row;width:10%}.navbar-logo{margin-left:0}.navbar-logo>img{height:30px;width:30px}.navbar-logo>h2{font-size:20px}.navbar-buttons,.navbar-fixed{display:none}.menu-button{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:flex-end;position:relative;width:100px}.menu-button>.hamburgers{cursor:pointer;height:50px;margin-top:15px;opacity:1;width:50px}.menu-button>.hamburger svg{height:4em;transition:transform .6s cubic-bezier(.4,0,.2,1)}.line{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line-top-bottom{stroke-dasharray:12 63}.hamburger input:checked+svg{transform:rotate(-45deg)}.hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}.main-landing{flex-direction:column-reverse}.landing-headers{align-items:center;margin:auto;width:90%}.landing-headers>h1,h2{text-align:center}.landing-headers>button{margin:auto}.landing-image{margin:auto;width:80%}.landing-image>img{border-radius:20px}}.menu-styler{display:flex;height:100px;justify-content:flex-end;width:100%}.menu-styler>img{height:100px;margin-right:20px;width:100px}.menu-container>h1{font-family:Lato;font-size:100px;font-weight:300;margin:20px}.menu-container>h1>a{color:#bcbcbc}@media (max-width:500px){.menu-container>h1{font-size:80px}}@media (max-width:420px){.menu-container>h1{font-size:60px}}.menu.socials-sidebar{flex-direction:row;height:100px;justify-content:flex-end;margin:0;width:95%}.menu.socials-sidebar>div{margin:15px}.menu-container h1{color:#000;cursor:pointer;display:inline-block;position:relative;text-decoration:none}.menu-container h1:after{background:#000;content:"";display:block;height:2px;margin-top:5px;position:absolute;right:0;transition:width .3s ease;-webkit-transition:width .3s ease;width:0}.menu-container h1:hover:after{background:#000;left:0;width:100%}.works-container{background:#fec0ca;background:radial-gradient(circle,#fec0ca 44%,#ff8fa3 100%);display:flex;flex-direction:row;height:100vh;width:100%;z-index:2}.works-container.b{background:#e1e1e1;background:radial-gradient(circle,#e1e1e1 44%,#bababa 100%)}.works-container.c{background:#ddb892;background:radial-gradient(circle,#ddb892 44%,#b89678 100%)}.project-content-container{height:100%;width:50%}.works-header{padding:100px 50px 20px}.works-header>h1{color:#ff758f;font-size:25px;font-weight:300}.works-header.B>h1{color:#a1a1a1}.works-header.c>h1{color:#b08968}.project-container{display:flex;flex-direction:column;margin-left:50px;width:100%}.project-container>h1{color:#c9184a;font-size:50px;font-weight:600}.project-container.b>h1{color:#505050}.project-container.c>h1{color:#9c6644}.skills-section{margin:20px 0}.skills-section>button{background-color:initial;border:1.5px solid #ff758f;border-radius:50px;color:#ff758f;font-family:montserrat;font-size:15px;font-weight:500;margin:5px;padding:10px 15px;transition:.2s}.skills-section>button:hover{box-shadow:0 0 10px #0003}.skills-section.b>button{border:1.5px solid #b6b6b6;color:#b6b6b6}.skills-section.c>button{border:1.5px solid #b08968;color:#b08968}.project-info{display:flex;flex-direction:row;justify-content:space-between}.project-info>div{display:flex;flex-direction:column;margin-top:50px}.project-info>div>h3{color:#ff758f;font-weight:500;margin-bottom:35px}.project-info>div>h2{color:#ff4d6d;font-weight:500;margin-bottom:30px}.project-info.b>div>h3{color:gray}.project-info.b>div>h2{color:#3d3d3d}.project-info.c>div>h3{color:#9d6b53}.project-info.c>div>h2{color:#8a5a44}.project-link{margin:30px 0}.project-link>button{background-color:initial;border:2px solid #c9184a;border-radius:50px;color:#c9184a;font-family:montserrat;font-size:20px;font-weight:600;margin:5px 5px 5px 0;padding:10px 15px;transition:.3s}.project-link>button:hover{background:none;background-color:#c9184a;box-shadow:0 0 10px #00000080}.project-link>button>a{color:#c9184a;transition:.3s}.project-link>button:hover>a{color:pink}.project-link.b>button{border:2px solid #1a1a1a;color:#1a1a1a}.project-link.b>button:hover{background:#1a1a1a;box-shadow:0 0 10px #00000080}.project-link.b>button>a{color:#1a1a1a;transition:.3s}.project-link.b>button:hover>a{color:#e1e1e1}.project-link.c>button{border:2px solid #7f5539;color:#7f5539}.project-link.c>button:hover{background:#7f5539;box-shadow:0 0 10px #00000080}.project-link.c>button>a{color:#7f5539;transition:.3s}.project-link.c>button:hover>a{color:#ddb892}.project-link>button>img{background-size:contain;height:15px;width:15px}.project-image-container{align-items:flex-end;display:flex;flex-direction:row;height:100%;justify-content:flex-end;width:50%}.project-image{background-color:#ebebeb;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 0 60px #0000004d;display:grid;height:85%;justify-items:center;margin-right:50px;overflow:scroll;transition:.5s;width:80%}.project-image:hover{box-shadow:0 0 60px #0009}.project-image>img{background-size:cover;border-top-left-radius:20px;border-top-right-radius:20px;width:100%}@media (max-height:768px){.skills-section{margin:10px 0;padding:0}.project-info>div{margin:0}.project-info>div>h3{font-size:15px;margin:20px 0}.project-info>div>h2{font-size:20px}.project-link{margin:0}}@media (max-width:1100px){.skills-section{margin:10px 0;padding:0}.project-info>div{margin:0}.project-info>div>h3{font-size:15px;margin:20px 0}.project-info>div>h2{font-size:20px}.project-link{margin:0}.project-image{margin-right:20px}}@media (max-width:1050px){.project-container>h1{font-size:42px}}@media (max-width:920px){.works-container{flex-direction:column;height:1100px}.project-content-container{height:550px;width:90%}.project-info{width:60%}.project-image-container{height:500px;margin:0 auto;padding:0;width:90%}.project-image{border-radius:20px;height:100%;margin:0;width:100%}}@media (max-width:740px){.works-container{height:1200px}.project-content-container{height:600px}}@media (max-width:660px){.project-content-container{height:650px}.project-info{width:100%}}@media (max-width:600px){.project-container{margin-left:20px}.project-container>h1{font-size:40px}.works-container{height:1350px}.project-content-container{height:800px}.skills-section>button{font-size:12px}.project-info{flex-direction:column}.project-title{width:300px}.project-info>div{margin:10px 0}.project-info>div>h2,.project-info>div>h3{margin:0;text-align:left}}@media (max-width:360px){.project-info>div>h3{font-size:10px}.project-info>div>h2{font-size:15px}}.about-container{background:#34373a;background:radial-gradient(circle,#26282a 25%,#0b090a 100%);height:100vh}.about-main{display:flex;flex-direction:row;height:100%;width:100%}.about-left{flex-direction:column;height:100%;margin-left:10%;width:40%}.about-left,.image-border{align-items:center;display:flex;justify-content:center}.image-border{background-color:#cecece;border-radius:1000px;height:310px;margin-top:100px;width:310px}.image-border>img{border-radius:1000px;filter:saturate(.5);transition:.2s;width:300px}.image-border>img:hover{filter:saturate(1)}.about-left>h1{color:#b1b1b1;font-family:Poppins;font-size:45px;font-weight:600;margin-top:10px}.about-left>h3{color:#dadada;font-family:lato;font-size:25px;font-weight:400;margin-top:10px;text-align:center}.about-left>a{background-color:initial;border:2px solid #858585;border-radius:30px;color:#858585;margin-top:20px;padding:10px 15px;transition:.3s}.about-left>a:hover{background-color:#858585;color:#1a1a1a}.about-right{display:flex;flex-direction:column;justify-content:center;width:50%}.about-right>h1{color:#858585;font-family:Montserrat;font-weight:600;margin-bottom:20px}.about-right>h3{color:#dadada;font-weight:400;margin-bottom:50px;width:80%}.about-right>h2{color:#c7c7c7;font-family:Montserrat;font-size:40px;font-weight:600;margin-bottom:30px}.about-skills{display:flex;flex-direction:row;flex-wrap:wrap}.about-skill{align-items:center;display:flex;flex-direction:column;margin:0 10px}.about-skill>img{filter:saturate(.5);height:50px;margin-bottom:5px;width:50px}.about-skill>img:hover{filter:saturate(1)}img.tailwind{width:80px}.about-skill>h4{color:#dadada;font-family:poppins;font-weight:300}@media (max-width:1080px){.about-skill>img{height:35px;width:35px}}@media (max-width:850px){.about-left{margin-left:0;width:50%}}@media (max-width:768px){.about-container{height:1100px}.about-main{flex-direction:column}.about-left,.about-right{height:550px;width:100%}.about-right{align-items:center}.about-skills{justify-content:center}}@media (max-width:430px){.about-left>h3{font-size:20px}.about-left>a{margin-bottom:50px}.about-container{height:1200px}.about-left{height:600px}.about-right>h1{font-size:20px}.about-right>h2{font-size:30px}}.contact-container{align-items:flex-end;background:#a3a3a3;background:radial-gradient(circle,#a3a3a3 44%,#737373 100%);display:flex;flex-direction:row;height:100vh;width:100%}.contact-left{display:flex;flex-direction:column;flex-wrap:nowrap;height:86%;justify-content:space-between;width:55%}.contact-socials,.contact-subheading{padding-left:50px}.contact-socials{padding-bottom:10px}.contact-subheading>h1{color:#d5d5d5;font-size:100px;overflow-x:visible}.contact-subheading>h3{color:#1a1a1a;font-family:lato;font-size:30px;font-weight:300}h3>span{border-bottom:1px solid #1a1a1a}.contact-social>img{height:16px;width:16px}.contact-social>h3{color:#282c34;font-family:lato;font-weight:400;margin:5px 0}.contact-right{align-items:flex-end;display:flex;height:86%;justify-content:center;padding-bottom:10px;width:45%}form{width:90%}.form{align-items:end;display:grid;grid-auto-flow:column;grid-template-columns:100%;grid-template-rows:100px 100px 200px 50px}.input-group{margin-bottom:30px;position:relative}.email,.name{margin-top:50px}.email{margin-bottom:35px}.message-group{margin-top:50px}input,textarea{background:#0000;border:0;border-bottom:1px solid #1a1a1a;font-size:15px;outline:0;padding:10px;width:80%}label{color:#5c5c5c;cursor:text;font-family:helvetica;height:100%;left:0;padding:10px;position:absolute;top:0;transition:.2s}#formbutton{background:#0000;border:1px solid #1a1a1a;color:#1a1a1a;cursor:pointer;font-size:15px;margin-left:auto;outline:0;padding:10px 15px;width:84%}input:focus~label,input:valid~label,textarea:focus~label,textarea:valid~label{font-size:14px;top:-35px}.contact-social{align-items:center;display:flex;flex-direction:row}@media (max-height:600px){.contact-subheading>h1{font-size:80px}.contact-subheading>h3{font-size:25px}}@media (max-width:880px){.contact-subheading>h1{font-size:80px}.contact-subheading>h3{font-size:25px}}.contact-right>.contact-socials{display:none}@media (max-width:720px){.contact-container{flex-direction:column;height:800px}.contact-left{height:250px;width:100%}.contact-left>.contact-socials{display:none}.contact-right{display:flex;flex-direction:column;height:500px;width:100%}.contact-right>.contact-socials{display:flex;flex-direction:column;margin-right:auto;margin-top:50px}}@media (max-width:650px){.contact-left{height:200px;margin-top:30px}.contact-subheading>h1{font-size:60px}.contact-subheading>h3{font-size:20px}}@media (max-width:477px){.contact-container{flex-direction:column;height:900px}.contact-left{height:300px;width:100%}.contact-subheading{padding-left:20px}}
/*# sourceMappingURL=main.835ff543.css.map*/