.header{background-color:#047777;color:#fff;height:75px;position:fixed;top:0;width:100%;z-index:2}.header .wrapper{justify-content:space-between;padding:10px 30px}.header .wrapper,.header .wrapper .left{align-items:center;display:flex}.header .wrapper .left .logo{color:inherit;font-size:40px;font-weight:300;margin-right:30px;text-decoration:none}@media (max-width:956px){.header .wrapper .left .logo{font-size:25px}}.header .wrapper .right nav{align-items:center;display:flex;font-size:20px;font-weight:300;justify-content:space-between;margin-right:20px;text-decoration:none}.header .wrapper .right nav span{display:flex}.header .wrapper .right nav a{color:#fff;justify-content:space-between;margin-right:35px;text-decoration:none}@media (max-width:956px){.header .wrapper .right nav a{font-size:12px;margin:10px}}.about{background-color:#e4eee4;background-position:50%;background-size:cover;display:flex}@media (max-width:956px){.about{align-items:center;flex-direction:column}}.about .left{flex:0.3 1;overflow:hidden}@media (max-width:956px){.about .left{flex:0.33 1}}.about .left .photo{align-items:flex-end;background-color:grey;border-radius:50%;display:flex;height:500px;justify-content:center;padding-top:20px;width:500px}@media (max-width:956px){.about .left .photo{align-items:center;height:300px;width:300px}}.about .left .photo img{border-radius:800px 0 1400px 5px;height:40%;width:30%}.about .right{flex:0.7 1;position:relative}@media (max-width:956px){.about .right{flex:0.67 1}}.about .right .wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:50px;width:80%}@media (max-width:956px){.about .right .wrapper{align-items:center}}.about .right .wrapper h1{font-size:35px;font-weight:400;margin:10px 0}@media (max-width:956px){.about .right .wrapper h1{font-size:30px}}.about .right .wrapper h2{color:#318e8e;font-size:25px}@media (max-width:956px){.about .right .wrapper h2{font-size:20px}}.about .right .wrapper h3{font-size:20px;font-weight:400}@media (max-width:956px){.about .right .wrapper h3{font-size:18px}}.about .right a{bottom:10px;left:50%;position:absolute}.about .right a img{-webkit-animation:arrowBlink 2s infinite;animation:arrowBlink 2s infinite;width:30px}@-webkit-keyframes arrowBlink{to{opacity:0}}@keyframes arrowBlink{to{opacity:0}}.portfolio{align-items:center;background-color:#b6ceb6;color:#047777;display:flex;flex-direction:column;padding-top:60px}.portfolio h1{font-size:25px;padding-bottom:20px}.portfolio .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:20px;width:70%}@media (max-width:956px){.portfolio .container{padding:0}}.portfolio .container .item{border:1px solid #2f4f4f;border-radius:15px;color:#114031;height:160px;margin:10px 20px;overflow:hidden;position:relative;transition:.5s;width:200px}.portfolio .container .item h3{font-size:18px;text-align:center;width:100%}.portfolio .container .item img{aspect-ratio:16/9;object-fit:cover;width:100%;z-index:1}.portfolio .container .item a{display:block}.contact{background-color:#b7c5c5;display:flex}.contact .left{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden}.contact .left h1{color:#0f2b2b;padding:20px}@media (max-width:956px){.contact .left h1{font-size:20px}}.contact .left form{align-items:center;display:flex;flex-direction:column;height:60%;justify-content:space-around;width:70%}@media (max-width:956px){.contact .left form{justify-content:space-evenly}}.contact .left form input{font-size:15px;height:30px;width:300px}@media (max-width:956px){.contact .left form input{justify-content:center}}.contact .left form textarea{font-size:15px;height:200px;width:300px}.contact .left form button{background-color:#0f2b2b;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;height:30px;width:150px}.contact .left form:focus{outline:none}.contact .right{align-items:center;color:#0f2b2b;display:flex;flex:1 1;flex-direction:column;justify-content:space-around;padding:20px}.contact .right img{padding:50px}@media (max-width:956px){.contact .right img{width:70%}}.contact .right a{color:#0f2b2b}@media (max-width:956px){.contact .right a,.contact .right p{font-size:13px}}.app{height:100vh}.app .sections{background-color:#d3d3d3;height:700px;position:relative;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;top:70px;width:100%}.app .sections>*{height:700px;scroll-snap-align:start;width:100vw}
/*# sourceMappingURL=main.aa98f80b.css.map*/