.topbar{background-color:#f7ede2;color:#395b50;height:70px;position:fixed;top:0;transition:all 1s ease;width:100%;z-index:3}@media (max-width:768px){.topbar{height:60px}}.topbar .wrapper{justify-content:space-between;padding:10px 30px}.topbar .wrapper,.topbar .wrapper .right{align-items:center;display:flex}.topbar .wrapper .right .logo{color:inherit;font-size:40px;font-weight:700;text-decoration:none}@media (max-width:768px){.topbar .wrapper .right .logo{font-size:28px}}.topbar .wrapper .left .hamburger{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;width:32px}@media (max-width:768px){.topbar .wrapper .left .hamburger{height:20px;width:30px}}.topbar .wrapper .left .hamburger span{background-color:#395b50;height:3px;transition:all 2s ease;width:100%}.topbar.active{background-color:#395b50;color:#fbfbfb}.intro,.topbar.active .left .hamburger span{background-color:#fbfbfb}.intro{display:flex}@media (max-width:768px){.intro{align-items:center;flex-direction:column-reverse;justify-content:flex-start}}.intro .left{flex:0.55 1;margin-top:2em;padding-left:.5rem}.intro .left .wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}@media (max-width:768px){.intro .left .wrapper{justify-content:flex-start}}.intro .left .wrapper .wrapper-container h1{font-size:60px;margin:30px 0}.intro .left .wrapper .wrapper-container h2{font-size:35px}@media (max-width:768px){.intro .left .wrapper .wrapper-container h1{font-size:40px;margin:10px 0}.intro .left .wrapper .wrapper-container h2{font-size:20px}}.intro .left .wrapper .wrapper-container .profession-title{height:50px;overflow:hidden}.intro .left .wrapper .wrapper-container .profession-title .profession-title-wrapper{height:auto}.intro .left .wrapper .wrapper-container .profession-title .profession-title-wrapper .profession-title-item{align-items:center;animation:moveProfession 5s ease-in-out infinite alternate;color:#da7422;display:flex;font-size:30px;font-weight:700;height:50px}@media (max-width:768px){.intro .left .wrapper .wrapper-container .profession-title .profession-title-wrapper .profession-title-item{font-size:25px}}@keyframes moveProfession{50%{transform:translateY(-50px)}to{transform:translateY(-100px)}}.intro .left .wrapper .wrapper-container a{animation:arrowBlink 1.5s infinite;animation-direction:alternate-reverse;bottom:5rem;position:absolute}@media (max-width:768px){.intro .left .wrapper .wrapper-container a{bottom:7rem}}.intro .left .wrapper .wrapper-container a .icon{color:#395b50;font-size:50px}@keyframes arrowBlink{0%{bottom:60px;opacity:.5}}@media (max-width:768px){@keyframes arrowBlink{0%{bottom:8rem;opacity:.5}}}.intro .right{align-items:center;display:flex;flex:0.45 1;justify-content:space-between;overflow:hidden;padding-right:.5rem}.intro .right .image-container{align-items:flex-end;background-color:#f7ede2;border-radius:50%;display:flex;justify-content:center;max-height:600px;max-width:600px}.intro .right .image-container img{width:100%}.intro .social-links{align-items:center;background-color:#395b5033;border-radius:1rem 0 0 1rem;display:flex;flex-direction:column;justify-content:space-evenly;min-height:8rem;min-width:2.5rem;padding:.5rem;position:fixed;right:0;top:45%;z-index:4}.intro .social-links .icon{color:#395b50;font-size:30px;margin:.5rem}.intro .social-links a{color:inherit;text-decoration:none}.contact{display:flex}.contact h1{font-size:50px}.contact .left{align-items:center;display:flex;flex:0.5 1;justify-content:center;overflow:hidden;position:relative}.contact .left .left-overlay{background-color:#395b500d;height:100%;position:absolute;width:100%;z-index:2}.contact .left img{height:80%;object-fit:contain;position:absolute;width:80%}.contact .right{flex:0.5 1;padding:3rem}.contact .right form{margin:20px 0}.contact .right form input{border:none;border-bottom:1px solid #da7422;font-size:18px;height:50px;margin:1rem 0;padding-left:10px;width:50%}.contact .right form textarea{border:1px solid #da7422;border-radius:.5rem;font-size:18px;line-height:1.5rem;margin:3rem 0;padding:1rem;resize:none;width:75%}.contact .right form button{align-self:flex-start;background-color:#da7422;border:none;border-radius:.5rem;color:#fbfbfb;cursor:pointer;font-size:20px;font-weight:500;padding:1rem;width:80%}.contact .right form button:active{background-color:#da7422f5}.contact .right form input:focus,.contact .right form textarea:focus{outline:none}.blog{align-items:center;background-color:#fbfbfb;display:flex;flex-direction:column}.blog h1{font-size:50px;margin-top:30px;min-height:100px}.blog .blog-container{align-items:flex-start;display:flex;flex-wrap:wrap;height:100%;justify-content:space-evenly;width:100%}.blog .blog-container .blog-card{align-items:center;border-radius:8px;box-shadow:0 0 15px -5px #395b50;display:flex;flex-direction:column;height:50%;margin-top:10px;width:27%}.blog .blog-container .blog-card .blog-title{min-height:10%;padding:20px 0}.blog .blog-container .blog-card .blog-body{height:100%;position:relative;width:100%}.blog .blog-container .blog-card .blog-body .image-overlay{background-color:#395b504d;height:100%;position:absolute;width:100%;z-index:2}.blog .blog-container .blog-card .blog-body img{height:100%;object-fit:cover;object-position:-10px 0;position:absolute;width:100%}.projectList{border-radius:8px;cursor:pointer;font-size:20px;margin-right:30px;padding:10px}.projectList.active{background-color:#395b50;color:#f7ede2}.projects{align-items:center;background-color:#fdfff7;display:flex;flex-direction:column}.projects h1{font-size:50px;margin:20px 0}.projects ul{display:flex;list-style:none;margin:30px;padding:0}.projects .container{flex-wrap:wrap;width:70%}.projects .container,.projects .container .item{align-items:center;display:flex;justify-content:center}.projects .container .item{border-radius:20px;color:#f7ede2;height:200px;margin:10px;position:relative;transition:all .5 ease;width:250px}.projects .container .item .details{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 5px;position:absolute}.projects .container .item .details .details-title h3{font-size:20px;margin-bottom:10px}.projects .container .item .details .details-buttons a{color:inherit;text-decoration:none}.projects .container .item .details .details-buttons a button{background-color:#da7422;border:none;border-radius:5px;color:#fbfbfb;cursor:pointer;margin:10px;padding:10px;width:auto}.projects .container .item .details .details-buttons a button h4{font-size:15px}.projects .container .item img{height:100%;object-fit:cover;width:100%;z-index:1}.projects .container .item:hover{background-color:#395b50}.projects .container .item:hover img{opacity:.3;z-index:0}.projects .container .no-data{margin:20px}.menu{align-items:center;background-color:#395b50;display:flex;flex-direction:column;height:calc(100vh - 70px);justify-content:center;left:-300px;position:fixed;top:70px;transition:all 1s ease;width:300px;z-index:5}.menu.active{left:0}.menu ul{color:#fbfbfb;font-size:25px;font-weight:300;list-style:none;margin:0;padding:0;width:60%}.menu ul li{margin-bottom:25px}.menu ul li a{color:inherit;font-size:inherit;text-decoration:none}.menu ul li:hover{font-weight:500}.app{height:100vh}.app .sections{height:calc(100vh - 70px);position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;top:70px;width:100%}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{height:calc(100vh - 70px);scroll-snap-align:start;width:100vw}
/*# sourceMappingURL=main.3185448c.css.map*/