:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;min-height:100dvh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent-color: #23481e;--limit-of-width: 1200px}html,body{overflow-x:hidden}@font-face{font-family:Digitalt;src:local("Digitalt"),url(/assets/Digitalt-nGZM-9xOCJ01_.otf) format("opentype");font-weight:400}@font-face{font-family:Glametrix;src:local("Glametrix"),url(/assets/Glametrix-oj9A-DMbtRlRi.otf) format("opentype");font-weight:400}@font-face{font-family:Glametrix-Bold;src:local("Glametrix-Bold"),url(/assets/glametrix.bold-2-Jrw4wZ.otf) format("opentype");font-weight:400}@font-face{font-family:Qumpellkano;src:local("Qumpellkano"),url(/assets/Qumpellkano12-A6D2-D8wRXfIe.otf) format("opentype");font-weight:400}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1,h2,h3,h4,h5{font-family:Digitalt}p,li{font-family:Glametrix}h1{font-size:3.5em}h2{font-size:2.4em}h3{font-size:1.8em}h4{font-size:1.4em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}ul{padding-left:0}#root{text-align:center}.parallax{position:relative;width:100%;display:flex;flex-direction:column;z-index:1}.parallax:before{content:"";position:absolute;inset:0;background:inherit;filter:brightness(50%);background-size:cover;background-position:center;background-attachment:fixed;z-index:-1}.firstb{background-image:url(/assets/background1.jpg);height:95vh}.secondb{background-image:url(/assets/background2.jpg);height:110vh}@media screen and (max-width: 1200px){.secondb{height:auto}}.footerb{background-image:url(/assets/background_footer.jpg);min-height:90vh;justify-content:space-between}.content-strap{width:100%;background-color:var(--accent-color)}.what-we-offer-strap{margin:0 auto;color:var(--accent-color);background-color:#e8e7ea;background-image:url(/assets/fishes_pattern_green_less_opaque.png);background-attachment:fixed;padding:10px 15px;font-size:1.45rem}@media screen and (max-width: 600px){.what-we-offer-strap{font-size:1.1rem}}.what-app-offers-strap{display:flex;flex-direction:row;justify-content:center}@media screen and (max-width: 600px){.what-app-offers-strap{flex-direction:column}}.what-app-offers-text{margin:20px 0}@media screen and (max-width: 600px){.what-app-offers-text{margin:20px 0 0}}.app-name{margin:20px 10px}@media screen and (max-width: 600px){.app-name{margin:0 0 10px}}.key{display:inline-block;transition:transform .2s}@keyframes pressDown1{33%,38%,to{transform:translateY(0)}35%{transform:translateY(5px)}}@keyframes pressDown2{73%,77%,to{transform:translateY(0)}75%{transform:translateY(5px)}}@keyframes pressDown3{33%,38%,to{transform:translateY(0)}35%{transform:translateY(5px)}}@keyframes pressDown4{43%,47%,to{transform:translateY(0)}45%{transform:translateY(5px)}}@keyframes pressDown5{23%,27%,to{transform:translateY(0)}25%{transform:translateY(5px)}}@keyframes pressDown6{63%,67%,to{transform:translateY(0)}65%{transform:translateY(5px)}}@keyframes pressDown7{13%,17%,to{transform:translateY(0)}15%{transform:translateY(5px)}}@keyframes pressDown8{13%,17%,to{transform:translateY(0)}15%{transform:translateY(5px)}}@keyframes pressDown9{23%,27%,to{transform:translateY(0)}25%{transform:translateY(5px)}}@keyframes pressDown10{43%,47%,to{transform:translateY(0)}45%{transform:translateY(5px)}}.key:nth-child(1){animation:pressDown1 8s infinite}.key:nth-child(2){animation:pressDown2 12s infinite}.key:nth-child(3){animation:pressDown3 16s infinite}.key:nth-child(4){animation:pressDown4 10s infinite}.key:nth-child(5){animation:pressDown5 10s infinite}.key:nth-child(6){animation:pressDown6 14s infinite}.key:nth-child(7){animation:pressDown7 8.8s infinite}.key:nth-child(8){animation:pressDown8 12.8s infinite}.key:nth-child(9){animation:pressDown9 6.8s infinite}.key:nth-child(10){animation:pressDown10 10.2s infinite}.centered_list{text-align:left;margin:0 auto;width:fit-content}.contact-list-icon{width:150px}.motto-phrase{font-family:Qumpellkano;font-style:italic;color:var(--accent-color);filter:brightness(1.5);text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,-2px 0px 0 #fff,2px 0px 0 #fff,0px -2px 0 #fff,0px 2px 0 #fff;margin-top:20vh}@media screen and (max-width: 400px){.motto-phrase{margin-top:10vh}}.title-styling{display:flex;flex-direction:row;justify-content:center;margin-top:23vh}@media screen and (max-width: 700px){.title-styling{margin-top:9vh;flex-direction:column}}.title-styling h1{margin-bottom:0}.water-words-aligning{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;margin-left:1rem}.water-words-aligning h1{margin-top:0}@media screen and (max-width: 600px){.water-words-aligning{margin-left:0}}.water-words{position:relative}.water-words h1{color:#fff;position:relative;display:inline-block;padding:0 .3rem 0 1rem}.water-words h1:nth-child(1){color:transparent;-webkit-text-stroke:1px #03a9f4;position:relative}.water-words h1:nth-child(2){color:#03a9f4;position:absolute;top:0;left:0;animation:animate 4s ease-in-out infinite}@media screen and (max-width: 600px){.water-words h1:nth-child(2){left:50%;transform:translate(-50%)}}@keyframes animate{0%,to{clip-path:polygon(0% 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0% 100%)}50%{clip-path:polygon(0% 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0% 100%)}}.side-image{position:relative;border-radius:10px}@media screen and (min-width: 1200px){.side-image{position:absolute}}.first-side-image{width:300px}@media screen and (min-width: 1200px){.first-side-image{bottom:100px;left:-60px;width:29vw;rotate:-10deg}}.second-side-image{width:300px}@media screen and (min-width: 1200px){.second-side-image{top:50px;left:-60px;width:28vw;rotate:10deg}}.third-side-image{width:300px}@media screen and (min-width: 1200px){.third-side-image{top:90px;right:-350px;width:50vw;rotate:-10deg}}.fourth-side-image{width:200px}@media screen and (min-width: 1200px){.fourth-side-image{bottom:-20px;right:-20px;width:18vw;rotate:10deg}}