.cfcs{text-align:center}.card{position:relative;width:300px;height:200px;background:linear-gradient(-45deg,#000,#fff);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1)}.card svg{width:48px;fill:#333;transition:all .6s cubic-bezier(.23,1,.32,1)}.card:hover{transform:rotate(-5deg) scale(1.1);box-shadow:0 10px 20px #0003}.card__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:100%;height:auto;padding:20px;box-sizing:border-box;background-color:#fff;opacity:0;transition:all .6s cubic-bezier(.23,1,.32,1)}.card:hover .card__content{transform:translate(-50%,-50%) rotate(0);opacity:1}.card__title{margin:0;font-size:24px;color:#333;font-weight:700}.card__description{margin:10px 0 0;font-size:14px;color:#777;line-height:1.4}.card:hover svg{scale:0;transform:rotate(-45deg)}:root{--background-color: #fff;--btn-color: #0987f2;--btn-text-color: #fff;--project-card-bg: #ffffff00;--text-color: #222;--form-text-color: #555;--footer-text-color: #888}[data-theme=dark]{--background-color: #222;--btn-color: #fff;--btn-text-color: #222;--project-card-bg: #fff;--text-color: #fff;--form-text-color: #fff;--footer-text-color: #bbb}body{background-color:var(--background-color);display:flex;justify-content:center;margin:0 auto 60px}#root{display:flex;flex-direction:column;gap:60px}h1,h2,h3,p{color:var(--text-color);margin:0;padding:0}h2,h3,p{font-family:Roboto Mono,monospace}h1,h2{text-transform:uppercase}h2,h3{font-size:20px}h1{font-family:Rubik,sans-serif;font-size:32px}p{font-size:16px;font-weight:300}.sectionTitle{margin-bottom:30px}.button-spc{--bg: #000;--hover-bg: #ffffff;--hover-text: #000;color:#fff;cursor:pointer;border:1px solid var(--bg);border-color:#fff;border-radius:4px;padding:.8em 2em;background:var(--bg);transition:.2s}.button-spc:hover{color:var(--hover-text);transform:translate(-.25rem,-.25rem);background:var(--hover-bg);box-shadow:.25rem .25rem var(--bg)}.button-spc:active{transform:translate(0);box-shadow:none}.hover{cursor:pointer}.wrapper{width:90%;max-width:1536px;margin-inline:auto;position:relative;height:100px;margin-top:5rem;overflow:hidden;-webkit-mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000);mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000)}@keyframes scrollLeft{to{left:-200px}}.item{width:200px;height:100px;background-color:transparent;border-radius:6px;position:absolute;left:max(2200px,100%);animation-name:scrollLeft;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite}.item1{animation-delay:calc(30s / 11 * (11 - 1) * -1)}.item2{animation-delay:calc(30s / 11 * (11 - 2) * -1)}.item3{animation-delay:calc(30s / 11 * (11 - 3) * -1)}.item4{animation-delay:calc(30s / 11 * (11 - 4) * -1)}.item5{animation-delay:calc(30s / 11 * (11 - 5) * -1)}.item6{animation-delay:calc(30s / 11 * (11 - 6) * -1)}.item7{animation-delay:calc(30s / 11 * (11 - 7) * -1)}.item8{animation-delay:calc(30s / 11 * (11 - 8) * -1)}.item9{animation-delay:calc(30s / 11 * (11 - 9) * -1)}.item10{animation-delay:calc(30s / 11 * (11 - 10) * -1)}.item11{animation-delay:-0s}.skills{text-align:center}@media (width >= 800px){#root{gap:100px}h1{font-size:40px}h2,h3{font-size:24px}p{font-size:20px}.sectionTitle{margin-bottom:60px}@media (width >= 1400px){#root{gap:200px}h1{font-size:48px}.sectionTitle{margin-bottom:75px}}}._container_12vsc_1{display:flex;flex-direction:column;text-align:center}form{display:flex;flex-direction:column;gap:30px}textarea,input:not([type=submit]){height:50px;padding-left:16px;width:250px}textarea{padding-top:16px;resize:none;height:250px}input,textarea{border-radius:20px;border:#888 1px solid;box-sizing:border-box;justify-self:center;background-color:var(--background-color);color:var(--form-text-color)}::placeholder{color:var(--form-text-color)}input[type=submit]{background-color:var(--btn-color);color:var(--btn-text-color);border:none;border-radius:20px;width:126px;height:50px;font-size:20px;font-weight:700;box-shadow:0 4px 4px #00000040;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out;margin:auto}input[type=submit]:hover{transform:scale(1.05)}input[type=submit]:active{transform:translateY(2px);box-shadow:0 2px 2px #00000040}@media (width >= 800px){textarea,input:not([type=submit]){width:600px;font-size:20px}form{gap:40px}}@media (width >= 1400px){textarea,input:not([type=submit]){width:800px}}._container_uite4_1{text-align:center}._container_uite4_1 p{font-size:16px;color:var(--footer-text-color)}._container_1v5lw_1{display:flex;flex-direction:column;justify-content:center;gap:20px;text-align:center;height:100dvh;min-height:500px}._container_1v5lw_1 ._hero_1v5lw_10{max-width:200px}._container_1v5lw_1 span{display:flex;gap:25px;justify-content:center}._container_1v5lw_1 span a{margin:0}._container_1v5lw_1 span a img{width:30px}._container_1v5lw_1 a{width:fit-content;align-self:center}._button-spc_1v5lw_35{--bg: #000;--hover-bg: #ff90e8;--hover-text: #000;color:#fff;cursor:pointer;border:1px solid var(--bg);border-radius:4px;padding:.8em 2em;background:var(--bg);transition:.2s}._button-spc_1v5lw_35:hover{color:var(--hover-text);transform:translate(-.25rem,-.25rem);background:var(--hover-bg);box-shadow:.25rem .25rem var(--bg)}._button-spc_1v5lw_35:active{transform:translate(0);box-shadow:none}._colorModeContainer_1v5lw_59{position:relative}._colorMode_1v5lw_59{position:absolute;right:0;width:25px}._colorMode_1v5lw_59:hover{cursor:pointer}._description_1v5lw_73{max-width:50ch}._info_1v5lw_77{display:flex;flex-direction:column;gap:20px}@media (width >= 800px){._container_1v5lw_1{flex-direction:row-reverse;align-items:center;justify-content:space-evenly}._container_1v5lw_1 ._hero_1v5lw_10{max-width:350px;width:350px}}@media (width >= 1400px){._container_1v5lw_1 ._hero_1v5lw_10{max-width:400px;width:400px}}._container_ktxu3_1{display:flex;flex-direction:column;text-align:center}._container_ktxu3_1 img{max-width:250px;align-self:center;background-color:var(--project-card-bg);border-radius:20px}._container_ktxu3_1 a{width:fit-content;text-decoration:none;color:#222;transition:transform .2s ease-in-out}._container_ktxu3_1 a:hover{transform:scale(1.05)}._projectsContainer_ktxu3_25{display:flex;flex-direction:column;align-items:center;gap:30px}@media (width >= 800px){._projectsContainer_ktxu3_25{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:0 30px}}._container_cztim_2{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px}._cfcs_cztim_11{font-size:40px;font-weight:700;text-align:center;color:#fff}._cardRow_cztim_19{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;width:100%}._card_cztim_19{width:195px;height:285px;background:#313131;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden;transition:.2s ease-in-out}._img_cztim_44{height:30%;position:absolute;transition:.2s ease-in-out;z-index:1}._textBox_cztim_52{opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;transition:.2s ease-in-out;z-index:2}._textBox_cztim_52>._text_cztim_52{font-weight:700;text-align:center}._textBox_cztim_52>._head_cztim_69{font-size:20px}._textBox_cztim_52>._price_cztim_73{font-size:17px}._textBox_cztim_52>span{font-size:12px;color:#d3d3d3}._card_cztim_19:hover>._textBox_cztim_52{opacity:1}._card_cztim_19:hover>._img_cztim_44{height:65%;filter:blur(7px);animation:_anim_cztim_1 3s infinite}@keyframes _anim_cztim_1{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}._card_cztim_19:hover{transform:scale(1.04) rotate(-1deg)}