@font-face{font-family:DiscoMo;src:url(/assets/fonts/DiscoMo.ttf)}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-Black.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-ExtraLightItalic.ttf) format("truetype");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-ExtraBold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-ExtraBoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-LightItalic.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-SemiBoldItalic.ttf) format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-Thin.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-ThinItalic.ttf) format("truetype");font-weight:100;font-style:italic;font-display:swap}body,html{margin:0;padding:0;background-color:#141d2f;z-index:-10;position:absolute;scroll-behavior:smooth;width:100%;overflow-x:clip}.scroll-distance{height:110px}.portfolio-right{font-family:Poppins;display:flex;align-items:center;justify-content:end;flex-direction:row;padding-right:200px;padding-left:200px;gap:180px}.portfolio-right a{text-decoration:none;color:#fff}.portfolio-left{font-family:Poppins;display:flex;align-items:center;justify-content:start;flex-direction:row-reverse;padding-right:200px;padding-left:200px;gap:180px}.portfolio-left a{text-decoration:none;color:#fff}.portfolio-project-info{flex-direction:column;display:flex;gap:35px;max-width:513px}.portfolio-project-name{font-weight:700;font-size:32px;color:#9742ff}.portfolio-project-languages{font-weight:400;font-size:23px;color:#70e61c}.project-description{font-weight:400;font-size:16px;color:#fff}.project-buttons{display:flex;gap:86px}.portfolio-live-test{font-family:Poppins;font-size:23px;font-weight:400;color:#fff;width:152px;height:58px;padding:15px,30px,15px,30px;border-radius:10px;gap:10px;background-color:#9742ff}.portfolio-live-test:hover{cursor:pointer;background-color:#70e61c}.portfolio-github{font-family:Poppins;font-size:23px;font-weight:400;color:#fff;width:137px;height:58px;padding:15px,30px,15px,30px;border-radius:10px;border:1px solid #70e61c;gap:10px;background-color:transparent}.portfolio-github:hover{cursor:pointer;background-color:#70e61c}@media (max-width: 1911px){.portfolio-right,.portfolio-left{padding-right:100px;padding-left:100px}}@media (max-width: 1340px){.portfolio-right,.portfolio-left{flex-direction:column;gap:0;padding-top:250px}}@media (max-width: 1250px){.portfolio-left,.portfolio-right{align-items:center;text-align:center}.project-buttons{justify-content:center;align-items:center}}@media (max-width: 640px){.portfolio-img img{width:80vw}}@media (max-width: 426px){.project-buttons button{font-size:12px;font-weight:700;width:93px;height:43px}}@media (min-width: 2300px){.portfolio-right,.portfolio-left{padding-left:300px;padding-right:300px}}@media (min-width: 2500px){.portfolio-right,.portfolio-left{padding-left:400px;padding-right:400px}}@media (min-width: 2700px){.portfolio-right,.portfolio-left{padding-left:500px;padding-right:500px}}@media (min-width: 2900px){.portfolio-right,.portfolio-left{padding-left:600px;padding-right:600px}}@media (min-width: 3100px){.portfolio-right,.portfolio-left{padding-left:700px;padding-right:700px}}@media (min-width: 3300px){.portfolio-right,.portfolio-left{padding-left:800px;padding-right:800px}}*{scrollbar-width:auto;scrollbar-color:#7346ff #c2ccff}*::-webkit-scrollbar{width:20px}*::-webkit-scrollbar-track{background:#2f3a4d;border-radius:5px}*::-webkit-scrollbar-thumb{background-color:#7346ff;border-radius:5px;border:1px solid #ffffff}