@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/483de911b1a0d258-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/0e5e1c6a8db9e432-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/5693677ef07d9b51-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/28aa5118b38b86e4-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8720059dfa14a1fe-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f1df6186c8d69644-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/120a5a1920781bd0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Roboto Fallback;src:local("Arial");ascent-override:92.98%;descent-override:24.47%;line-gap-override:0.00%;size-adjust:99.78%}.__className_c0d5fb{font-family:Roboto,Roboto Fallback;font-weight:400;font-style:normal}:root{--main-color:#f6fbff;--main-bg-color:#131313;--secondary-bg-color:#1a1919;--primary-btn-bg-color:#333;--col-1:8.33%;--col-2:16.66%;--col-3:25%;--col-4:33.33%;--col-5:41.66%;--col-6:50%;--col-7:58.33%;--col-8:66.66%;--col-9:75%;--col-10:83.33%;--col-11:91.66%;--col-12:100%}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;scroll-behavior:smooth}body{background-color:#131313;color:#f6fbff}.app{max-width:1920px;margin:auto}img{width:var(--col-12);height:auto;object-fit:cover}.section-title{font-size:3rem}nav a{text-decoration:none;color:var(--main-color)}nav{background-color:var(--secondary-bg-color);display:flex;justify-content:space-between;align-items:center;padding:16px var(--col-1);position:-webkit-sticky;position:sticky;top:0;z-index:10000;transition:.3s}nav svg{font-size:2.5rem;cursor:pointer}nav .links{display:none}.menu{height:100%;width:250px;position:fixed;z-index:1;top:0;right:0;background-color:#111;overflow-x:hidden;padding-top:60px;transition:.5s}.menu a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:block;transition:.3s}.menu a:hover{color:#f1f1f1}.menu svg{position:absolute;top:16px;right:25px;font-size:36px;margin-left:50px;background-color:inherit;outline:none;border:none;cursor:pointer;color:#fff}footer{background-color:var(--secondary-bg-color);padding:16px;width:100%}.no-match,footer{text-align:center}.no-match{display:grid;place-items:center;min-height:80vh;position:relative;overflow:hidden}.no-match .word-bg{font-size:15rem;z-index:-100;color:var(--main-color);opacity:.1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.no-match div>*{margin-bottom:16px}.no-match div h1{font-size:4rem}.no-match div a{background-color:#010101;color:var(--main-color);text-decoration:none;padding:16px;display:inline-block;font-weight:900;font-size:1.1rem}.no-match div a svg{font-size:1.1rem;transform:translateY(20%)}.hero{position:relative;width:var(--col-12);height:89vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero .image-container{width:var(--col-12);height:auto;display:none}.hero .content{padding:0 var(--col-1)}.hero .content>*{margin:8px 0}.hero .content .line{background-color:#707070;height:4px;width:100px;display:inline-block}.hero .content h1{font-size:4rem}.hero .content h5,h3{font-size:1.5rem}.hero .content h3{font-weight:200}.hero .content h3 span{font-weight:700}.Typewriter{display:inline-block}.about{width:var(--col-12);height:auto}.about .content{width:var(--col-12);padding:var(--col-1)}.about .contact div>h3,.about .content div>p{margin:4px 0}.about .image{display:flex;justify-content:center;align-items:center}.about .content .btn-s{margin-top:32px}.services{width:var(--col-12)}.services .header{padding:0 var(--col-1)}.services .header a{text-decoration:underline;font-size:1.3rem;font-weight:500;color:#666}.services .services-cards{padding:16px;display:flex;justify-content:space-around;flex-wrap:wrap}.service-card{padding:16px;margin:8px 0;width:var(--col-12);background:linear-gradient(90deg,#374151,#666);border-radius:20px}.service-card h2{margin-bottom:4px}.work{width:var(--col-12);padding:0 var(--col-1)}.work .container{display:grid;grid-gap:32px;gap:32px;width:var(--col-12);margin:16px 0}.project-card{width:var(--col-12);height:auto}.project-card img{border-radius:8px}.project-card a{text-decoration:none;color:var(--main-color)}.project-card .content{padding:2px 16px}.contact{width:var(--col-12);padding:0 var(--col-1);margin:var(--col-1) 0}.contact form{margin:25px 0}.contact .container form>:not([class*=input-error]){width:var(--col-12);display:block;background-color:var(--secondary-bg-color);border:1px solid #707070;color:var(--main-color);padding:16px;font-size:1rem;margin:8px 0;outline:none}.contact .container form textarea{height:200px;resize:vertical}.contact .container form button,.contact .container form>:not([class*=input-error]):focus,.contact .container form>:not([class*=input-error]):hover{background-color:var(--primary-btn-bg-color)}.contact .container form button{color:var(--main-color);cursor:pointer;padding:10px 25px;font-size:1.1rem;font-weight:600;display:inline-block;transition:.3s;text-align:center;border:2px solid var(--primary-btn-bg-color)}.contact .container form button:hover{color:var(--main-color);background-color:inherit}.contact .author-contact ul{list-style-type:none;font-size:1.2rem;padding:16px}.contact .author-contact li{margin-bottom:8px}.contact .author-contact li svg{transform:translateY(20%)}.message{font-size:1rem;font-weight:700;margin:8px;background-color:#38a34a;padding:8px 16px;border-radius:10px;display:inline-block}.error{background-color:#a33838}.primary-btn,.secondary-btn{text-decoration:none;background-color:var(--primary-btn-bg-color);color:var(--main-color);padding:10px 25px;font-size:1.1rem;font-weight:600;display:inline-block;transition:.3s;text-align:center;margin:8px;border:2px solid var(--primary-btn-bg-color);cursor:pointer}.primary-btn:hover,.secondary-btn{color:var(--main-color);background-color:inherit}.secondary-btn:hover{background-color:var(--primary-btn-bg-color)}.social-media a{text-decoration:none;color:var(--main-color);font-size:30px;margin:8px}@media only screen and (min-width:600px){.no-match .word-bg{font-size:20rem}.br-none{display:none}.services{padding:0 var(--col-1)}.services .header{padding:0}.service-card{padding:20px}}@media only screen and (min-width:768px){.no-match .word-bg{font-size:30rem}.work .container{grid-template-columns:repeat(2,1fr)}.project-card{height:auto}.contact .container form textarea{height:200px}.contact .container{width:var(--col-12);display:grid;grid-template-columns:repeat(2,1fr)}.contact .author-contact{padding:var(--col-1)}.contact .container form textarea{height:250px}.contact .container form button{width:auto;float:right;padding:10px 25px;font-size:1.1rem;font-weight:600;transition:.3s;text-align:center;border:2px solid var(--primary-btn-bg-color)}.services .services-cards{padding:16px;display:flex;justify-content:space-around;flex-wrap:wrap;width:var(--col-12)}.service-card{padding:25px;width:48%}}@media only screen and (min-width:992px){nav .menu,nav svg{display:none}nav .links{display:block;display:flex;justify-content:space-between}nav .links a{display:inline-block;font-size:1.2rem;padding:10px 35px;text-align:center;background-color:inherit;text-decoration:none;color:#f1f1f1;transition:.3s;cursor:pointer}.active,nav .links a:hover{background-color:#5b6571}.about{width:var(--col-12);height:100vh;padding:50px var(--col-1);display:flex;justify-content:center;align-items:center}.about .content,.about .image{overflow:hidden;width:var(--col-6);height:100%;display:flex;justify-content:center;flex-direction:column;padding:16px}.services{padding:0 var(--col-1);height:100vh;display:flex;align-items:center}.services .header{padding:0}.service-card{padding:32px;width:49%}}@media only screen and (min-width:1200px){.no-match .word-bg{font-size:45rem}.hero{flex-direction:row-reverse;padding:0 var(--col-1)}.hero .image-container{width:var(--col-6);display:block}.hero .image-container img{height:100%;width:100%}.hero .content{width:var(--col-6);padding:var(--col-1) var(--col-1) 0 0}.hero .content>*{margin:16px 0}.work .container{grid-template-columns:repeat(3,1fr)}}.input-error{font-size:12px;color:#e53e3e;margin-top:.25rem}.projects-page{padding:50px var(--col-1);min-height:90vh}.project{min-height:90vh;width:var(--col-12)}.project header{width:var(--col-12);padding:50px var(--col-1);background-color:#5b657178;text-align:center}.tags{margin:16px}.tags span{font-size:1rem;margin:8px}.project .container{display:grid;grid-gap:16px;gap:16px}.project .container .left .c-img{width:var(--col-12);height:auto}.project .container .left .c-img img{display:inline;width:100%;height:100%}.project .container .left .images{padding:16px var(--col-1);width:var(--col-12);display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.project .container .left .images img{cursor:pointer;transition:.3s}.project .container .left .images img:hover{opacity:.5}.project .container .right{padding:0 var(--col-1)}.project .container .right>*{margin:16px 0}.technologies span{display:inline-block;font-size:1rem;font-weight:500;margin:4px;background-color:#5b6571;padding:13px 26px;border-radius:50px}@media only screen and (min-width:600px){.project .container .left .images{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:768px){.project .container .left .images{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:992px){.project .container .left .images{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1200px){.project .container{padding:var(--col-1);grid-template-columns:repeat(2,1fr)}}