@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{font-family:var(--font);max-width:100vw;box-sizing:border-box;scroll-behavior:smooth}html{scroll-behavior:smooth}body,h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{display:flex;justify-content:center;align-items:center}button:hover{cursor:pointer}button:disabled{cursor:not-allowed}p{margin:0}ul{list-style:none;margin:0;padding:0}:root{--font: "Inter", sans-serif;--color-black: #08090a;--color-black-light: #111;--color-black-lighter: #222;--color-black-medium: #0e0e10;--color-grey-dark: #333;--color-grey-medium:#232225;--color-grey: #8a8f98;--color-white-05: rgba(255, 255, 255, .05);--color-white-15: rgba(255, 255, 255, .15);--color-white-25: rgba(255, 255, 255, .25);--color-white-40: rgba(255, 255, 255, .4);--color-white: #fff;--color-orange: #ff782c;--color-danger: #f8d7da;--color-success: #d4edda;--color-text-danger: #721c24;--color-text-success:#155724;--container-width: 1024px;--header-height: 45px;--size: .25rem;--icon-xs:18px;--icon-sm:20px;--icon-md:25px;--icon-lg:40px;--icon-xl:50px;--icon-xxl:75px;--text-sm: .75rem;--text-normal: 1rem;--text-md: 1.25rem;--text-lg: 1.5rem;--text-xl: 1.75rem;--text-xxl: 2rem;--card-width-sm: 300px;--card-width-md: 50%;--card-width-lg:80%;--card-width-xl:100%;--card-height-md: 330px;--card-height-lg:370px;--card-height-xl:100%;--radius: 5px;--radius-medium: 15px;--top:rgba(97, 106, 115, .122);--bottom:transparent}:root[data-theme=dark] body{background-color:var(--color-black);color:var(--color-white)}:root[data-theme=light] body{background-color:var(--color-white);color:var(--color-black)}body>header,body>footer{background-color:var(--color-black);color:var(--color-white)}ul{line-height:1.8}.container{max-width:var(--container-width);margin:0 auto;padding:0 .75rem}.d-block{display:block}.d-none,.hidden{display:none!important}.align-center{align-items:center}.align-start{align-items:flex-start}.align-stretch{align-items:stretch}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{justify-content:center}.flex-space-between{justify-content:space-between}.flex-grow{flex-grow:1}.flex-wrap{flex-wrap:wrap}.gap-2{gap:calc(var(--size) * 2)}.gap-4{gap:calc(var(--size) * 4)}.gap-6{gap:calc(var(--size) * 6)}.gap-8{gap:calc(var(--size) * 8)}.ml-auto{margin-left:auto}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-center{text-align:center}.success{background-color:var(--color-success);color:var(--color-text-success)}.danger{background-color:var(--color-danger);color:var(--color-text-danger)}.html path{fill:#df4c26}.bulma path{fill:#00d1b2}.css path{fill:#2194f0}.sass path{fill:#c76494}.javascript path{fill:#efd81d}.node path{fill:#8cc040}.php path{fill:#858ebb}.react path{fill:#66dbfb}.vuejs path{fill:#47ba87}.symfony path{fill:#fff}.wordpress path{fill:#207196}.bootstrap path{fill:#6d42a0}.python path{fill:#3870a1}.stripe,.paypal{fill:#0f268d}.icon{display:flex;justify-content:center;align-items:center}.icon,svg{height:var(--icon-xs);width:var(--icon-xs)}body>header{min-height:var(--header-height);position:fixed;top:0;left:0;width:100%;z-index:50}header nav{flex-direction:column}header nav .header-nav{padding:.5rem}header nav a:hover{text-decoration:none}header nav .brand span{text-transform:uppercase;color:var(--color-orange)}header nav .menu-item{color:var(--color-white-25);transition:all .3s ease}header nav .menu-item:hover{color:var(--color-white-40)}header nav .menu-item.is-active{color:var(--color-white)}section{padding:7rem 0;background-color:var(--color-grey-medium);position:relative;overflow:hidden;background:conic-gradient(from 90deg at 0% 0%,var(--top),var(--bottom) 180deg) 0% 0%/50% 100% no-repeat,conic-gradient(from 270deg at 100% 0%,var(--bottom) 180deg,var(--top)) 100% 0%/50% 100% no-repeat}section:nth-child(odd){color:var(--color-white)}section .container>.title{text-align:center;margin-bottom:1.5rem;font-size:var(--text-xxl);letter-spacing:.1rem;text-transform:uppercase}form{max-width:100%;width:500px;margin:0 auto}form .field{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}form .field>*:last-child{flex:1}form .field textarea{resize:vertical;min-height:100px}form button{background-color:var(--color-orange);box-shadow:none;color:var(--color-white);padding:.5rem .75rem;margin:.5rem 0}form button.is-loading{background-color:var(--color-success);color:var(--color-text-success)}form input,form textarea{background-color:#1f1f23;color:var(--color-white);padding:.25rem;font-size:var(--text-normal)}form input,form textarea,form button{border:0;border-radius:var(--radius)}form .required{color:var(--color-orange);font-size:.8rem}.alert{border-radius:var(--radius);padding:1rem;flex-direction:column;max-width:100%;margin:0 auto}.alert .icon,.alert svg{border-radius:50%;padding:.5rem;min-height:var(--icon-lg);min-width:var(--icon-lg)}.alert.success .icon{background-color:var(--color-text-success);color:var(--color-success)}.alert.danger .icon{background-color:var(--color-text-danger);color:var(--color-danger)}.card{background-color:var(--color-grey-medium);border-radius:var(--radius-medium);flex:1;max-width:75vw;min-width:75vw;overflow:hidden;padding:2rem 1rem}.card:hover{background-color:var(--color-grey-medium);transform:scale(1.05);opacity:.75;z-index:20}.card.is-active{z-index:10}.card.is-open{z-index:30}.card:hover,.card.is-active,.card.is-open{box-shadow:0 0 .75rem #ffffff40}.section-services .card{flex:1;display:flex;flex-direction:column;gap:2rem;transition:all .3s ease-in-out}.section-services .card .title{font-size:1.4rem;text-align:center;color:var(--color-white);margin-bottom:2rem}.section-services .card ul{list-style-type:disc;gap:1.5rem;margin:0 auto;width:auto;display:inline-block}.section-services .card ul li{color:var(--color-grey)}.section-services .card .icon,.section-services .card svg{display:block;margin:0 auto;width:var(--icon-xxl);height:var(--icon-xxl)}.section-services .card:hover{background-color:var(--color-black-medium)}.section-services .card:hover .title,.section-services .card:hover .icon,.section-services .card:hover svg{color:var(--color-orange);transition:all .5s ease-in-out}.section-projects .card{min-width:var(--card-width-sm);height:375px}.section-comments .card{min-width:var(--card-width-sm);height:300px}@media (min-width: 361px){.section-projects .card.is-active,.section-projects .card.is-open{transform:scale(1.25)!important}}@media (min-width: 478px){.alert{flex-direction:row}}@media (min-width: 576px){.container{padding:0 1rem}header nav{flex-direction:row!important}.section-services .card{flex-direction:row!important;align-items:center;gap:1rem;max-width:var(--card-width-lg);min-width:var(--card-width-lg)}.section-services .card .card-content{flex:1}.section-services .card .card-content .title{text-align:left;margin-bottom:1rem}.section-services .card .card-content ul{margin-left:1rem}.section-services .card .icon{margin:1rem;opacity:.25}.section-services .card:hover .icon{opacity:1}.section-contact form .field{flex-direction:row!important}.section-contact form .field label{width:25%}.section-contact .alert{max-width:500px}}@media (min-width: 768px){.container{padding:0 1.5rem}.section-services .card{flex-direction:column!important;max-width:var(--card-width-sm);min-width:var(--card-width-sm);flex:1}}@media (min-width: 992px){.section-services .card{max-width:var(--card-width-sm);min-width:var(--card-width-sm);flex:1}}.slider{position:relative;max-width:100%}.slider .viewport{overflow:hidden;position:relative;min-height:350px;padding:3rem 0}.slider .slides{position:absolute;left:0;display:flex;flex-wrap:nowrap;justify-content:center;align-items:stretch;padding:2rem 0;transition:all .5s ease-in-out;cursor:grab;-webkit-user-select:none;user-select:none}.slider .slides:active{cursor:grabbing}.slider .slides:active *{user-drag:none}.slider .slides .slide{border-radius:15px;margin:0 .5rem;position:relative;transition:all .3s ease-in-out;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.5}.slider .slides .slide:hover,.slider .slides .slide.is-active{opacity:1}.slider .slides .slide:hover{cursor:pointer;border-color:#222}.slider .slides .slide.is-active{background-color:var(--color-black-medium);transform:scale(1.1);margin:0 2rem}.slider .slides .slide .button-close{border:2px solid var(--color-grey);opacity:0;position:absolute;top:0;right:0;width:30px;height:30px;border-radius:50%;margin:.5rem;transition:opacity .5s ease-in-out}.slider .slides .slide .button-close svg{width:15px;height:15px;color:var(--color-grey)}.slider .slides .slide .button-close:hover{border-color:var(--color-white)}.slider .slides .slide .button-close:hover svg{color:var(--color-white)}.slider .slides .slide .title{font-size:var(--text-lg)}.slider button{background-color:transparent;border:0}.slider .buttons{position:relative;display:flex;justify-content:center;align-items:center;padding:1rem 0}.slider .buttons .indicators{display:flex}.slider .buttons .button{border-radius:50%;display:block;margin:1rem auto;border:1px solid silver;background-color:#fff;display:flex;justify-content:center;align-items:center;padding:0}.slider .buttons .button.button-indicator{width:15px;height:15px;margin:0 .2rem;transition:all .2s}.slider .buttons .button.button-indicator:hover{background-color:#efefef}.slider .buttons .button.button-indicator.is-active{background-color:#666;border-color:#666}.slider .buttons .button.button-toggler{position:absolute;top:1rem;left:0;width:30px;height:30px;margin:0}.slider .buttons .button.button-toggler:hover{border-color:#000}.slider .buttons .button.button-slider-prev,.slider .buttons .button.button-slider-next{width:30px;height:30px;margin:0 1rem}.slider .buttons .button.button-slider-prev:hover,.slider .buttons .button.button-slider-next:hover{border-color:#222}.slider.slider-projects{margin:0 auto}.slider.slider-projects .viewport{min-height:500px;padding:2rem 0}.slider.slider-projects .slides{position:absolute;width:100%;max-width:100%;justify-content:flex-start;transform:translate(0)}.slider.slider-projects .slide{border:0;display:inline-block;border-radius:15px;background-size:cover;background-position:center;transition:all .5s ease-in-out;overflow:hidden}.slider.slider-projects .slide>*{height:100%;border-radius:var(--radius-medium)}.slider.slider-projects .slide .category{background:var(--color-orange);position:absolute;top:2.5rem;left:0;padding:.5rem;padding:.25rem 1rem .25rem .75rem;border-top-right-radius:15px;border-bottom-right-radius:15px;font-size:.75rem;font-weight:500;transition:all .5s ease-in-out;letter-spacing:.05rem;color:#fff}.slider.slider-projects .slide>.icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-white);width:var(--icon-xxl);height:var(--icon-xxl);transition:all .3s ease-in-out}.slider.slider-projects .slide>.icon svg{width:var(--icon-xxl);height:var(--icon-xxl)}.slider.slider-projects .slide .content{position:absolute;top:80%;left:0;right:0;bottom:0;overflow:hidden;border-radius:15px;opacity:.8;transition:all .3s ease-in-out;margin-bottom:0}.slider.slider-projects .slide .content p{color:var(--color-grey);line-height:1.5;max-height:170px;opacity:0;overflow:hidden;padding:.75rem 1rem;height:40%}.slider.slider-projects .slide .tasks{display:none;opacity:0}.slider.slider-projects .slide .button-more{background-color:#fff3;border:0;border-top-left-radius:var(--radius-medium);border-bottom-left-radius:var(--radius-medium);color:var(--color-white);display:block;font-weight:500;margin-top:1.5rem;margin-left:auto;width:50%;padding:.5rem;transition:width 1s ease-in-out}.slider.slider-projects .slide .stack{background-color:#222;font-size:.75rem;position:absolute;bottom:0;right:0;left:0;border-bottom-left-radius:var(--radius-medium);border-bottom-right-radius:var(--radius-medium);padding:.25rem;animation:fadeInFromTop .4s ease-out;gap:.5rem;display:flex;justify-content:center;align-items:center}.slider.slider-projects .slide .stack .stack-item{line-height:1;display:flex;align-items:center;gap:.25rem}.slider.slider-projects .slide .stack .stack-item .icon,.slider.slider-projects .slide .stack .stack-item svg{display:inline-block}.slider.slider-projects .slide .stack .stack-item .stack-name{display:none}.slider.slider-projects .slide .title{color:#fff!important;margin-bottom:1.5rem;padding:0 .5rem;text-align:center;transition:all .3s ease-in-out}.slider.slider-projects .slide.slide-right .category{left:unset!important;right:0;transition:all .3s ease-in-out;border-radius:15px 0 0 15px}.slider.slider-projects .slide.is-active{margin:0 2rem;opacity:1!important}.slider.slider-projects .slide:hover,.slider.slider-projects .slide.is-active{border:0;opacity:1}.slider.slider-projects .slide:hover>.icon,.slider.slider-projects .slide.is-active>.icon{color:var(--color-white-05)}.slider.slider-projects .slide:hover .title,.slider.slider-projects .slide.is-active .title{margin-bottom:.5rem}.slider.slider-projects .slide:hover .category,.slider.slider-projects .slide.is-active .category{top:0;padding:.5rem 1.5rem .5rem 1rem;border-top-right-radius:0;letter-spacing:.1rem;font-weight:600}.slider.slider-projects .slide:hover .content,.slider.slider-projects .slide.is-active .content{top:0;height:100%;padding-top:4rem;opacity:.75}.slider.slider-projects .slide:hover.slide-right .category,.slider.slider-projects .slide.is-active.slide-right .category{border-radius:0 0 0 15px}.slider.slider-projects .slide:hover p,.slider.slider-projects .slide.is-active p{font-size:.9rem;opacity:1}.slider.slider-projects .slide:hover .button-more,.slider.slider-projects .slide.is-active .button-more{width:75%}.slider.slider-projects .slide:hover .button,.slider.slider-projects .slide.is-active .button{padding:.5rem 2rem}.slider.slider-projects .slide.is-open .button-close{opacity:1}.slider.slider-projects .slide.is-open .icon{top:70%;left:85%;transition:all .3s ease-in-out}.slider.slider-projects .slide.is-open .content p{padding:1rem 2rem}.slider.slider-projects .slide.is-open .tasks{display:block;opacity:1;padding:0 2rem;margin-left:1rem;list-style-type:disc}.slider.slider-projects .slide.is-open .tasks li{color:var(--color-grey);font-size:.75rem;font-weight:400;line-height:1.5}.slider.slider-projects .slide.is-open .stack{gap:.75rem}.slider.slider-projects .slide.is-open .stack .stack-name{display:inline;color:var(--color-grey)}.slider.slider-projects .slide.is-open .button-more{max-width:0;width:0;opacity:0}.slider.slider-comments .viewport{min-height:400px}.slider.slider-comments .slide{padding:2rem;color:var(--color-grey);display:flex;flex-direction:column;gap:1.5rem}.slider.slider-comments .slide header{display:flex;align-items:center;gap:1rem}.slider.slider-comments .slide header .title{color:var(--color-grey);font-size:var(--text-lg)}.slider.slider-comments .slide footer{color:var(--color-grey)}.slider.slider-comments .slide.is-active{opacity:1}.slider.slider-comments .slide.is-active>.icon{color:var(--color-orange)}.slider.slider-comments .slide.is-active header .icon{border-color:var(--color-orange);color:var(--color-orange)}.slider.slider-comments .slide.is-active header .title{color:var(--color-white)}.slider.slider-comments .slide>.icon{position:absolute;top:0;right:0;width:var(--icon-lg);height:var(--icon-lg);opacity:.2;margin:1.25rem}.slider.slider-comments .slide>.icon svg{width:var(--icon-lg);height:var(--icon-lg)}.slider.slider-comments .slide .note{display:flex;justify-content:center;gap:.5rem}.slider.slider-comments .slide .note-icons{display:flex;gap:.25rem}.slider.slider-comments .slide .note-icons .active{color:var(--color-orange)}.slider.slider-comments .slide p{flex:1;line-height:1.5}