@import url(https://fonts.googleapis.com/css2?family=Lobster+Two:wght@400;700&display=swap);*{box-sizing:border-box;font-family:Lobster Two,sans-serif;margin:0;padding:0;scroll-behavior:smooth}h1{font-size:30px}h2{font-size:26px}p{font-size:20px;line-height:24px}.hide{display:none!important}.btn-primary{background-color:#558476;color:#fff}.btn-primary,.btn-secondary{border:1px solid #558476;border-radius:500px;display:inline-block;font-size:20px;font-weight:700;height:56px;line-height:56px;padding:0 20px}.btn-secondary{background-color:#f2f2ea;color:#558476}@media(min-width:860px){h1{font-size:50px}h2{font-size:42px}h3{font-size:32px}p{font-size:28px;letter-spacing:3px;line-height:36px}}.navbar{background-color:#f2dadb;box-shadow:0 3px 8px rgba(0,0,0,.25);height:60px;justify-content:center;position:fixed;top:0;width:100%;z-index:1}.navbar,.navbar ul.nav-links{align-items:center;display:flex}.navbar ul.nav-links{background-color:#f2f2ea;border-radius:500px;height:30px;justify-content:space-between;list-style:none;padding:0 4%;width:90%}.navbar ul.nav-links li{color:#558476;display:inline;font-size:18px;line-height:24px}.navbar ul.nav-links li a{color:inherit;text-decoration:none}.navbar ul.nav-links .logo{color:#c76675;height:45px}.navbar ul.nav-links h3{display:none}@media(min-width:860px){.navbar{background-color:#f2f2ea;height:80px}.navbar ul.nav-links{display:block;padding:0;text-align:right;width:95%}.navbar ul.nav-links>a{display:flex;gap:16px;position:absolute;text-decoration:none;top:20px}.navbar ul.nav-links>a h3{color:#c76675;display:inline-block}.navbar ul.nav-links li{font-size:28px;margin-left:32px;margin-top:3px}}#Hero{align-content:center;background-color:#edb7bc;display:flex;flex-direction:column;gap:32px;justify-content:center;min-height:100vh;padding-top:60px;text-align:center}#Hero img{margin:0 auto;width:235px}#Hero h1{color:#558476;margin:0 auto;max-width:237px}@media(min-width:860px){#Hero{gap:46px}#Hero h1{max-width:620px}#Hero img{width:275px}}#About{align-items:center;background-color:#f2dadb;color:#558476;display:flex;flex-direction:column-reverse;padding:4rem 2rem}#About,#About h1{text-align:center}#About h1{margin-bottom:16px}#About p{margin:16px 0;max-width:380px;text-align:center}#About img{margin:0 auto 32px}@media(min-width:860px){#About{flex-direction:row;gap:32px;justify-content:center;padding:5rem 2rem;text-align:left}#About h2{margin-bottom:46px}#About p{max-width:675px;text-align:left}#About img{margin:0}}#Projects{align-items:center;background-color:#f2f2ea;color:#c76675;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}#Projects h1{margin-bottom:16px}#Projects p{margin-bottom:32px;margin-top:16px;max-width:380px;text-align:center}#Projects ul{align-items:center;display:flex;flex-flow:wrap;gap:16px;justify-content:center;list-style:none;margin:0 -10px;max-width:580px}#Projects ul img{border-radius:6px;height:117px;margin-bottom:8px;width:155px}#Projects ul .project-item{border-radius:6px;display:flex;flex-direction:column;text-align:center}#Projects ul .project-item .coming-soon-div{align-items:center;background-color:rgba(85,132,118,.5);border-radius:6px;display:flex;height:117px;justify-content:center;position:absolute;width:155px}#Projects ul .project-item .coming-soon-div label{color:#fff;font-size:26px;font-weight:700;width:100px}@media(min-width:860px){#Projects h2{margin-bottom:46px}#Projects li h3{font-size:20px}#Projects p{max-width:450px}}@media(min-width:1200px){#Projects{flex-direction:row;gap:46px;padding:5rem 2rem;text-align:left}#Projects p{max-width:520px;text-align:left}#Projects ul{gap:32px;justify-content:start}}#Technologies{background-color:#aecdc4;color:#c76675;gap:32px;justify-content:center;padding:4rem 2rem;text-align:center}#Technologies,#Technologies>div{align-items:center;display:flex;flex-direction:column}#Technologies h2{margin-bottom:32px}#Technologies p{margin-bottom:46px;max-width:380px;text-align:center}#Technologies ul{align-items:center;display:flex;flex-flow:wrap;gap:24px;justify-content:center;list-style:none;margin:0 -10px;max-width:580px}#Technologies ul .technology-item{background-color:#f2f2ea;border:1px solid #c76675;border-radius:6px;color:#c76675;display:flex;flex-direction:column;gap:4px;height:68px;justify-content:center;text-align:center;width:76px}#Technologies ul .technology-item img{fill:#c76675;height:30px}#Technologies ul .technology-item h3{font-size:16px;font-weight:400}@media(min-width:860px){#Technologies p{max-width:450px}}@media(min-width:1200px){#Technologies{gap:46px;padding:5rem 2rem;text-align:left}#Technologies>div{flex-direction:row;flex-wrap:wrap;gap:60px;justify-content:space-between;max-width:1145px}#Technologies h2{flex:1 0 100%;margin-bottom:-32px}#Technologies ul{gap:46px}#Technologies ul .technology-item{height:140px;width:160px}#Technologies ul .technology-item img{height:55px}#Technologies ul .technology-item h3{font-size:28px;margin-top:8px}#Technologies p{max-width:515px;text-align:left}}#Contact{align-items:center;background-color:#558476;color:#f2f2ea;display:flex;flex-direction:column;padding:4rem 2rem 9rem;position:relative;text-align:center}#Contact h2{margin-bottom:32px}#Contact p{margin-bottom:46px;max-width:380px;text-align:center}#Contact ul{align-self:flex-start;list-style:none;margin:auto;max-width:380px;text-align:left;width:100%}#Contact ul li{margin-bottom:16px}#Contact ul li a{color:#f2f2ea;cursor:pointer;text-decoration:none}#Contact ul li label{font-size:20px;line-height:24px}#Contact ul li span{background-color:#f2f2ea;border-radius:50%;display:inline-block;height:26px;margin-right:8px;text-align:center;width:26px}#Contact ul li span img{margin-top:6px;width:14px}#Contact footer{background-color:#c76675;bottom:0;padding:16px;position:absolute;text-align:center;width:100%}#Contact footer ul{display:flex;flex-direction:row;gap:24px;justify-content:center;margin:auto}#Contact footer ul li{margin-bottom:8px}#Contact footer ul small{font-size:14px}@media(min-width:860px){#Contact{gap:0}#Contact p,#Contact ul{max-width:540px}#Contact ul li span{height:34px;width:34px}#Contact ul li span img{margin-top:8px;width:20px}#Contact ul li label{font-size:28px;letter-spacing:3px}#Contact footer ul li img{height:30px}#Contact footer small{font-size:18px}}@media(min-width:1200px){#Contact{flex-direction:row;flex-wrap:wrap;gap:60px;justify-content:center;text-align:left}#Contact h2{margin-bottom:46px}#Contact p{text-align:left}#Contact ul{align-self:end;margin:32px 0}#Contact ul li label{font-size:28px;letter-spacing:3px}}.modal-overlay{-webkit-animation:fadeIn .1s ease-in;animation:fadeIn .1s ease-in;background-color:rgba(0,0,0,.5);bottom:0;left:0;right:0;top:0}.modal,.modal-overlay{position:fixed;z-index:11}.modal{-webkit-animation:fadeIn .3s ease-in;animation:fadeIn .3s ease-in;background-color:#f2f2ea;border-radius:6px;left:50%;max-height:calc(100vh - 40px);min-width:327px;overflow:auto;padding:46px 32px 32px;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:65%}.modal .close{background:transparent;border:0;position:absolute;right:15px;top:15px}.modal#ProjectsModal>img{margin:0 auto 16px;max-width:200px;width:70%}.modal#ProjectsModal .tech-pills{list-style:none;margin-bottom:16px;margin-top:16px;text-align:left}.modal#ProjectsModal .tech-pills li{border:1px solid #c76675;border-radius:500px;color:#c76675;display:inline-block;font-size:16px;height:27px;line-height:27px;margin-bottom:8px;margin-right:8px;padding:0 10px}.modal#ProjectsModal a{text-decoration:none}.modal#ProjectsModal .btn-primary{margin-bottom:8px;width:100%}.modal#ProjectsModal .btn-secondary{width:100%}.modal#TechnologiesModal>img{margin-bottom:16px;width:111px}.modal#TechnologiesModal p{margin-bottom:8px}.modal h2{color:#558476;margin-bottom:16px;text-align:left}.modal p{color:#c76675;margin-top:8px;text-align:left;text-align:justify}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(min-width:1200px){.modal{display:flex;gap:46px;max-height:calc(100vh - 100px);padding:32px}.modal#ProjectsModal{width:70%}.modal#ProjectsModal>img{align-self:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;max-width:500px}.modal#ProjectsModal>div{width:100%}.modal#ProjectsModal .btn-secondary{margin-bottom:20px}.modal#TechnologiesModal{display:block;padding:3rem;width:50%}.modal#TechnologiesModal>img{width:165px}}
/*# sourceMappingURL=main.caa3f3a3.css.map*/