@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body,html{overflow-x:hidden}*{cursor:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ccc;border-radius:20px;margin-bottom:8px;margin-top:8px}::-webkit-scrollbar-thumb{background:#3f3f3f;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#1d1d1f}.App{align-items:center;display:flex;flex-direction:column}a:hover,button:hover,div:hover,h1:hover,h2:hover,h3:hover,h4:hover,h5:hover,h6:hover,img:hover,p:hover{cursor:none}.light-bg-1{background-color:#fff}.light-bg-1,.light-bg-2{transition:background-color .2s}.light-bg-2{background-color:#f5f5f7}.light-eyebrow{color:#535355;transition:color .2s}.light-heading{color:#1d1d1f;transition:color .2s}.light-phrase{color:rgba(51,51,51,.749);transition:color .2s}.light-nav{background-color:hsla(0,0%,100%,.5);transition:background-color .2s}.light-anchor{color:#333}.light-anchor:hover{color:#0064ff;font-size:18px}.light-card{background-color:#fff;border:1px solid #ebebeb;transition:border .2s,background-color .2s}.light-field{background-color:#f5f5f7;border:2px solid #ebebeb;color:#5f5f5f;transition:background-color .2s,border .2s,color .2s}.light-shadow{box-shadow:0 3px 7px rgba(0,0,0,.2);transition:box-shadow .2s}.light-language-button{background-color:#fff;border:none;box-shadow:0 5px 12px rgba(0,0,0,.2);color:#1d1d1f;transition:background-color .2s,box-shadow .2s,color .2s,border .2s}.light-context-menu{background-color:rgba(0,0,0,.1);transition:background-color .2s}.light-theme-button{background-color:#fff;border:none;color:#1d1d1f;font-size:14px;transition:all .3s}.light-theme-button:hover{background-color:#0064ff}.light-theme-button:hover h4{color:#fff}.light-theme-button:hover .dark-icon{fill:#fff}.dark-theme-button{background-color:#141414;border:2px solid hsla(0,0%,51%,.16);color:#fff;font-size:14px;transition:background-color .3s,color .2s,border .2s}.dark-theme-button:hover{background-color:#0064ff}.dark-context-menu{background-color:hsla(0,0%,100%,.1);transition:background-color .2s}.dark-card{background-color:#1d1d1f;border:1px solid hsla(0,0%,51%,.16);transition:background-color .2s,border .2s}.dark-bg-1{background-color:#1d1d1f!important}.dark-bg-1,.dark-bg-2{transition:background-color .2s}.dark-bg-2{background-color:#000}.dark-heading{color:#fff;transition:color .2s}.dark-eyebrow{color:rgba(245,245,247,.769);transition:color .2s}.white{color:#fff;transition:color .2s}.white-opacity{color:#cfcfcf;transition:color .2s}.white-opacity-max{color:#b1b1b1;transition:color .2s}.dark-nav{background-color:hsla(0,0%,100%,.151);transition:background-color .2s}.dark-anchor{color:#fff;transition:color .2s,font-size .2s}.dark-anchor:hover{color:#30a2ff;font-size:18px}.dark-expand{color:#30a2ff;transition:color .2s}.dark-field{background-color:rgba(0,0,0,.35);border:2px solid hsla(0,0%,51%,.16);color:hsla(0,0%,100%,.8);transition:background-color .2s,border .2s,color .2s}.dark-shadow{box-shadow:0 3px 14px hsla(0,0%,100%,.2)!important;transition:box-shadow .2s}.dark-language-button{background-color:#141414;border:2px solid hsla(0,0%,51%,.16);color:#fff;transition:background-color .2s,color .2s,border .2s}@media only screen and (max-width:598px){.dark-anchor:hover,.light-anchor:hover{font-size:14px}}@media only screen and (max-width:500px){.dark-anchor:hover,.light-anchor:hover{font-size:11px}}@media only screen and (max-width:386px){.dark-anchor:hover,.light-anchor:hover{font-size:9px}}*{margin:0;padding:0}nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:38px;box-shadow:0 0 4px rgba(0,0,0,.3);box-sizing:border-box;display:flex;height:51px;padding:4px 8px;position:fixed;top:1.235em;z-index:40}@media screen and (max-width:500px){nav{height:40px}}@media screen and (max-width:386px){nav{height:34px;padding:4px 5px}}nav .navbar-icon-container{border-radius:9999px;cursor:pointer;height:37px;margin-right:22px;overflow:hidden;position:relative;width:37px}@media screen and (max-width:500px){nav .navbar-icon-container{height:24px;margin-right:14px;width:24px}}@media screen and (max-width:386px){nav .navbar-icon-container{height:20px;margin-right:10px;width:20px}}nav .navbar-icon-container .navbar-icon-hover,nav .navbar-icon-container .navbar-icon-main{border:none;border-radius:9999px;height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:all .2s ease-in-out;width:100%}nav .navbar-icon-container .navbar-icon-hover{z-index:2}nav .navbar-icon-container:hover .navbar-icon-hover,nav .navbar-icon-container:hover .navbar-icon-main{scale:1.05}nav img{border:none;border-radius:9999px;cursor:pointer;height:37px;margin-right:22px;transition:all .2s ease-in-out;width:37px}nav img:hover{scale:1.05}@media screen and (max-width:500px){nav img{height:24px;margin-right:14px;width:24px}}@media screen and (max-width:386px){nav img{height:20px;margin-right:10px;width:20px}}nav button,nav h3{align-items:center;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-weight:400;justify-content:center;transition:all .15s ease-in-out;width:89px}@media screen and (max-width:598px){nav button,nav h3{width:68px}}@media screen and (max-width:500px){nav button,nav h3{width:54px}}@media screen and (max-width:386px){nav button,nav h3{width:40px}}nav .first{margin-right:14px}nav h3{font-size:16px;padding:11px 0 10px}@media screen and (max-width:598px){nav h3{font-size:14px}}@media screen and (max-width:500px){nav h3{font-size:11px}}@media screen and (max-width:386px){nav h3{font-size:9px}nav .first{width:44px}}nav button{background-color:#0064ff;border:none;border-radius:20px;color:#fff;font-size:15px;margin-left:24px;padding:7px 18px}@media screen and (max-width:598px){nav button{font-size:14px;width:76px}}@media screen and (max-width:500px){nav button{font-size:11px;margin-left:14px;padding:4px 0;width:58px}}@media screen and (max-width:386px){nav button{font-size:9px;margin-left:10px;margin-top:1px;width:50px}}nav button:hover{background-color:#0041a3}.container-hero{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;padding-top:14.25em;position:relative;width:100vw}.container-hero #hero{position:absolute;top:0}.container-hero .container-avatar{align-items:center;border-radius:9999px;box-shadow:0 0 30px rgba(0,0,0,.2);display:flex;height:250px;justify-content:center;overflow:hidden;position:relative;width:250px}@media screen and (max-width:510px){.container-hero .container-avatar{height:200px;width:200px}.container-hero .container-avatar img{height:200px!important;width:200px!important}}.container-hero .container-avatar img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;border-top-right-radius:0;bottom:0;height:250px;position:absolute;width:250px}.container-hero h1,.container-hero h2,.container-hero h3,.container-hero h4{font-family:Inter,sans-serif}.container-hero h2{font-size:24px;font-weight:500;letter-spacing:-.035em;margin-top:24px}@media screen and (max-width:410px){.container-hero h2{font-size:18px}}.container-hero h1{font-size:72px;font-weight:700;letter-spacing:-.04em;margin-top:25px;word-spacing:-.0075em}@media screen and (max-width:768px){.container-hero h1{font-size:50px}}@media screen and (max-width:510px){.container-hero h1{font-size:38px}}@media screen and (max-width:410px){.container-hero h1{font-size:32px}}@media screen and (max-width:350px){.container-hero h1{font-size:27px}}.container-hero h4{font-size:15px;font-weight:400;margin-top:22px;max-width:390px;text-align:center}@media screen and (max-width:410px){.container-hero h4{font-size:12px;max-width:270px}}@media screen and (max-width:350px){.container-hero h4{margin-top:14px}}.container-hero button{align-items:center;background-color:#0064ff;border:none;border-radius:36px;box-shadow:0 1px 10px rgba(0,0,0,.275);display:flex;justify-content:flex-start;margin-top:24px;padding:12px 20px 12px 24px;position:relative;width:190px}@media screen and (max-width:510px){.container-hero button{width:165px}}.container-hero button:hover img{right:16px}.container-hero button h3{color:#fff;font-size:18px;font-weight:400}@media screen and (max-width:510px){.container-hero button h3{font-size:14px}}.container-hero button img{height:12px;position:absolute;right:20px;transition:all .275s ease-out}#cursor{border:none;border-radius:50%;height:22px;left:10px;pointer-events:none;position:fixed;top:10px;transition:width .225s,height .225s,background-color .225s;width:22px;z-index:60}.light-cursor{background-color:rgba(0,0,0,.175)}.dark-cursor{background-color:hsla(0,0%,100%,.1)}.click{background-color:rgba(0,0,0,.4)!important;height:19px!important;width:19px!important}.disappear{background-color:transparent!important}@-webkit-keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.container-manifest{align-items:center;display:flex;height:60vh;justify-content:center;width:100vw}@media screen and (max-width:450px){.container-manifest{height:30vh}}.container-manifest .manifest{-webkit-text-fill-color:transparent;-webkit-animation:gradient-animation 7s ease infinite;animation:gradient-animation 7s ease infinite;background:linear-gradient(300deg,#ffee07,#ff2b6a,#ab4bff,#5ca2ff,#df1700);-webkit-background-clip:text;background-clip:text;background-size:360% 360%;margin-bottom:90px}@media screen and (max-width:598px){.container-manifest .manifest{margin-bottom:0}}@media screen and (max-width:450px){.container-manifest .manifest{margin-bottom:90px}}.container-manifest .manifest h1{font-family:Inter,sans-serif;font-size:83px;letter-spacing:-.04em;line-height:1.05;max-width:1200px;text-align:center}@media screen and (max-width:1210px){.container-manifest .manifest h1{font-size:72px;max-width:1100px}}@media screen and (max-width:1040px){.container-manifest .manifest h1{font-size:62px;max-width:950px}}@media screen and (max-width:880px){.container-manifest .manifest h1{font-size:52px;max-width:700px}}@media screen and (max-width:750px){.container-manifest .manifest h1{font-size:46px;max-width:650px}}@media screen and (max-width:690px){.container-manifest .manifest h1{font-size:40px;max-width:575px}}@media screen and (max-width:598px){.container-manifest .manifest h1{font-size:34px;max-width:500px}}@media screen and (max-width:490px){.container-manifest .manifest h1{font-size:30px;max-width:400px}}@media screen and (max-width:432px){.container-manifest .manifest h1{font-size:26px;max-width:350px}}@media screen and (max-width:386px){.container-manifest .manifest h1{font-size:24px;max-width:350px}}@media screen and (max-width:350px){.container-manifest .manifest h1{font-size:26px;max-width:300px}}.container-intro{display:flex;gap:28px;margin-top:135px;position:relative}@media screen and (max-width:1380px){.container-intro{margin-left:96px}}@media screen and (max-width:1300px){.container-intro{margin-left:110px}}@media screen and (max-width:1230px){.container-intro{gap:20px;margin-left:0}}@media screen and (max-width:1020px){.container-intro{flex-direction:column;margin-top:90px}}@media screen and (max-width:750px){.container-intro{margin-top:60px}}.container-intro .big-card{border-radius:28px;padding:61px 56px 58px 60px}@media screen and (max-width:1380px){.container-intro .big-card{padding:48px 36px 48px 40px}}@media screen and (max-width:1230px){.container-intro .big-card{padding:36px 26px 36px 30px}}@media screen and (max-width:1020px){.container-intro .big-card{max-width:565px;padding:61px 56px 58px 60px}}@media screen and (max-width:750px){.container-intro .big-card{padding:48px 30px 48px 40px}}@media screen and (max-width:600px){.container-intro .big-card{max-width:410px;padding:36px 26px 36px 30px}}@media screen and (max-width:490px){.container-intro .big-card{max-width:280px}}@media screen and (max-width:360px){.container-intro .big-card{max-width:230px;padding:24px 20px 24px 28px}}.container-intro .big-card h3{font-family:Inter,sans-serif;font-size:32px;font-weight:600;letter-spacing:-.02em;max-width:550px}@media screen and (max-width:1420px){.container-intro .big-card h3{font-size:28px;max-width:500px}}@media screen and (max-width:1336px){.container-intro .big-card h3{font-size:26px;max-width:430px}}@media screen and (max-width:1300px){.container-intro .big-card h3{font-size:22px;max-width:390px}}@media screen and (max-width:1020px){.container-intro .big-card h3{font-size:32px;max-width:550px}}@media screen and (max-width:750px){.container-intro .big-card h3{font-size:26px;font-size:20px;max-width:450px;max-width:400px}}@media screen and (max-width:490px){.container-intro .big-card h3{font-size:16px;max-width:340px}}@media screen and (max-width:425px){.container-intro .big-card h3{font-size:20px;max-width:280px}}@media screen and (max-width:360px){.container-intro .big-card h3{font-size:18px;max-width:230px}}.container-intro .big-card p{font-family:Inter,sans-serif;font-size:20px;font-weight:500;letter-spacing:-.025em;line-height:1.5;margin-top:25px;max-width:560px}@media screen and (max-width:1420px){.container-intro .big-card p{font-size:17px;max-width:500px}}@media screen and (max-width:1336px){.container-intro .big-card p{font-size:16px;max-width:430px}}@media screen and (max-width:1300px){.container-intro .big-card p{font-size:14px;max-width:390px}}@media screen and (max-width:1230px){.container-intro .big-card p{margin-top:16px}}@media screen and (max-width:1020px){.container-intro .big-card p{font-size:20px;max-width:560px}}@media screen and (max-width:750px){.container-intro .big-card p{font-size:17px;max-width:460px}}@media screen and (max-width:600px){.container-intro .big-card p{font-size:14px;max-width:405px}}@media screen and (max-width:490px){.container-intro .big-card p{font-size:12px;max-width:345px}}@media screen and (max-width:425px){.container-intro .big-card p{font-size:14px;max-width:280px}}@media screen and (max-width:360px){.container-intro .big-card p{font-size:14px;max-width:230px}}.container-intro .right-intro{display:flex;flex-wrap:wrap;gap:18px;max-width:678px}@media screen and (max-width:1230px){.container-intro .right-intro{max-width:450px}}@media screen and (max-width:1020px){.container-intro .right-intro{margin-bottom:20px;max-width:678px}}@media screen and (max-width:750px){.container-intro .right-intro{max-width:550px}}@media screen and (max-width:600px){.container-intro .right-intro{max-width:465px}}@media screen and (max-width:490px){.container-intro .right-intro{max-width:405px}}@media screen and (max-width:425px){.container-intro .right-intro{flex-direction:column;max-width:300px}}.container-intro .right-intro .small-card{align-items:center;border-radius:20px;display:flex;flex-direction:column;flex-wrap:wrap;height:210px;justify-content:center;text-align:center;width:328px}@media screen and (max-width:1380px){.container-intro .right-intro .small-card{height:180px;width:280px}}@media screen and (max-width:1300px){.container-intro .right-intro .small-card{height:160px;width:250px}}@media screen and (max-width:1230px){.container-intro .right-intro .small-card{height:130px;width:203px}}@media screen and (max-width:1020px){.container-intro .right-intro .small-card{height:210px;width:328px}}@media screen and (max-width:750px){.container-intro .right-intro .small-card{height:166px;width:260px}}@media screen and (max-width:600px){.container-intro .right-intro .small-card{height:140px;width:220px}}@media screen and (max-width:490px){.container-intro .right-intro .small-card{height:119px;width:190px}}@media screen and (max-width:425px){.container-intro .right-intro .small-card{height:210px;width:335px}}@media screen and (max-width:360px){.container-intro .right-intro .small-card{height:170px;width:275px}}.container-intro .right-intro .small-card h4{font-family:Inter,sans-serif;font-size:16px;font-weight:500;max-width:200px}@media screen and (max-width:1380px){.container-intro .right-intro .small-card h4{font-size:13px;font-size:12px}}@media screen and (max-width:1230px){.container-intro .right-intro .small-card h4{font-size:10px}}@media screen and (max-width:1020px){.container-intro .right-intro .small-card h4{font-size:16px}}@media screen and (max-width:750px){.container-intro .right-intro .small-card h4{font-size:14px}}@media screen and (max-width:600px){.container-intro .right-intro .small-card h4{font-size:10px}}@media screen and (max-width:425px){.container-intro .right-intro .small-card h4{font-size:16px}}@media screen and (max-width:360px){.container-intro .right-intro .small-card h4{font-size:14px}}.container-intro .right-intro .small-card .card-top{display:flex}@media screen and (max-width:1380px){.container-intro .right-intro .small-card .card-top h2{font-size:54px!important}}@media screen and (max-width:1300px){.container-intro .right-intro .small-card .card-top h2{font-size:50px!important}}@media screen and (max-width:1230px){.container-intro .right-intro .small-card .card-top h2{font-size:42px!important}}@media screen and (max-width:1020px){.container-intro .right-intro .small-card .card-top h2{font-size:56px!important}}@media screen and (max-width:750px){.container-intro .right-intro .small-card .card-top h2{font-size:50px!important}}@media screen and (max-width:600px){.container-intro .right-intro .small-card .card-top h2{font-size:42px!important}}@media screen and (max-width:425px){.container-intro .right-intro .small-card .card-top h2{font-size:70px!important}}@media screen and (max-width:360px){.container-intro .right-intro .small-card .card-top h2{font-size:60px!important}}.container-intro .right-intro .small-card .card-top .green{background:#30a8bc;background:linear-gradient(45deg,#30a8bc,#4dda68)}.container-intro .right-intro .small-card .card-top .green-sign{background:#52e35a;background:linear-gradient(45deg,#52e35a,#56ea4d)}.container-intro .right-intro .small-card .card-top .blue{background:#1860c4;background:linear-gradient(315deg,#1860c4,#58d0d9)}.container-intro .right-intro .small-card .card-top .purple{background:#5138ec;background:linear-gradient(45deg,#5138ec,#b561f9)}.container-intro .right-intro .small-card .card-top .purple-sign{background:#c568fb;background:linear-gradient(45deg,#c568fb,#d56ffe)}.container-intro .right-intro .small-card .card-top .red{background:#c84591;background:linear-gradient(315deg,#c84591,#f7a17b)}.container-intro .right-intro .small-card .card-top .red-sign{background:#bd3095;background:linear-gradient(315deg,#bd3095,#c84491)}.container-intro .right-intro .small-card .card-top .percent{align-self:flex-end;font-size:26px!important;margin-bottom:10px}.container-intro .right-intro .small-card .card-top .num{font-family:Inter,sans-serif;font-size:64px;letter-spacing:-.025em}.container-intro .right-intro .small-card .card-top .num,.container-intro .right-intro .small-card .card-top .sign{-webkit-text-fill-color:transparent;-webkit-background-clip:text}.container-intro .right-intro .small-card .card-top .place{margin-top:18px}.container-intro .right-intro .small-card .card-top .sign{font-family:Inter,sans-serif;font-size:32px}.container-aboutme{align-items:center;display:flex;flex-direction:column;padding-bottom:140px;position:relative;width:100vw}.container-aboutme .start{align-self:flex-start}#about-me{position:absolute;top:60px}.eyebrow{font-family:Inter,sans-serif;font-size:28px;font-weight:600;letter-spacing:-.025em;margin-bottom:12px;margin-left:24.475%;padding-top:143px}@media screen and (max-width:1300px){.eyebrow{margin-left:17.5%}}@media screen and (max-width:1050px){.eyebrow{margin-left:13.5%}}@media screen and (max-width:586px){.eyebrow{font-size:24px;margin-left:9.25%}}.heading{font-family:Inter,sans-serif;font-size:92px;font-weight:600;letter-spacing:-.045em;line-height:1.1;margin-left:24.3%;max-width:750px}@media screen and (max-width:1300px){.heading{margin-left:17.35%}}@media screen and (max-width:1050px){.heading{margin-left:13.35%}}@media screen and (max-width:860px){.heading{font-size:82px}}@media screen and (max-width:770px){.heading{font-size:72px;font-size:62px;max-width:560px;max-width:500px}}@media screen and (max-width:586px){.heading{font-size:50px;margin-left:9%;max-width:485px}}@media screen and (max-width:428px){.heading{font-size:44px;max-width:340px}}@media screen and (max-width:380px){.heading{font-size:40px}}@media screen and (max-width:340px){.heading{max-width:280px}}.container-showcase{align-items:center;background:#e7505e;background:linear-gradient(90deg,#e7505e,#cb5891 35%,#a364dc);border-radius:32px;display:flex;gap:245px;justify-content:space-between;margin-top:28px;padding:65px 90px 65px 66px}@media screen and (max-width:1420px){.container-showcase{gap:210px}}@media screen and (max-width:1380px){.container-showcase{gap:130px}}@media screen and (max-width:1310px){.container-showcase{gap:90px}}@media screen and (max-width:1260px){.container-showcase{gap:90px}}@media screen and (max-width:1180px){.container-showcase{padding:40px 60px 45px 45px}}@media screen and (max-width:1020px){.container-showcase{gap:60px;margin-bottom:20px;padding:40px 45px 45px}}@media screen and (max-width:770px){.container-showcase{flex-direction:column;padding:65px 90px 65px 66px}}@media screen and (max-width:710px){.container-showcase{padding:50px 60px 50px 55px}}@media screen and (max-width:615px){.container-showcase{padding:35px 50px 35px 30px}}@media screen and (max-width:400px){.container-showcase{gap:30px;padding:30px 35px}}.container-showcase .showcase-left{display:flex;flex-direction:column;gap:26px;max-width:440px;padding-bottom:22px}@media screen and (max-width:1260px){.container-showcase .showcase-left{max-width:350px}}@media screen and (max-width:770px){.container-showcase .showcase-left{max-width:500px}}@media screen and (max-width:615px){.container-showcase .showcase-left{max-width:425px}}@media screen and (max-width:500px){.container-showcase .showcase-left{max-width:375px}}@media screen and (max-width:400px){.container-showcase .showcase-left{max-width:300px}}@media screen and (max-width:360px){.container-showcase .showcase-left{max-width:220px!important}}.container-showcase .showcase-left h3{color:#fff;font-family:Inter,sans-serif;font-size:44px;font-weight:600;letter-spacing:-.025em;line-height:1.2;max-width:400px}@media screen and (max-width:1310px){.container-showcase .showcase-left h3{font-size:36px}}@media screen and (max-width:1260px){.container-showcase .showcase-left h3{font-size:32px}}@media screen and (max-width:1180px){.container-showcase .showcase-left h3{font-size:30px}}@media screen and (max-width:1020px){.container-showcase .showcase-left h3{font-size:26px;max-width:300px}}@media screen and (max-width:770px){.container-showcase .showcase-left h3{font-size:48px;max-width:500px}}@media screen and (max-width:710px){.container-showcase .showcase-left h3{font-size:40px;max-width:450px}}@media screen and (max-width:615px){.container-showcase .showcase-left h3{font-size:36px;max-width:400px}}@media screen and (max-width:500px){.container-showcase .showcase-left h3{font-size:28px;max-width:330px}}@media screen and (max-width:445px){.container-showcase .showcase-left h3{font-size:28px;max-width:300px}}@media screen and (max-width:400px){.container-showcase .showcase-left h3{font-size:28px;font-size:24px;max-width:260px;max-width:220px}}.container-showcase .showcase-left p{color:#fff;font-family:Inter,sans-serif;font-size:20px;font-weight:500;letter-spacing:-.025em;line-height:1.5;opacity:.75}@media screen and (max-width:1310px){.container-showcase .showcase-left p{font-size:17px}}@media screen and (max-width:1020px){.container-showcase .showcase-left p{font-size:16px;max-width:300px}}@media screen and (max-width:770px){.container-showcase .showcase-left p{font-size:22px;max-width:500px}}@media screen and (max-width:710px){.container-showcase .showcase-left p{font-size:20px;max-width:450px}}@media screen and (max-width:615px){.container-showcase .showcase-left p{font-size:16px;max-width:380px}}@media screen and (max-width:500px){.container-showcase .showcase-left p{font-size:14px;max-width:300px}}@media screen and (max-width:400px){.container-showcase .showcase-left p{font-size:14px;max-width:250px;max-width:220px}}.container-showcase .showcase-right{position:relative}@media screen and (max-width:770px){.container-showcase .showcase-right{padding-left:15px}}@media screen and (max-width:615px){.container-showcase .showcase-right{padding-left:15px}}@media screen and (max-width:500px){.container-showcase .showcase-right{padding-left:0}}.container-showcase .showcase-right .screen{height:370px}@media screen and (max-width:1180px){.container-showcase .showcase-right .screen{height:280px}}@media screen and (max-width:1020px){.container-showcase .showcase-right .screen{height:240px}}@media screen and (max-width:830px){.container-showcase .showcase-right .screen{height:195px}}@media screen and (max-width:770px){.container-showcase .showcase-right .screen{height:338px}}@media screen and (max-width:710px){.container-showcase .showcase-right .screen{height:310px}}@media screen and (max-width:615px){.container-showcase .showcase-right .screen{height:250px}}@media screen and (max-width:500px){.container-showcase .showcase-right .screen{height:200px}}@media screen and (max-width:400px){.container-showcase .showcase-right .screen{height:170px}}@media screen and (max-width:360px){.container-showcase .showcase-right .screen{height:140px}}.container-showcase .showcase-right .video{height:260px;left:9px;position:absolute;top:5px;width:530px;z-index:12}@media screen and (max-width:1180px){.container-showcase .showcase-right .video{height:195px;left:-58px}}@media screen and (max-width:1020px){.container-showcase .showcase-right .video{height:167px;left:-88px}}@media screen and (max-width:830px){.container-showcase .showcase-right .video{height:136px;left:-121px;top:3px}}@media screen and (max-width:770px){.container-showcase .showcase-right .video{height:235px;left:-1px;top:7px}}@media screen and (max-width:710px){.container-showcase .showcase-right .video{height:216px;left:-21px;top:6px}}@media screen and (max-width:615px){.container-showcase .showcase-right .video{height:174px;left:-65px;top:5px}}@media screen and (max-width:500px){.container-showcase .showcase-right .video{height:139px;left:-117px;top:4px}}@media screen and (max-width:400px){.container-showcase .showcase-right .video{height:119px;left:-139px;top:3px}}@media screen and (max-width:360px){.container-showcase .showcase-right .video{height:97px;left:-162px;top:3px}}.container-cards{align-items:center;display:flex;gap:28px;justify-content:center;margin-top:28px}@media screen and (max-width:685px){.container-cards{flex-direction:column}}.container-cards .card{align-items:center;border-radius:28px;display:flex;flex-direction:column;height:305px;padding:50px 52px 76px;width:572px}@media screen and (max-width:1420px){.container-cards .card{width:530px}}@media screen and (max-width:1340px){.container-cards .card{width:480px}}@media screen and (max-width:1260px){.container-cards .card{height:220px;width:410px}}@media screen and (max-width:1180px){.container-cards .card{height:195px;height:170px;padding:30px 32px 40px;width:330px;width:290px}}@media screen and (max-width:880px){.container-cards .card{height:160px;width:270px}}@media screen and (max-width:770px){.container-cards .card{height:150px;width:240px}}@media screen and (max-width:685px){.container-cards .card{height:220px;width:450px}}@media screen and (max-width:568px){.container-cards .card{height:200px;width:365px}}@media screen and (max-width:490px){.container-cards .card{height:190px;width:340px}}@media screen and (max-width:460px){.container-cards .card{height:150px;width:285px}}@media screen and (max-width:400px){.container-cards .card{height:130px;width:226px}}@media screen and (max-width:340px){.container-cards .card{height:110px;width:195px}}.container-cards .card h3{align-self:flex-start;font-family:Inter,sans-serif;font-size:22px;font-weight:600;justify-self:flex-start;letter-spacing:-.025em;line-height:1.2;margin-bottom:2px}@media screen and (max-width:770px){.container-cards .card h3{font-size:16px}}@media screen and (max-width:685px){.container-cards .card h3{font-size:20px}}@media screen and (max-width:460px){.container-cards .card h3{font-size:18px}}@media screen and (max-width:400px){.container-cards .card h3{font-size:16px}}@media screen and (max-width:340px){.container-cards .card h3{font-size:14px}}.container-cards .card .clean{margin-bottom:16px}.container-cards .card p{align-self:flex-start;font-family:Inter,sans-serif;letter-spacing:-.025em;margin-bottom:22px}@media screen and (max-width:880px){.container-cards .card p{font-size:12px}}@media screen and (max-width:685px){.container-cards .card p{font-size:15px}}@media screen and (max-width:400px){.container-cards .card p{font-size:11px}}.container-cards .card img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}@media screen and (max-width:1340px){.container-cards .card img{width:500px}}@media screen and (max-width:1260px){.container-cards .card img{width:440px}}@media screen and (max-width:1180px){.container-cards .card img{width:300px}}@media screen and (max-width:880px){.container-cards .card img{width:280px}}@media screen and (max-width:770px){.container-cards .card img{width:270px}}@media screen and (max-width:685px){.container-cards .card img{width:410px}}@media screen and (max-width:568px){.container-cards .card img{width:360px}}@media screen and (max-width:460px){.container-cards .card img{width:280px}}@media screen and (max-width:400px){.container-cards .card img{width:228px}}@media screen and (max-width:340px){.container-cards .card img{width:195px}}.container-cards .card .card-content{align-items:flex-start;display:flex;gap:40px;justify-content:center;margin-top:50px}@media screen and (max-width:1180px){.container-cards .card .card-content{gap:20px;margin-top:20px}}@media screen and (max-width:685px){.container-cards .card .card-content{gap:30px;margin-top:32px}}@media screen and (max-width:460px){.container-cards .card .card-content{gap:18px;margin-top:15px}}@media screen and (max-width:1340px){.container-cards .card .card-content .acc,.container-cards .card .card-content .perf{width:82px!important}}@media screen and (max-width:1180px){.container-cards .card .card-content .acc,.container-cards .card .card-content .perf{width:64px!important}}@media screen and (max-width:1020px){.container-cards .card .card-content .acc,.container-cards .card .card-content .perf{width:60px!important}}@media screen and (max-width:880px){.container-cards .card .card-content .acc,.container-cards .card .card-content .perf{width:52px!important}}@media screen and (max-width:685px){.container-cards .card .card-content .acc,.container-cards .card .card-content .perf{width:86px!important}}@media screen and (max-width:568px){.container-cards .card .card-content .acc,.container-cards .card .card-content .perf{width:71px!important}}@media screen and (max-width:460px){.container-cards .card .card-content .acc,.container-cards .card .card-content .perf{width:60px!important}}@media screen and (max-width:400px){.container-cards .card .card-content .acc,.container-cards .card .card-content .perf{width:50px!important}}@media screen and (max-width:340px){.container-cards .card .card-content .acc,.container-cards .card .card-content .perf{width:44px!important}}.container-cards .card .card-content .acc,.container-cards .card .card-content .perf{width:105px}@media screen and (max-width:1340px){.container-cards .card .card-content .best,.container-cards .card .card-content .seo{width:72px!important}}@media screen and (max-width:1180px){.container-cards .card .card-content .best,.container-cards .card .card-content .seo{width:55px!important}}@media screen and (max-width:1020px){.container-cards .card .card-content .best,.container-cards .card .card-content .seo{width:52px!important}}@media screen and (max-width:880px){.container-cards .card .card-content .best,.container-cards .card .card-content .seo{width:45px!important}}@media screen and (max-width:685px){.container-cards .card .card-content .best,.container-cards .card .card-content .seo{width:74px!important}}@media screen and (max-width:568px){.container-cards .card .card-content .best,.container-cards .card .card-content .seo{width:62px!important}}@media screen and (max-width:460px){.container-cards .card .card-content .best,.container-cards .card .card-content .seo{width:50px!important}}@media screen and (max-width:400px){.container-cards .card .card-content .best,.container-cards .card .card-content .seo{width:42px!important}}@media screen and (max-width:340px){.container-cards .card .card-content .best,.container-cards .card .card-content .seo{width:37px!important}}.container-cards .card .card-content .best,.container-cards .card .card-content .seo{width:92px}.projects-container{background-color:#fff;display:flex;flex-direction:column;padding-bottom:142px;position:relative;width:100vw}.projects-container #portfolio{position:absolute;top:0}.projects-container .more{align-self:center;color:#006ddb;font-family:Inter,sans-serif;font-size:20px;font-weight:500;margin-top:70px;text-decoration:none;transition:all .15s}.projects-container .more:hover{scale:1.05}.projects-container h1{margin-bottom:140px;max-width:860px}.projects-container h3{letter-spacing:-.035em;margin-bottom:16px}.projects-container .project-list{align-self:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:center;max-width:1400px}.projects-container .project-list img{flex-wrap:wrap;height:365px;max-width:690px}@media screen and (max-width:1440px){.projects-container .project-list img{height:317px;max-width:600px}}@media screen and (max-width:1280px){.projects-container .project-list img{height:290px;max-width:550px}}@media screen and (max-width:1205px){.projects-container .project-list img{height:264px;max-width:500px}}@media screen and (max-width:1080px){.projects-container .project-list img{height:238px;max-width:450px}}@media screen and (max-width:970px){.projects-container .project-list img{height:476px;max-width:900px}}@media screen and (max-width:950px){.projects-container .project-list img{height:423px;max-width:800px}}@media screen and (max-width:840px){.projects-container .project-list img{height:370px;max-width:700px}}@media screen and (max-width:740px){.projects-container .project-list img{height:317px;max-width:600px}}@media screen and (max-width:640px){.projects-container .project-list img{height:264px;max-width:500px}}@media screen and (max-width:540px){.projects-container .project-list img{height:243px;max-width:460px}}@media screen and (max-width:490px){.projects-container .project-list img{height:206px;max-width:390px}}@media screen and (max-width:420px){.projects-container .project-list img{height:180px;max-width:340px}}@media screen and (max-width:360px){.projects-container .project-list img{height:154px;max-width:290px}}a{position:relative}a :after{align-items:center;background-color:rgba(0,0,0,.8);border-radius:12px;color:#fff;display:flex;font-family:Inter,sans-serif;height:26px;justify-content:center;left:40%;opacity:0;padding:4px;position:absolute;transition:all .2s;width:100px;z-index:30}a:hover :after{opacity:1}.ecom :after{content:"React E-Commerce Store";width:210px}.cv :after{content:"CV Creator"}.reddit :after{content:"Reddit Clone";width:110px}.mac :after{content:"MacOS Ventura Clone";width:190px}.cv :after,.ecom :after{top:-30px}.cv:hover :after,.ecom:hover :after{top:-45px}.mac :after,.reddit :after{bottom:-30px}.mac:hover :after,.reddit:hover :after{bottom:-45px}.resume-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;margin-left:0;min-height:100vh;padding-bottom:50px;padding-top:30px;position:relative;width:100vw}@media screen and (max-width:690px){.resume-container{margin-bottom:0}}@media screen and (max-width:540px){.resume-container{min-height:50vh}}.resume-container #resume{position:absolute;top:16px}.resume-container h1,.resume-container h3{margin-left:0;z-index:5}.resume-container h3{margin-bottom:6px;margin-left:0}.resume-container h1{-webkit-text-fill-color:transparent;background:#26a4ef;background:linear-gradient(315deg,#26a4ef,#27a4ef);-webkit-background-clip:text;background-clip:text;font-size:92px;font-weight:700;margin-bottom:79px;margin-left:0;text-align:center}@media screen and (max-width:810px){.resume-container h1{font-size:82px;max-width:650px}}@media screen and (max-width:690px){.resume-container h1{font-size:72px;margin-bottom:50px;max-width:600px}}@media screen and (max-width:620px){.resume-container h1{font-size:60px;margin-bottom:50px;max-width:500px}}@media screen and (max-width:540px){.resume-container h1{font-size:54px;margin-bottom:10px;max-width:450px}}@media screen and (max-width:470px){.resume-container h1{font-size:48px;margin-bottom:0;max-width:400px}}@media screen and (max-width:420px){.resume-container h1{font-size:40px;margin-bottom:-40px;max-width:330px}}@media screen and (max-width:368px){.resume-container h1{font-size:34px;margin-bottom:-40px;max-width:270px}}.resume-container .resume-box{align-items:center;background:#1ed0fc;background:linear-gradient(300deg,#1ed0fc,#0262e0);border:none;border-radius:28px;display:flex;height:372px;margin-right:4px;width:731px;z-index:8}@media screen and (max-width:770px){.resume-container .resume-box{scale:.9}}@media screen and (max-width:690px){.resume-container .resume-box{scale:.8}}@media screen and (max-width:620px){.resume-container .resume-box{scale:.69}}@media screen and (max-width:540px){.resume-container .resume-box{scale:.6}}@media screen and (max-width:470px){.resume-container .resume-box{height:500px;margin-top:100px;scale:1;width:350px}}@media screen and (max-width:368px){.resume-container .resume-box{height:500px;scale:1;width:295px}}.resume-container .resume-box .resume-box-left{align-self:flex-end;position:relative}.resume-container .resume-box .resume-box-left img{bottom:0;-webkit-filter:drop-shadow(0 0 2px #222);filter:drop-shadow(0 0 2px #222222);max-height:372px;position:absolute}@media screen and (max-width:470px){.resume-container .resume-box .resume-box-left img{left:60px;max-height:212px}}@media screen and (max-width:368px){.resume-container .resume-box .resume-box-left img{left:30px}}.resume-container .resume-box .resume-box-right{align-items:center;display:flex;flex-direction:column;margin-left:51.5%;max-width:290px}@media screen and (max-width:470px){.resume-container .resume-box .resume-box-right{margin:0 auto 185px}}.resume-container .resume-box .resume-box-right a{color:transparent;text-decoration:none}.resume-container .resume-box .resume-box-right p{color:#fff;font-family:Inter,sans-serif;margin-bottom:42px;text-align:center}@media screen and (max-width:360px){.resume-container .resume-box .resume-box-right p{font-size:14px;max-width:225px}}.resume-container .resume-box .resume-box-right button{align-items:center;border:none;border-radius:24px;box-shadow:0 2px 3px rgba(0,0,0,.2);box-sizing:border-box;color:#fff;display:flex;font-family:Inter,sans-serif;font-size:17.35px;font-weight:500;gap:8px;height:52px!important;justify-content:flex-start;padding:15px 22px;width:198px}.resume-container .resume-box .resume-box-right button .svg{height:24px;width:24px}.resume-container .resume-box .resume-box-right .download{background-color:#0064ff;margin-bottom:8px}.resume-container .resume-box .resume-box-right .download:hover .download-svg{margin-top:6px}.resume-container .resume-box .resume-box-right .download .download-svg{fill:#fff;transition:all .225s ease-in-out}.resume-container .resume-box .resume-box-right .contact{background-color:#fff;color:#0064ff;transition:all .3s}.resume-container .resume-box .resume-box-right .contact:hover{background-color:#0064ff;color:#fff}.resume-container .resume-box .resume-box-right .contact:hover .contact-svg{fill:#fff}.resume-container .resume-box .resume-box-right .contact .contact-svg{fill:#0064ff;transition:all .3s}.skills-container{display:flex;flex-direction:column;padding-bottom:174px;padding-top:40px;position:relative;width:100vw}.skills-container #skills{position:absolute;top:62px}.skills-container .skill-grid{align-self:center;display:flex;flex-direction:column;margin-right:100px;margin-top:58px}@media screen and (max-width:1160px){.skills-container .skill-grid{margin-right:0}}.skills-container .skill-grid .skill-grid-first-row{align-self:center}.skills-container .skill-grid .skill-grid-second-row,.skills-container .skill-grid .skill-grid-third-row{display:flex;gap:18px;margin-top:18px}@media screen and (max-width:640px){.skills-container .skill-grid .skill-grid-second-row,.skills-container .skill-grid .skill-grid-third-row{flex-direction:column}}.skills-container .skill-grid .skill-grid-third-row{align-self:center}.skill-tab-item{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:flex-start}.skill-tab-item img{-webkit-user-drag:none;height:100px;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}@media screen and (max-width:1020px){.skill-tab-item img{height:70px}}@media screen and (max-width:885px){.skill-tab-item img{height:55px}}@media screen and (max-width:750px){.skill-tab-item img{height:45px}}@media screen and (max-width:640px){.skill-tab-item img{height:100px}}@media screen and (max-width:520px){.skill-tab-item img{height:70px}}@media screen and (max-width:420px){.skill-tab-item img{height:60px}}@media screen and (max-width:360px){.skill-tab-item img{height:50px}}.skill-tab-item .invert-logo{-webkit-filter:invert(1);filter:invert(1);transition:drop-shadow .3s ease,-webkit-filter .3s ease;transition:filter .3s ease,drop-shadow .3s ease;transition:filter .3s ease,drop-shadow .3s ease,-webkit-filter .3s ease}.skill-tab-item .invert-logo:hover{-webkit-filter:invert(1) drop-shadow(0 0 10px hsla(0,0%,100%,.8));filter:invert(1) drop-shadow(0 0 10px rgba(255,255,255,.8))}.skill-tab-item img:hover{-webkit-animation:gelatine .5s ease-in-out;animation:gelatine .5s ease-in-out}@-webkit-keyframes gelatine{0%,to{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}}@keyframes gelatine{0%,to{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}}.skill-tab-item h3{font-family:Inter,sans-serif;font-size:14px;opacity:.75}@media screen and (max-width:885px){.skill-tab-item h3{font-size:12px}}@media screen and (max-width:750px){.skill-tab-item h3{font-size:10px}}@media screen and (max-width:360px){.skill-tab-item h3{margin-bottom:18px}}.skill-tab-container{align-items:center;border-radius:28px;display:flex;flex-direction:column;gap:16px;padding:28px}@media screen and (max-width:830px){.skill-tab-container{padding:16px}}@media screen and (max-width:640px){.skill-tab-container{max-width:450px}}@media screen and (max-width:520px){.skill-tab-container{max-width:350px}}@media screen and (max-width:420px){.skill-tab-container{max-width:300px}}@media screen and (max-width:360px){.skill-tab-container{max-width:250px}}.skill-tab-container .head{align-self:flex-start;font-family:Inter,sans-serif;margin-left:22px;margin-top:4px}@media screen and (max-width:830px){.skill-tab-container .head{font-size:16px;margin-left:12px}}.skill-tab-container .skill-tab-list{display:flex;gap:46px;justify-content:space-between;margin-top:16px;padding:0 22px}@media screen and (max-width:1160px){.skill-tab-container .skill-tab-list{gap:28px}}@media screen and (max-width:750px){.skill-tab-container .skill-tab-list{gap:18px;margin-top:12px}}@media screen and (max-width:640px){.skill-tab-container .skill-tab-list{flex-wrap:wrap;gap:18px;margin-top:18px}}@media screen and (max-width:520px){.skill-tab-container .skill-tab-list{gap:40px}}@media screen and (max-width:420px){.skill-tab-container .skill-tab-list{gap:20px}}@media screen and (max-width:360px){.skill-tab-container .skill-tab-list{gap:15px}}.skill-tab-container .languages{gap:60px;padding:0 26px}@media screen and (max-width:1160px){.skill-tab-container .languages{gap:28px}}@media screen and (max-width:420px){.skill-tab-container .languages{gap:18px}}@media screen and (max-width:360px){.skill-tab-container .languages{gap:0}}.skill-tab-container .one-item{padding:0 40px}.context-menu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;border-radius:20px;display:flex;flex-direction:column;gap:7px;padding:10px 12px;position:absolute;visibility:hidden;z-index:50}.context-menu a{color:#000;text-decoration:none}.context-menu .context-menu-item{align-items:center;background-color:#fff;border-radius:12px;display:flex;gap:11px;padding:8px 16px 9px;transition:scale .2s,background-color .2s,transform .2s}.context-menu .context-menu-item:active{-webkit-transform:scale(.95);transform:scale(.95)}.context-menu .context-menu-item:hover{background-color:#0064ff;scale:1.07}.context-menu .context-menu-item:hover .context-icon{fill:#fff}.context-menu .context-menu-item:hover h3{color:#fff}.context-menu .context-menu-item .context-icon{fill:#000;transition:fill .2s;width:20px}.context-menu .context-menu-item .linkedin{height:17px;margin-bottom:1px}.context-menu .context-menu-item .share{height:21px}.context-menu .context-menu-item .mail{height:15px}.context-menu .context-menu-item h3{font-family:Inter,sans-serif;font-size:16px;letter-spacing:-.025em;transition:color .2s}.contact-form-container{border-radius:20px;display:flex;flex-direction:column;padding:18px}.contact-form-container .field{border-radius:6px;font-family:Inter,sans-serif;font-size:14px;letter-spacing:-.025em;outline:none;padding:10px 14px;transition:border .2s}.contact-form-container .field:focus{border:2px solid #0064ff}@media screen and (max-width:810px){.contact-form-container .data{width:155px}}@media screen and (max-width:730px){.contact-form-container .data{width:130px}}@media screen and (max-width:685px){.contact-form-container .data{width:200px}}@media screen and (max-width:560px){.contact-form-container .data{width:170px}}@media screen and (max-width:500px){.contact-form-container .data{width:130px}}@media screen and (max-width:425px){.contact-form-container .data{width:115px}}.contact-form-container .submit{background-color:#0064ff;border:none;border-radius:10px;color:#fff;font-family:Inter,sans-serif;font-size:14px;padding:12px 0;transition:all .2s}.contact-form-container .submit:hover{background-color:#004fc5}.contact-form-container .submit:active{-webkit-transform:scale(.98);transform:scale(.98)}.contact-form-container textarea{margin-bottom:16px;margin-top:10px;max-height:225px;max-width:440px;min-height:225px;min-width:440px;width:440px}@media screen and (max-width:810px){.contact-form-container textarea{max-width:350px;min-width:350px;width:350px}}@media screen and (max-width:730px){.contact-form-container textarea{max-width:300px;min-width:300px;width:300px}}@media screen and (max-width:685px){.contact-form-container textarea{max-width:440px;min-width:440px;width:440px}}@media screen and (max-width:560px){.contact-form-container textarea{max-width:380px;min-width:380px;width:380px}}@media screen and (max-width:500px){.contact-form-container textarea{max-width:300px;min-width:300px;width:300px}}@media screen and (max-width:425px){.contact-form-container textarea{max-width:270px;min-width:270px;width:270px}}.contact-form-container .input-container{display:flex;gap:10px}.contact-container{align-items:center;display:flex;flex-direction:column;padding-bottom:50px;position:relative;width:100vw}.contact-container #contact{position:absolute;top:26px}.contact-container h1{font-size:84px;max-width:700px;text-align:center}@media screen and (max-width:810px){.contact-container h1{font-size:72px;max-width:600px}}@media screen and (max-width:685px){.contact-container h1{font-size:60px;max-width:500px}}@media screen and (max-width:560px){.contact-container h1{font-size:52px;font-size:44px;margin-left:30px!important;max-width:400px;max-width:370px}}@media screen and (max-width:500px){.contact-container h1{font-size:40px;max-width:300px}}.contact-container h1,.contact-container h3{margin-left:0}.contact-container h3{padding-top:150px}.contact-container p{font-family:Inter,sans-serif;font-size:16px;letter-spacing:-.025em;margin-top:45px;max-width:720px;text-align:center}@media screen and (max-width:810px){.contact-container p{max-width:600px}}@media screen and (max-width:685px){.contact-container p{font-size:14px;max-width:500px}}@media screen and (max-width:560px){.contact-container p{font-size:14px;max-width:420px}}@media screen and (max-width:500px){.contact-container p{font-size:14px;max-width:380px}}@media screen and (max-width:425px){.contact-container p{font-size:13px;max-width:310px}}.contact-container .contact-data{display:flex;gap:22px;margin-top:44px}@media screen and (max-width:685px){.contact-container .contact-data{flex-direction:column}}.contact-container .contact-data .contact-socials-container{border-radius:20px;box-shadow:0 3px 7px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:10px;padding:22px 24px}@media screen and (max-width:685px){.contact-container .contact-data .contact-socials-container{align-items:center}}.contact-container .contact-data .contact-socials-container a{color:transparent;text-decoration:underline}.contact-container .contact-data .contact-socials-container button{align-items:center;border:none;border-radius:10px;display:flex;font-family:Inter,sans-serif;font-size:15px;font-weight:600;gap:16px;letter-spacing:-.025em;padding:16px 14px;transition:all .25s;width:200px}@media screen and (max-width:685px){.contact-container .contact-data .contact-socials-container button{width:460px}}@media screen and (max-width:560px){.contact-container .contact-data .contact-socials-container button{width:400px}}@media screen and (max-width:500px){.contact-container .contact-data .contact-socials-container button{width:322px}}@media screen and (max-width:425px){.contact-container .contact-data .contact-socials-container button{width:292px}}.contact-container .contact-data .contact-socials-container button .svg{height:21px;width:22px}.contact-container .contact-data .contact-socials-container button .light-svg{fill:#383838}.contact-container .contact-data .contact-socials-container button .dark-svg{fill:#727272}.contact-container .contact-data .contact-socials-container button:active{-webkit-transform:scale(.95);transform:scale(.95)}.contact-container .contact-data .contact-socials-container button:hover{color:#fff}.contact-container .contact-data .contact-socials-container button:hover .svg{fill:#fff}.contact-container .contact-data .contact-socials-container .linkedin:hover{background:#599ac1;background:linear-gradient(315deg,#599ac1,#1376b3)}.contact-container .contact-data .contact-socials-container .github:hover{background:#c59bfb;background:linear-gradient(315deg,#c59bfb,#705394)}.contact-container .contact-data .contact-socials-container .twitter:hover{background:#326efe;background:linear-gradient(315deg,#326efe,#01aaee)}.contact-container .contact-data .contact-socials-container .whatsapp:hover{background:#0c9022;background:linear-gradient(315deg,#0c9022,#32f152)}.contact-container .contact-data .contact-socials-container .whatsapp .svg{transition:all .25s}.contact-container .contact-data .contact-socials-container .email{align-self:flex-end;background-color:#0064ff;color:#fff;display:flex;justify-content:center;margin-top:46px}@media screen and (max-width:685px){.contact-container .contact-data .contact-socials-container .email{margin-top:28px}}.contact-container .contact-data .contact-socials-container .email:hover{background-color:#004fc5}.theme-button{align-items:center;border-radius:14px;bottom:71px;box-shadow:0 3px 7px rgba(0,0,0,.2);display:flex;font-family:Inter,sans-serif;font-size:14px;gap:10px;left:18px;padding:12px 18px;position:fixed;transition:all .3s;z-index:50}.theme-button h4{font-family:Inter,sans-serif;font-weight:500;letter-spacing:-.03em;margin-bottom:1px;transition:all .2s}.theme-button .light-icon{fill:#fff;height:18px;transition:all .2s;width:18px}.theme-button .dark-icon{fill:#1d1d1f;height:18px;transition:all .2s;width:18px}
/*# sourceMappingURL=main.2b0ff743.css.map*/