@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;box-sizing:border-box;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;box-sizing:border-box;padding:0}html{scroll-behavior:smooth}.nav-bar{padding:1em;width:6em;height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:fixed;z-index:1000;transition:all .5s ease-in-out}.padding-nav{background-color:var(--white);padding:1em;width:6em;height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:100}.logo{background-image:url(/assets/ssk_logo-DNoDJrHB.png);z-index:100}@media screen and (max-width:700px){.nav-bar{height:90vh;background-color:transparent}.nav-hide{opacity:0;transform:translate(-40%)}.nav-show{opacity:100%;transform:translate(-10%)}.padding-nav{height:6em;padding:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:100}}@font-face{font-family:Integral;src:url(/assets/IntegralCF-Regular-DSJERcje.woff) format("woff")}@font-face{font-family:MarkPro;src:url(/assets/MarkPro-D16XPhE8.ttf) format("truetype")}:root{--white: #f5f5f5;--black: #262c34;--blue: #51d4ee;--blue-500: #1566c2;--transparent: rgba(245, 245, 245, .3);--pf-border: 1px solid var(--black);--text: rgba(10, 10, 10, .5);--text2: rgba(0, 0, 0, 1)}body{overflow-x:hidden;color:var(--black);background-color:#101112}body.dark{--white: #262c34;--black: #d9d9d9;--blue: rgb(0, 54, 81);--blue-500: rgb(10, 40, 47);--transparent: rgba(101, 101, 101, .4);--pf-border: 1px solid #9ea1a4;--text: rgba(255, 255, 255, .5);--text2: #d9d5d5}.p-site{width:100vw}.detail-style{font-family:MarkPro;font-size:1em}.novatrix-overlay{position:absolute;width:100%;height:100%;background:radial-gradient(circle,#23f7d780,#00000080 90%),linear-gradient(45deg,var(--blue-500),#23f7d7);mix-blend-mode:hard-light}.novatrix-overlay2{position:absolute;width:100%;height:100%;background:radial-gradient(circle,#23c6f780,#25b4c780 90%),linear-gradient(45deg,var(--blue-500),#23def7);mix-blend-mode:hard-light}.nav-icon{color:var(--black);height:2em;width:2em;background-repeat:no-repeat;background-size:cover;margin:1em;position:relative;overflow:hidden;cursor:pointer;transition:1s cubic-bezier(0,-.01,0,.77)}.nav-icon:hover:after{content:"";position:absolute;bottom:-50%;left:-50%;height:200%;width:200%;box-sizing:border-box;background-color:#fff;border-radius:40%;animation:spin 1s cubic-bezier(0,-.01,0,.77) 1;mix-blend-mode:difference;rotate:180deg}@keyframes spin{0%{transform:translateY(-100%) rotate(360deg)}to{transform:translateY(0) rotate(0)}}.Leetcode-img{background-image:url("data:image/svg+xml,%3csvg%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_729_24)'%3e%3cpath%20d='M50%200C22.3858%200%200%2022.3858%200%2050V462C0%20489.614%2022.3858%20512%2050%20512H462C489.614%20512%20512%20489.614%20512%20462V50C512%2022.3858%20489.614%200%20462%200H50ZM482%20432C482%20459.614%20459.614%20482%20432%20482H80C52.3858%20482%2030%20459.614%2030%20432V80C30%2052.3858%2052.3858%2030%2080%2030H432C459.614%2030%20482%2052.3858%20482%2080V432Z'%20fill='var(--black)'/%3e%3cpath%20d='M387.341%20286.801C387.341%20277.092%20379.961%20269.189%20370.855%20269.189H239.177C230.07%20269.189%20222.691%20277.092%20222.691%20286.801C222.691%20296.509%20230.057%20304.412%20239.177%20304.412H370.855C379.961%20304.425%20387.341%20296.522%20387.341%20286.801Z'%20fill='var(--black)'/%3e%3cpath%20d='M145.05%20336.942L201.481%20394.002C214.212%20406.811%20231.81%20413%20251.24%20413C270.67%20413%20288.268%20406.301%20301.025%20393.452L334.887%20358.95C341.559%20352.224%20341.324%20341.09%20334.376%20334.09C327.429%20327.09%20316.386%20326.854%20309.726%20333.58L274.713%20367.69C268.668%20373.8%20260.294%20376.352%20251.044%20376.352C241.793%20376.352%20233.433%20373.8%20227.362%20367.69L171.126%20310.604C165.068%20304.494%20162.02%20295.557%20162.02%20286.228C162.02%20276.899%20165.068%20268.473%20171.126%20262.363L227.192%20205.055C233.25%20198.945%20241.793%20196.616%20251.031%20196.616C260.268%20196.616%20268.642%20199.167%20274.7%20205.277L309.713%20239.374C316.386%20246.113%20327.429%20245.877%20334.376%20238.877C341.324%20231.864%20341.559%20220.73%20334.887%20214.004L301.025%20179.515C292.533%20171.062%20281.778%20164.913%20269.728%20162.113L269.283%20162.021L301.3%20129.272C307.999%20122.547%20307.763%20111.399%20300.816%20104.399C293.868%2097.3991%20282.812%2097.1767%20276.126%20103.902L145.05%20236.051C132.319%20248.9%20125.659%20266.628%20125.659%20286.228C125.659%20305.828%20132.319%20324.12%20145.05%20336.942Z'%20fill='var(--black)'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_729_24'%3e%3crect%20width='512'%20height='512'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.Behance-img{background-image:url("data:image/svg+xml,%3csvg%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_675_13)'%3e%3cpath%20d='M50%200C22.3858%200%200%2022.3858%200%2050V462C0%20489.614%2022.3858%20512%2050%20512H462C489.614%20512%20512%20489.614%20512%20462V50C512%2022.3858%20489.614%200%20462%200H50ZM482%20432C482%20459.614%20459.614%20482%20432%20482H80C52.3858%20482%2030%20459.614%2030%20432V80C30%2052.3858%2052.3858%2030%2080%2030H432C459.614%2030%20482%2052.3858%20482%2080V432Z'%20fill='var(--black)'/%3e%3cpath%20d='M359.4%20182.3H291.6V202H359.4V182.3Z'%20fill='var(--black)'/%3e%3cpath%20d='M285.8%20322.7C297.7%20332.3%20311.4%20337.1%20327%20337.1C345.9%20337.1%20360.5%20331.4%20371%20320C377.7%20312.8%20381.5%20305.7%20382.3%20298.8H351.1C349.3%20302.3%20347.2%20305%20344.8%20306.9C340.4%20310.5%20334.7%20312.3%20327.8%20312.3C321.2%20312.3%20315.6%20310.8%20310.9%20307.9C303.2%20303.2%20299.2%20294.9%20298.7%20283.2H383.9C384.1%20273.1%20383.7%20265.4%20382.9%20260C381.5%20250.8%20378.4%20242.7%20373.6%20235.8C368.3%20227.9%20361.6%20222.1%20353.4%20218.5C345.3%20214.8%20336.1%20213%20325.8%20213.1C308.7%20213.1%20294.8%20218.5%20284%20229.3C273.3%20240.1%20267.9%20255.6%20267.9%20275.9C267.9%20297.5%20273.9%20313.1%20285.8%20322.7ZM307.7%20244.9C312%20240.5%20318.1%20238.2%20325.9%20238.2C333.1%20238.2%20339.2%20240.3%20344.1%20244.5C348.9%20248.7%20351.6%20254.9%20352.2%20263H299.5C300.7%20255.4%20303.4%20249.4%20307.7%20244.9Z'%20fill='var(--black)'/%3e%3cpath%20d='M221.6%20331.1C228.5%20329.6%20234.5%20327%20239.5%20323.1C244%20319.8%20247.7%20315.6%20250.7%20310.7C255.5%20303.3%20257.8%20294.9%20257.8%20285.5C257.8%20276.4%20255.7%20268.7%20251.6%20262.3C247.5%20255.9%20241.4%20251.3%20233.3%20248.3C238.6%20245.6%20242.7%20242.6%20245.4%20239.3C250.3%20233.4%20252.7%20225.6%20252.7%20216C252.7%20206.6%20250.3%20198.5%20245.5%20191.8C237.4%20180.8%20223.7%20175.2%20204.5%20174.9H128V333.2H199.2C207.3%20333.2%20214.7%20332.5%20221.6%20331.1ZM159.5%20202.4H193.9C201.5%20202.4%20207.7%20203.3%20212.6%20204.9C218.3%20207.3%20221.1%20212.1%20221.1%20219.5C221.1%20226.1%20219%20230.8%20214.7%20233.4C210.4%20236%20204.9%20237.3%20198%20237.3H159.5V202.4ZM159.5%20305.6V263.4H198.5C205.3%20263.5%20210.5%20264.4%20214.3%20266.1C221.1%20269.2%20224.4%20274.9%20224.4%20283.1C224.4%20292.8%20221%20299.3%20214%20302.8C210.2%20304.7%20204.9%20305.6%20198%20305.6H159.5Z'%20fill='var(--black)'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_675_13'%3e%3crect%20width='512'%20height='512'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.Github-img{background-image:url("data:image/svg+xml,%3csvg%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_675_27)'%3e%3cpath%20d='M50%200C22.3858%200%200%2022.3858%200%2050V462C0%20489.614%2022.3858%20512%2050%20512H462C489.614%20512%20512%20489.614%20512%20462V50C512%2022.3858%20489.614%200%20462%200H50ZM482%20432C482%20459.614%20459.614%20482%20432%20482H80C52.3858%20482%2030%20459.614%2030%20432V80C30%2052.3858%2052.3858%2030%2080%2030H432C459.614%2030%20482%2052.3858%20482%2080V432Z'%20fill='var(--black)'/%3e%3cpath%20d='M197%20364.2C216.3%20367.6%20236.2%20367.9%20254.3%20369.4C274.5%20367.9%20293.2%20367.8%20311.4%20364.9C343.2%20359.8%20367.2%20342.9%20379.2%20312.2C383.4%20301.5%20385.7%20289.8%20387.1%20278.4C390.2%20253.2%20385.9%20229.6%20368.7%20209.7C367.9%20208.8%20367.4%20207.4%20367.5%20206.2C368.4%20186.1%20365.7%20166.6%20358.9%20147.6C358%20145.2%20356.9%20144.3%20354.4%20145C348.8%20146.7%20343%20148%20337.5%20150C322.3%20155.5%20308.4%20163.5%20294.9%20172.2C293.5%20173.1%20291.4%20173.7%20289.7%20173.4C267.6%20169.5%20245.4%20169.7%20223.2%20173.1C221%20173.4%20218.2%20172.9%20216.4%20171.8C200.7%20161.6%20184.7%20151.6%20166.4%20146.8C151.3%20142.8%20154.4%20142%20150.1%20155.7C145%20172.1%20143%20189.1%20144.1%20206.3C144.2%20207.5%20143.3%20209%20142.5%20210.1C135.9%20218%20130.8%20226.7%20127.7%20236.5C121.7%20255.5%20122.9%20274.7%20126.7%20293.8C134.2%20331.5%20159.6%20357.7%20197%20364.2ZM164.4%20274.7C172.9%20258.2%20187.6%20252.4%20205%20252.1C214.5%20252%20224.1%20252.8%20233.7%20253.7C253.8%20255.5%20273.7%20253.6%20293.7%20252.5C302.5%20252%20311.5%20251.8%20320.1%20253.3C338.6%20256.5%20352.6%20274.9%20352.9%20295.6C353%20301.7%20352.3%20308%20351.1%20314C347.8%20329.6%20338.7%20340.3%20323.5%20345.8C308.8%20351.2%20293.6%20353.4%20278.1%20354.4C270.6%20354.9%20263.1%20354.5%20255.6%20354.5C235.4%20354.9%20215.2%20354.1%20195.7%20348.3C171.2%20341%20160.2%20326.4%20159.5%20300.8C159.2%20291.7%20160.2%20282.9%20164.4%20274.7Z'%20fill='var(--black)'/%3e%3cpath%20d='M221.7%20321.1C231.5%20310.5%20231.4%20290.6%20221.7%20280.1C215.2%20273.1%20205.8%20272.9%20199.1%20279.9C193.6%20285.6%20191.7%20292.8%20191.4%20299.2C191.4%20308.8%20194.2%20316.5%20199.1%20321.5C205.9%20328.3%20215.2%20328.2%20221.7%20321.1Z'%20fill='var(--black)'/%3e%3cpath%20d='M291.2%20322.2C297.7%20328.1%20306.5%20327.8%20312.6%20321.5C318.2%20315.7%20320.2%20308.4%20320.4%20300.5C320.2%20292.6%20318.2%20285.4%20312.5%20279.6C306.4%20273.3%20297.6%20273.1%20291.1%20279C280%20289.3%20280%20312%20291.2%20322.2Z'%20fill='var(--black)'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_675_27'%3e%3crect%20width='512'%20height='512'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")}.h-sec{display:flex;flex-direction:row}@media screen and (max-width:700px){.p-site{height:100vh;width:100%}}.Col-2{height:100vh;width:100%}.content{height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.circle-background{height:540px;width:540px;display:flex;align-items:center;justify-content:center;border-radius:50em;position:absolute;z-index:0;overflow:hidden;z-index:2}.scale-animation{transform:scale(1)}.mainPage-graphics{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:inherit;padding:1.33em}.mainpage-bottom-graphic{width:100%;display:flex;justify-content:space-between;align-items:center}.hover-rotate{cursor:pointer;transform:rotate(0);transition:all .3s cubic-bezier(.25,.46,.45,.84)}.hover-rotate:hover{transform:rotate(90deg)}.starLeft{padding-right:56.66em;padding-bottom:9em}.starRight{padding-left:56.66em;padding-top:9em}.statement{height:42px;display:flex;justify-content:center;align-items:center;text-align:center}.statement-p{font-family:MarkPro;font-size:.7em;word-wrap:break-word;width:215px}@media screen and (min-width:720px)and (max-width:1000px){.starLeft{padding-right:7.33em;padding-bottom:5em}.starRight{padding-left:7.33em;padding-top:7em}}@media screen and (max-width:720px){.circle-background{height:400px;width:200px}.starLeft{padding-right:12.33em;padding-bottom:7em}.starRight{padding-left:12.33em;padding-top:14em}.mainpage-bottom-graphic{width:100%;display:flex;justify-content:space-between;align-items:center}.statement-p{width:270px}.Col-2{height:100vh}}.ani-text{font-size:9em;line-height:1em;width:100%;text-align:center;color:var(--black);font-family:Integral;overflow:hidden;display:flex;justify-content:center}.xxl-text{font-size:3em}.text-normal{font-size:.4em}.text-mask{overflow:hidden}@media screen and (max-width:1200px)and (min-width:800px){.ani-text{font-size:7em}}@media screen and (max-width:700px){.ani-text{font-size:3em;text-align:left}}.front-display{display:flex;flex-direction:row;justify-content:space-between;gap:.1em;width:100vw;height:100%;padding:0 .3em;z-index:-1}.rect{width:.8px}.content,.container{position:absolute;width:100vw}@media screen and (max-width:800px){.front-display,.content{width:100vw}}.bck{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;overflow:hidden}.bk{position:fixed;width:100vw;height:100vh;top:0%;background:radial-gradient(circle,var(--blue) 20%,var(--blue-500) 100%);z-index:-10}.card-grid{padding:6em;z-index:20;width:75%;display:flex;flex-direction:column;justify-content:center;margin:0 auto;gap:1em}.svgIcon{width:24px;height:24px}@media screen and (max-width:1200px)and (min-width:800px){.card-grid{gap:2em;padding:0 0 2em;margin-top:7em}}@media screen and (max-width:800px)and (min-width:500px){.card-grid{gap:2em;padding:0 0 2em;margin-top:8em}.bck{width:100vw}.svgIcon{width:24px;height:24px}}@media screen and (max-width:500px){.card-grid{padding:1em;z-index:20;width:100%;margin-top:2em;gap:2em}.bck,.bk{width:100%}.svgIcon{width:24px;height:24px}}.card-content{width:100%;display:flex;justify-content:space-between;transform:rotate(30%);position:relative;padding:2em;scale:.5;transform:translateY(10em) translate(10em);transition:all .7s cubic-bezier(.38,.07,.31,.99);border:var(--pf-border);border-radius:3em;background:var(--transparent);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.scale-animation{scale:1.2;transform:perspective(400px) translateY(0) translate(0)}.card-cont{padding:.4em;width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:1em}.card-h{font-family:integral;font-size:2em}.card-b{position:absolute;width:100%}.card-btn{position:relative;padding:.3em 1em;color:var(--black);font-family:MarkPro;cursor:pointer;font-size:.8em;background:#ffffff47;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.18);transition:all .5s ease-in-out;color:var(--blue);background-color:var(--black)}.card-btn-shadow{z-index:-1;top:3%;left:2%;height:4.4%;width:13.1%;border-radius:1em;color:var(--white);font-family:MarkPro;cursor:pointer;font-size:.8em;background-image:radial-gradient(60% 100% at 50% 100%,#38bdf8b3 0,#38bdf800 75%);transition:all .5s ease-in-out}.card-role-info{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:0;font-family:MarkPro}.card-role-info p{font-size:small;font-style:italic;text-decoration:underline}.svg-card{position:relative;width:100%;height:100%}.card-img{width:100%;height:100%}.stack-heading{font-family:Integral}.visit-button{position:absolute;display:flex;justify-content:center;align-items:center;width:75px;height:75px;padding:1em;border:none;color:#2e342e;transition:all .4s ease-in;font-family:argentum;font-size:1em;border-radius:50%;background-color:transparent;transition:all .3s ease-out;cursor:pointer;z-index:10}.work-arrow{transform:rotate(135deg)}.card-overlay{position:absolute;width:100%;height:100%;border-radius:30px 30px 30px 0;background-color:var(--black);z-index:1;opacity:1}.tech-use{position:relative;display:flex;flex-direction:row;align-items:center;align-content:center;justify-content:flex-start;padding:2px;width:100%;z-index:2;border-radius:.5em;width:50%}.item-style{z-index:50;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.1em}.tech-img-mask{overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;width:3.4em;height:3.4em}.tech-img{display:flex;align-items:center;color:#fff;margin-right:8px}.tech-text{text-align:center;color:var(--black);font-family:Integral;letter-spacing:.1em;font-size:.4em;margin-right:.8em}.circle-background-card{position:relative;height:75px;width:75px;display:flex;align-items:center;justify-content:center;border-radius:50em;z-index:0;overflow:hidden;z-index:2}.p-card{font-size:1em;font-family:MarkPro}@media screen and (max-width:1400px)and (min-width:1200px){.p-card{font-size:.8em}}@media screen and (max-width:1200px)and (min-width:900px){.card-h{font-size:4em}.p-card{font-size:.7em}}@media screen and (max-width:900px)and (min-width:700px){.tech-text{font-size:.3em}.card-h{font-size:2em}}@media screen and (max-width:700px){.tech-text{font-size:.3em}.card-h{font-size:1.6em;left:5%}.p-card{font-size:.76em}.card-text{margin:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;width:100%;z-index:3;color:var(--black);border-radius:30px 30px 0 0}.card-btn{font-size:11px}}.contents{position:relative;height:100vh;width:100vw}.Column{height:100vh;width:100%;overflow:hidden}.slider1{position:absolute;top:0%;width:100%;height:50vh;background-color:var(--white);overflow:hidden;z-index:10}.ani-delay{position:absolute;width:100%;height:100vh;background-color:red;z-index:1;opacity:0}.slider2{position:absolute;bottom:0%;width:100%;height:50vh;background-color:var(--white);overflow:hidden;z-index:10}.top-h{font-family:Integral;text-align:center;width:100%;height:100vh;font-size:9em;line-height:1em;color:var(--black);position:absolute;top:80%}.bottom-h{font-family:Integral;text-align:center;width:100%;height:100vh;font-size:9em;line-height:1em;color:var(--black);position:absolute;bottom:-80%}@media screen and (max-width:1300px)and (min-width:800px){.contents{width:100vw}.top-h{font-size:7em;top:83%}.bottom-h{font-size:7em;bottom:-83%}}@media screen and (max-width:800px)and (min-width:500px){.contents{width:100vw}.top-h{font-size:6em;top:85%}.bottom-h{font-size:6em;bottom:-85%}}@media screen and (max-width:500px){.contents{width:100vw}.top-h{font-size:4em;top:90%}.bottom-h{font-size:4em;bottom:-90%}}.about-container{margin-top:10em;padding:2em;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2em;overflow-x:hidden}.about-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2em;z-index:10;overflow-x:hidden}.skills-item{display:flex;justify-content:center;align-items:center;align-content:center;gap:1.4em;font-family:Integral;letter-spacing:.1em;margin:.66em 0;font-size:.8em}.skill-container{padding:1em;width:9em;height:9em;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--black);font-family:MarkPro;cursor:pointer;font-size:1em;scale:0;opacity:0;transition:all .5s ease-out}.thehexCont{position:absolute;z-index:-1}.scale-animation{opacity:1;scale:1}.skill-all{font-family:Integral;margin-top:1em}.skillMask{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1em;font-family:Integral;margin-top:1em}.svgIcon{width:28px;height:28px}.svgHex{width:140px;height:140px}.skill-set{display:flex;flex-direction:column;gap:.5em;justify-content:top;align-items:center}.arrow-button{background-color:transparent;border:var(--pf-border);border-radius:3em;margin:1em;padding:1em;cursor:pointer;transition:all .3s ease-out}.arrow-button:hover{background:#ffffff4d}.prev-button{transform:rotate(180deg)}::-webkit-scrollbar{display:none}.scroll-container-item{width:100%;height:100%;scroll-snap-type:mandatory;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;list-style:none}.scroll-container{width:320%;height:100%;border-radius:7em;padding:1em 8em;overflow-x:scroll;white-space:nowrap;display:flex;gap:80px;transition:all .5s ease-out}@media screen and (max-width:1200px){.skills-item{grid-template-columns:repeat(4,1fr)}.skill-all{flex-direction:column;gap:4em}.skill-container{padding:1em;width:7em;height:7em}.skill-text{font-size:.8em;font-weight:lighter}}@media screen and (max-width:700px){.skill-all{flex-direction:column}.scroll-container{width:500vw;border-radius:0}.skills-item{grid-template-columns:repeat(4,1fr)}.about-container{width:100%}.about-content{width:100%;height:50%;margin-top:6em;display:flex;flex-direction:column;align-items:center;justify-content:center}.svgIcon{width:20px;height:20px}.skill-text{font-size:.6em;font-weight:400}.skill-container{padding:1em;width:5em;height:5em}.svgHex{width:88px;height:88px}}@media screen and (max-width:500px){.scroll-container{width:600%}.about-container{margin-bottom:0}}@media screen and (min-width:700px)and (max-width:1000px){.skill-all{flex-direction:column}.scroll-container{width:450vw;height:50%}.skills-item{grid-template-columns:repeat(4,1fr)}.about-container{width:100%}.about-content{width:100%;height:50%;margin-top:6em;display:flex;flex-direction:column;align-items:center;justify-content:center}.svgIcon{width:26px;height:26px}.skill-text{font-size:.6em;font-weight:lighter}.skill-container{padding:2em;width:5em;height:5em}.svgHex{width:98px;height:98px}}.card-container{height:100%;width:100%;position:relative;display:inline-block;transform:scale(1);opacity:1}.card{width:100%;height:80%;background:#ffffff3d;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-radius:3em 3em 3em 0;border-top:var(--pf-border);border-left:var(--pf-border);border-right:var(--pf-border);transition:all .3s ease-out}.card-bot{width:75%;height:20%;display:flex;justify-content:center;align-items:center;background:#ffffff3d;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-radius:0 0 3em 3em;transition:all .3s ease-in-out;border-left:var(--pf-border);border-right:var(--pf-border);border-bottom:var(--pf-border)}.circle-background-work{position:relative;height:75px;width:75px;display:flex;align-items:center;justify-content:center;border-radius:50em;z-index:0;overflow:hidden;z-index:2}.r-title{z-index:100;font-family:Integral;font-size:1.8em;transition:all .3s ease-in-out}.add{overflow:hidden;position:absolute;bottom:0;right:8px;width:22%;height:18.8%;border-radius:3em;border:var(--pf-border);color:#2e342e;transition:all .4s ease-in;font-family:argentum;cursor:pointer;font-size:1em;background:#ffffff3d;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);transition:all .3s ease-out;display:flex;justify-content:center;align-items:center}.add:hover{transform:scale(.95);cursor:pointer;color:var(--blue)}.card:hover .add{background:#ffffff4d}.card-container:hover .r-title{letter-spacing:2px}.rCard-arrow{transform:rotate(135deg);scale:2}.code-button{font-family:integral;font-size:.7em;display:flex;color:#fff;gap:.4em;justify-content:center;position:absolute;z-index:1000}.card-image{position:absolute;top:5%;right:5%;border-radius:2em;z-index:100;opacity:90%;width:90%;height:70%;overflow:hidden;background-color:#f0f8ff;transition:all .3s ease-out}.imgCard-style{object-fit:cover;height:100%;width:100%;transition:all .3s ease-out}.card-container:hover .card-image .imgCard-style{transform:scale(1.05)}.card-container:hover .card-image{opacity:75%}@media screen and (max-width:500px){.r-title{font-size:1em}.rCard-arrow{scale:1}}@media screen and (max-width:900px){.card-container{width:100%}}.footer-style{width:100%;position:relative;display:flex;justify-content:space-around;align-items:center;flex-direction:column;background:var(--transparent);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:var(--pf-border);border-radius:6em 6em 0 0}.contact-content{top:5em;padding:4em 1em;z-index:2;width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:flex-end;border-bottom:var(--pf-border)}.link-ani{width:100%;word-break:break-all;word-wrap:normal;font-size:28px;color:var(--black);font-family:MarkPro;transition:all .3s ease-in-out;display:flex;justify-items:flex-end;align-items:center;gap:.5em}.link-ani:hover{color:var(--blue);cursor:pointer;text-shadow:-1px -1px 0 var(--black),1px -1px 0 var(--black),-1px 1px 0 var(--black),1px 1px 0 var(--black)}.footer-h{font-size:42px;font-family:Integral;margin-bottom:1em}.content2{display:flex;justify-content:center;align-items:center}.circle-background2{height:200px;width:200px}.novatrix-overlay2{position:absolute;width:100%;height:100%;background-color:var(--blue);mix-blend-mode:hard-light}.shaderContainer{width:50%;position:relative;display:flex;align-items:center;justify-content:center;border-radius:5em;border:var(--pf-border);z-index:0;overflow:hidden}.dmIcon{margin-left:.5em;padding-top:.1em}@media only screen and (min-width:700px)and (max-width:900px){.link-ani{font-size:52px}}@media only screen and (max-width:700px){.link-container{margin-top:2em;width:100%;display:flex;flex-direction:row;justify-items:space-around;align-items:center;flex-wrap:nowrap}.footer-h{font-size:24px;margin-bottom:1em}.link-ani{font-size:17px}.footer-style{height:50vh;width:100%;position:relative;border:none;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.shaderContainer{height:3%}.dmIcon{top:160px;right:50px;padding:.4em}.contact-content{padding-top:6em;flex-direction:column;background:var(--transparent);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-radius:6em 6em 0 0}}@media only screen and (max-width:380px){.footer-h{font-size:24px;margin-bottom:1em}.link-ani{font-size:15px}.footer-style{height:50vh;width:100%;position:relative}.shaderContainer{height:2%}.dmIcon{top:140px;right:20px;padding:.4em}}.contact-container{height:100%;color:#fff;border-radius:.5rem;width:100%;max-width:600px;box-sizing:border-box}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;gap:1rem}input::placeholder{color:var(--black);opacity:.7;font-family:MarkPro}textarea::placeholder{color:var(--black);opacity:.7;font-family:MarkPro}.form-group{display:flex;flex-direction:column;width:100%}.half-width{width:50%}.form-label{font-size:.875rem;font-weight:500;margin-bottom:.25rem}.form-input{width:100%;padding:.5rem;background:transparent;border:var(--pf-border);border-radius:.375rem;color:var(--black);box-shadow:none;font-family:MarkPro}.form-input:focus{border:var(--pf-border);outline:2px solid var(--blue)}.form-textarea{width:100%;padding:.5rem;background:transparent;border:1px solid #4b5563;border-radius:.375rem;color:var(--black);box-shadow:none;font-family:MarkPro}.form-textarea:focus{border:var(--pf-border);outline:2px solid var(--blue)}.error-message{color:#b53636;font-size:.775rem;margin-top:.25rem;font-family:MarkPro}.submit-button{width:100%;font-family:MarkPro;line-height:1.23em;padding:.5rem;background-color:transparent;color:var(--black);font-weight:500;border:none;border-radius:9999px;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#7de1ff}.showcase-container{height:50vh;width:100vw;display:flex;justify-content:center;align-items:center;position:relative}.showcase-carousel{width:100%;height:100%}.showcase-carousel-item{width:300px;height:200px}.s-Card{width:300px;height:200px;border-radius:2em;padding:1em;border:var(--pf-border);gap:20px;justify-content:flex-start;align-items:center;color:var(--black);font-family:argentum;cursor:pointer;font-size:1em;background:#ffffff1a;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);transition:letter-spacing .3s ease-in-out}.s-ul{display:flex;justify-content:center;align-items:center;gap:30px;list-style:none;padding:0;margin:0;width:100%;position:relative}.case-image{width:100%;height:80%;border-radius:1em;background-color:#000;transition:transform .3s ease-out;transform:scale(1)}.underline{margin:15px auto;width:100%;height:1px;transition:all .3s ease-out;background-color:var(--blue)}.show-image{width:100%;height:100%;border-radius:1em;object-fit:cover;transition:all .3s ease-out}.s-Card:hover .show-image{transform:scale(1.05)}.s-Card:hover .underline{height:5px!important;background-color:var(--white)}.s-Card:hover{letter-spacing:2px}@media screen and (max-width:500px){.s-Card{width:93.33%;height:230px}.showcase-container{width:100%;overflow-x:hidden;padding:0}.s-ul{gap:10px}.case-image{height:75%}}.carousel-container{position:relative;width:100%;overflow:hidden}.carousel-wrapper{width:100%;height:80%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.carousel-wrapper::-webkit-scrollbar{display:none}.carousel-item{flex-shrink:0;display:inline-block}.carousel-controls{margin-bottom:1em;display:flex;justify-content:center;gap:20px;pointer-events:none;z-index:10}.carousel-arrow{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all;transition:all .3s ease;color:var(--black);z-index:10}.carousel-arrow:hover{background:#fff3;color:var(--blue);scale:1.1}.carousel-arrow-left{transform:none;transform:rotate(180deg)}.carousel-arrow-right{transform:none}.carousel-pause-btn{position:absolute;top:20px;right:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;cursor:pointer;font-size:14px;color:var(--black);transition:all .3s ease;z-index:10}.carousel-pause-btn:hover{background:#fff3;color:var(--blue)}.default-item{padding:20px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--black);font-family:MarkPro}@media screen and (max-width:768px){.carousel-arrow{width:40px;height:40px}.carousel-controls{gap:15px}.carousel-pause-btn{top:10px;right:10px;padding:6px 10px;font-size:12px}}@media screen and (max-width:480px){.carousel-arrow{width:35px;height:35px}.carousel-controls{gap:10px}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-duration:1ms;transition-property:overflow}.projects-carousel{width:100%;height:100%}.project-carousel-item{width:38%;height:500px}@media screen and (max-width:1250px)and (min-width:701px){.project-carousel-item{width:60%;height:450px}}@media screen and (max-width:720px){.project-carousel-item{width:100%;height:340px}}