html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
@font-face{font-family:Salmond-Semibold;src:url(../fonts/Salmond-Semibold.ttf) format("truetype");font-display:swap}@font-face{font-family:Inter;src:url(../fonts/Inter.ttf) format("truetype");font-display:swap}:root{--bg-color:#161616;--pattern-color:#202020;--font-title:"Salmond-SemiBold","Tahoma","Helvetica",sans-serif;--font-text:"Inter",Arial,sans-serif}*,::after,::before{box-sizing:border-box}body{overflow-x:hidden;overflow-x:clip}
body,div.cursor-lens a{cursor:none}.cursor,.cursor-border,.cursor-border .corner{mix-blend-mode:difference}.cursor,.cursor-border{transform:translate(-50%,-50%);position:fixed;pointer-events:none;transform-origin:center center;z-index:100}.cursor-border{transition:width .4s,height .4s,border-radius .2s,border-width .2s,opacity .2s;will-change:top,left,width,height;width:40px;height:40px}.cursor-border .corner{position:absolute;width:10px;height:10px;border:2px solid #fff;transition:top .4s,left .4s,right .4s,bottom .4s,border .4s}.cursor-border .top-left{top:0;left:0;border-bottom:none;border-right:none}.cursor-border .top-right{top:0;right:0;border-bottom:none;border-left:none}.cursor-border .bottom-left{bottom:0;left:0;border-top:none;border-right:none}.cursor-border .bottom-right{bottom:0;right:0;border-top:none;border-left:none}.cursor-border-outside,.cursor-outside{opacity:0}.cursor{transition:opacity .4s,width .4s,height .4s,border-radius .2s;will-change:top,left,opacity;width:10px;height:10px;background-color:#fff}.hide-cursor-border{width:0;height:0;border-width:0;border-radius:50%;opacity:0}.cursor-hover{width:60px;height:60px;border-width:2px;border-radius:50%;opacity:1}@media (max-width:991px){.cursor,.cursor-border{display:none}body{cursor:initial}.cursor-lens,.cursor-lens a{cursor:pointer!important}}
body,html{background-color:var(--bg-color)}header{padding:5rem}.back{display:inline-flex;justify-content:center;align-items:center;gap:.625rem;background-color:#595959;color:#fff;border-radius:10px;padding:1rem 2rem;font-family:var(--font-text);font-weight:550;text-decoration:none;cursor:none;box-shadow:rgba(0,0,0,.15) 0 3px 3px 0}.title-container h1{color:#fff;font-family:var(--font-title);font-size:clamp(2.5rem,5vw + 1rem,16rem);margin-block:1rem}.tech-wrapper{display:inline-flex;flex-direction:column;gap:1.5rem;border:4px dashed #222;padding:1rem;border-radius:10px;flex-wrap:wrap;width:0;min-width:100%}.techs{display:inline-flex;gap:1.5rem;flex-wrap:wrap}.tech{display:inline-flex;width:moz-fit-content;width:fit-content;gap:.625rem;border-radius:5px;padding:.625rem .9375rem}.tech-figma{background-color:#03011c}.tech-android-studio{background-color:#0a2c13}.tech-kotlin{background-color:#251a33}.tech-used{color:#fafafa;font-family:var(--font-title);font-size:1.25rem;font-weight:500;color:#acacac}.tech img{height:30px}.tech-text{font-family:var(--font-text);font-size:1.35rem;font-weight:900;color:#fff;text-wrap:nowrap}main{width:moz-fit-content;width:fit-content;margin-inline:auto;padding:3rem}section{margin-block:3rem}section:last-child{margin-bottom:0}article h2{color:#cacaca;font-family:var(--font-title);font-size:clamp(2rem,1.5vw + 1.5rem,12rem);margin-block:2rem}article p{max-width:810px;color:#fafafa;font-family:var(--font-text);font-weight:400;font-size:clamp(1.25rem,.7vw + .5rem,3rem)}article h3{color:#acacac;font-family:var(--font-title);font-size:clamp(1.5rem,1vw + 1rem,6rem);margin-block:2rem}.befores-afters{display:grid;grid-template-columns:1fr 10fr 1fr;width:760px;min-width:100%}.subsection-paragraph{margin-bottom:2rem}.carousel{overflow:hidden;grid-column:2}.carousel .slide{display:none;background-color:#222;padding:2rem;border-radius:5px;width:100%;float:left;margin-right:-100%}.carousel .active{display:block!important}.slide h3{color:#acacac;font-family:var(--font-title);font-size:clamp(1.5rem,1vw + .35rem,6rem);margin-top:0;margin-bottom:2rem}.images-wrapper{display:flex;justify-content:center;align-items:center;gap:2rem}.image-wrapper h4{color:#acacac;font-family:var(--font-title);font-size:clamp(1.25rem,1vw + .25rem,4rem);margin-block:1rem;text-align:center}.loading-pulse{position:relative;border-radius:10px;line-height:0;height:550px;aspect-ratio:9/16}.loading-pulse img,.loading-pulse video{border-radius:10px;width:100%;height:100%;opacity:0;object-fit:cover;object-position:center;transition:opacity .2s ease-in-out}.arrow-wrapper{align-self:center;justify-self:center;padding:1rem}.wrapper-back{grid-column:1}.wrapper-next{grid-column:3}.arrow-next{transform:rotate(180deg)}.carousel-arrow{width:15px;z-index:2}@media screen and (max-width:925px){header{padding:3rem}main{margin:0;padding:0 3rem 3rem}}@media screen and (max-width:862px){.befores-afters{display:block;width:0}.carousel{overflow:initial}.carousel .slide{float:initial;margin-right:0;display:block;margin-bottom:3rem}.arrow-wrapper{display:none}.loading-pulse{margin-inline:auto}.loading-pulse img{display:block;width:100%}}@media screen and (max-width:635px){.images-wrapper{display:block}.image-wrapper img{margin-inline:auto}}@media screen and (max-width:484px){header,main{padding-inline:1rem}main{width:auto}.tech span{display:none}.befores-afters{width:100%}.carousel .slide{padding:1rem}.loading-pulse{width:100%;height:auto}}
.loading-pulse{position:relative}.loading-pulse::after{content:"";position:absolute;inset:0;background-color:rgb(255,255,255,.1);border-radius:10px;animation:pulse 2.5s infinite}@keyframes pulse{0%{background-color:rgb(255,255,255,0)}50%{background-color:rgb(255,255,255,.1)}100%{background-color:rgb(255,255,255,0)}}.loading-pulse.loaded img,.loading-pulse.loaded video{opacity:1}.loading-pulse.loaded::after{content:none}