@charset "UTF-8";*{margin:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:#3dcfb6 #ffffff}*::-webkit-scrollbar{width:16px}*::-webkit-scrollbar-track{background:#fff}*::-webkit-scrollbar-thumb{background-color:#3dcfb6;border-radius:10px;border:3px solid #ffffff}@font-face{font-family:Fira Code;font-style:normal;font-weight:300;src:url(/assets/fonts/fira-code-v22-latin-300.woff2) format("woff2");font-display:swap}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;src:url(/assets/fonts/fira-code-v22-latin-regular.woff2) format("woff2");font-display:swap}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;src:url(/assets/fonts/fira-code-v22-latin-500.woff2) format("woff2");font-display:swap}@font-face{font-family:Fira Code;font-style:normal;font-weight:600;src:url(/assets/fonts/fira-code-v22-latin-600.woff2) format("woff2");font-display:swap}@font-face{font-family:Fira Code;font-style:normal;font-weight:700;src:url(/assets/fonts/fira-code-v22-latin-700.woff2) format("woff2");font-display:swap}@font-face{font-family:Karla;font-style:normal;font-weight:200;src:url(/assets/fonts/karla-v31-latin-200.woff2) format("woff2");font-display:swap}@font-face{font-family:Karla;font-style:italic;font-weight:200;src:url(/assets/fonts/karla-v31-latin-200italic.woff2) format("woff2");font-display:swap}@font-face{font-family:Karla;font-style:normal;font-weight:300;src:url(/assets/fonts/karla-v31-latin-300.woff2) format("woff2");font-display:swap}@font-face{font-family:Karla;font-style:italic;font-weight:300;src:url(/assets/fonts/karla-v31-latin-300italic.woff2) format("woff2");font-display:swap}@font-face{font-family:Karla;font-style:normal;font-weight:400;src:url(/assets/fonts/karla-v31-latin-regular.woff2) format("woff2");font-display:swap}@font-face{font-family:Karla;font-style:italic;font-weight:400;src:url(/assets/fonts/karla-v31-latin-italic.woff2) format("woff2");font-display:swap}@font-face{font-family:Karla;font-style:normal;font-weight:500;src:url(/assets/fonts/karla-v31-latin-500.woff2) format("woff2");font-display:swap}@font-face{font-family:Karla;font-style:italic;font-weight:500;src:url(/assets/fonts/karla-v31-latin-500italic.woff2) format("woff2");font-display:swap}@font-face{font-family:Karla;font-style:normal;font-weight:600;src:url(/assets/fonts/karla-v31-latin-600.woff2) format("woff2");font-display:swap}@font-face{font-family:Karla;font-style:italic;font-weight:600;src:url(/assets/fonts/karla-v31-latin-600italic.woff2) format("woff2");font-display:swap}@font-face{font-family:Karla;font-style:normal;font-weight:700;src:url(/assets/fonts/karla-v31-latin-700.woff2) format("woff2");font-display:swap}@font-face{font-family:Karla;font-style:italic;font-weight:700;src:url(/assets/fonts/karla-v31-latin-700italic.woff2) format("woff2");font-display:swap}@font-face{font-family:Karla;font-style:normal;font-weight:800;src:url(/assets/fonts/karla-v31-latin-800.woff2) format("woff2");font-display:swap}@font-face{font-family:Karla;font-style:italic;font-weight:800;src:url(/assets/fonts/karla-v31-latin-800italic.woff2) format("woff2");font-display:swap}html{scroll-behavior:smooth}.button{display:inline-block;position:relative;color:#fff;padding:12px 24px;border:white solid 1px;border-radius:100px;font-family:Karla;font-weight:400;font-size:18px;text-decoration:none;text-transform:uppercase;-webkit-user-select:none;user-select:none;transition:all .2s ease-out;overflow:hidden;cursor:pointer}.button span:after{content:attr(data-text);position:absolute;left:230%;width:100%;text-align:center}.button:hover{color:#3dcfb6;border:rgb(61,207,182) solid 1px}.button:hover .button_inner{animation:marqueeAnim 1.5s linear infinite;animation-play-state:running}@keyframes marqueeAnim{0%{transform:translate(0)}to{transform:translate(-230%)}}.box-size{width:568px;height:568px}@media (max-width: 850px){.box-size{width:358px;height:358px}}.box-theme{display:flex;font-family:Fira Code;flex-direction:column}.article-box{padding:32px;gap:40px;border-radius:30px;border:1px;opacity:0px;background-color:#3dcfb61a;border:1px solid rgb(61,207,182);height:fit-content;font-size:56px;line-height:44.8px;letter-spacing:-.02em;text-align:left}.article-box .box-article{font-family:Karla;font-size:18px;font-weight:400;line-height:21.6px;letter-spacing:.01em;text-align:left;margin-bottom:32px}.article-box .promt-contact-me{font-size:16px;font-weight:400;line-height:19.2px;text-align:left}.striped-list{max-width:880px;border-top:rgb(61,207,182) 1px solid;border-bottom:rgb(61,207,182) 1px solid}.striped-list .striped-list-row{max-width:880px;height:109px;padding:40px 32px;justify-content:space-between;display:flex}.striped-list .striped-list-line{border-color:#3dcfb6}.box-label{display:flex;justify-content:start;margin-bottom:20px;font-weight:500;font-size:24px;font-family:Karla;color:#3dcfb6}@media (max-width: 840px){.box-label{font-size:18px}}@media (max-width: 560px){.box-label{font-size:18px;line-height:21.04px}}@media (max-width: 490px){.box-label{font-size:14px}}@media (max-width: 330px){.box-label{font-size:12px}}.box-header{margin-bottom:40px;color:#3dcfb6!important;font-family:Fira Code;font-size:64px;font-weight:700;line-height:64px;letter-spacing:-.02em;text-align:left}@media (max-width: 850px){.box-header{font-size:56px;margin-bottom:32px;line-height:normal!important}}@media (max-width: 560px){.box-header{font-size:48px}}@media (max-width: 490px){.box-header{font-size:40px}}@media (max-width: 410px){.box-header{font-size:32px}}@media (max-width: 330px){.box-header{font-size:24px;margin-bottom:24px}}