*[data-v-13a33270]{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;scroll-behavior:smooth}button[data-v-13a33270]{background-color:#141312;border-radius:15px;border-style:none;color:#fff;height:25px;margin:5px;min-width:60px;padding-left:15px;padding-right:15px}*[data-v-669a9113]{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;scroll-behavior:smooth}svg[data-v-669a9113]{color:#fff}*[data-v-37c67953]{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;scroll-behavior:smooth}svg[data-v-37c67953]{fill:#fff;transform-origin:center}*[data-v-da3e4fe7]{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;scroll-behavior:smooth}svg[data-v-da3e4fe7]{color:#000;height:25px;width:25px}*[data-v-59283b68]{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;scroll-behavior:smooth}.proj[data-v-59283b68]{background-color:transparent;border-style:none;max-width:250px;transition:transform .1s}.proj img[data-v-59283b68]{border-radius:15px;height:250px;-o-object-fit:cover;object-fit:cover;width:250px}.proj p[data-v-59283b68]{color:#fff;font-size:20px;padding-top:10px}.popup[data-v-59283b68]{background:rgba(0,0,0,.7);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}.popup .close[data-v-59283b68]{background-color:transparent;border-style:none;cursor:pointer;position:absolute;right:15px}.popup .projectFull[data-v-59283b68]{align-items:center;background:#fff;border-radius:15px;color:#000;display:flex;flex-direction:column;height:auto;left:50%;max-width:90%;padding:15px 0;position:relative;top:50%;transform:translate(-50%) translateY(-50%)}.popup .projectFull img[data-v-59283b68]{max-height:600px;-o-object-fit:cover;object-fit:cover;width:100%}.popup .projectFull h1[data-v-59283b68],.popup .projectFull p[data-v-59283b68]{padding:14px 22px}@media (hover:hover) and (pointer:fine){.proj[data-v-59283b68]:hover{transform:scale(1.05)}}*[data-v-dbe9d117]{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;scroll-behavior:smooth}.form-input[data-v-dbe9d117]{--color-error:#db4536;--color-content-active:#fff;--color-content-inactive:#242424;padding-top:20px;position:relative}.form-input input[data-v-dbe9d117],.form-input textarea[data-v-dbe9d117]{background:#141414;border:1px solid var(--color-content-inactive);border-radius:5px;box-sizing:border-box;color:#fff;font-size:15px;outline:none;padding:12px;transition:.2s;width:100%}.form-input input[data-v-dbe9d117] :focus,.form-input textarea[data-v-dbe9d117] :focus{border:1px solid var(--color-content-active)}.form-input textarea[data-v-dbe9d117]{height:calc(var(--vh)*20);resize:none}.form-input label[data-v-dbe9d117]{color:#545455;display:block;font-weight:bolder}.form-input .message[data-v-dbe9d117]{color:var(--color-error);float:right;font-weight:400}*{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;scroll-behavior:smooth}.home{background-color:#000;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr min-content;height:calc(var(--vh)*100)}@media screen and (max-width:805px){.home{grid-template-columns:1fr}}.home .home-text{align-items:center;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width:805px){.home .home-text{grid-column:1;grid-row:1;z-index:1}}.home .home-text .title{color:#fff;display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content;z-index:1}.home .home-text .title h1{color:#ffb68c;font-family:Gugi,cursive;font-size:60px}.home .home-text .title span{color:#ffb68c}.home .home-text .line{background:#141312;height:12px;left:120px;margin-bottom:10px;position:relative;top:-86px;width:100%}@media screen and (max-width:805px){.home .home-text .line{left:0}}.home .home-text .langs{display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:280px}.home .contact-button{background-color:#ffb68c;border-radius:15px;border-style:none;color:#000;cursor:pointer;font-family:Gugi,cursive;font-size:smaller;height:25px;position:absolute;right:30px;text-transform:uppercase;top:20px;width:130px;z-index:999}.home .project-button{align-items:center;display:flex;flex-direction:column;padding:50px 0}@media screen and (max-width:805px){.home .project-button{padding:40px 0}}.home .project-button button{background-color:#141312;border-radius:100px;border-style:none;color:#000;cursor:pointer;height:90px;width:90px}.home .project-button button svg{position:absolute;transform:translate(-50%) translateY(-50%)}.home .project-button button .arrow{background-color:#ffb68c;border-radius:100px;width:50px}.home .project-button button .text{transition:transform 1.5s ease-in-out;width:80px}.home .project-button :hover .text{transform:translate(-50%) translateY(-50%) rotate(1turn)}.home .home-img{grid-column:2;grid-row:1/3;overflow:hidden}@media screen and (max-width:805px){.home .home-img{display:flex;flex-direction:row;grid-column:1;justify-content:center;opacity:.5}.home .home-img img{padding:20px}}.home .home-img img{max-height:100%}.projects{background-color:#141312;color:#fff;min-height:calc(var(--vh)*100)}.projects .projsGrid{grid-gap:100px;display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;padding:100px 200px}@media screen and (max-width:1020px){.projects .projsGrid{padding:100px}}@media screen and (max-width:810px){.projects .projsGrid{grid-gap:50px;padding:100px 50px}}@media screen and (max-width:650px){.projects .projsGrid{grid-gap:50px;grid-template-columns:1fr;padding:100px 50px}}@media screen and (max-width:500px){.projects .projsGrid{grid-gap:25px;grid-template-columns:1fr;padding:25px 0}}.contact{background-color:#000;color:#fff;height:calc(var(--vh)*100)}.contact .with-bg{height:100%;position:relative;width:100%}.contact .form{margin:auto;max-width:600px;padding-top:50px;position:relative;z-index:999}@media screen and (max-width:805px){.contact .form{padding:10px}}.contact .form .send-button{display:flex;flex-direction:row-reverse;margin-top:20px}.contact .form .send-button button{background-color:#ffb68c;border-radius:15px;border-style:none;color:#000;height:35px;width:130px}.contact .form .send-button button .n-button__content{font-weight:700}.contact .form .n-input-wrapper{background-color:#141414}.contact .form .n-input-wrapper textarea{color:#fff}.contact .bottom-bg{bottom:0;position:absolute;width:100%}.sech1{font-family:Gugi,cursive;font-size:calc(var(--vh)*5);padding:40px 40px 5px;text-align:center}.sechr{margin:auto;width:250px}