@import url(https://rsms.me/inter/inter.css);@import url(https://fonts.googleapis.com/css?family=Sulphur+Point&display=swap);*{box-sizing:border-box}#root,body,html{-webkit-touch-callout:none;height:100%;margin:0;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;width:100%}body{font-family:Inter,sans-serif}#root{background:#fff;overflow:auto}body{-webkit-font-smoothing:antialiased;font-family:-apple-system,Sulphur Point,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden;overscroll-behavior-y:none;position:fixed}a{color:inherit;cursor:pointer;margin-left:20px;pointer-events:all;text-decoration:none}a,a:visited{color:#000}.scroll__down{align-items:center;bottom:9rem;display:flex;flex-direction:row;font-size:1.4rem;font-weight:300;gap:5rem;position:absolute;right:29rem}.scroll__down,.scroll__down:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.scroll__down:after{background:#000;content:"";height:5rem;width:1px}.box{font-size:1em;left:20%;position:absolute;top:20%;will-change:opacity}@media only screen and (max-width:760px){.box{font-size:1em;left:20%;position:absolute;top:20%}}@media only screen and (max-width:580px){.box{font-size:.6em;left:20%;position:absolute;top:20%}}@media only screen and (max-width:380px){.box{font-size:.5em;left:20%;position:absolute;top:10%}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}::selection{background-color:#dfdfdf;color:#000}.page-title{color:#000;display:flex;font-size:8rem;font-weight:100;justify-content:center;letter-spacing:-.4px;line-height:8rem;margin-bottom:8rem;text-transform:uppercase}@media only screen and (max-width:1300px){.page-title{font-size:4rem;justify-content:center;margin-bottom:0;padding-left:0}}@media only screen and (max-width:1600px){.page-title{font-size:5rem;justify-content:center;margin-bottom:0;padding-left:2em}}@media only screen and (max-width:920px){.page-title{font-size:5rem;justify-content:center;margin-bottom:4rem;padding-left:4em}}@media only screen and (max-width:760px){.page-title{font-size:7rem;justify-content:center;margin-bottom:4rem;padding-left:0}}@media only screen and (max-width:580px){.page-title{font-size:4rem;justify-content:center;margin-bottom:5rem;padding-left:0}}@media only screen and (max-width:380px){.page-title{font-size:3rem;justify-content:center;margin-bottom:0;padding-left:0}}.content{align-items:flex-start;display:flex;justify-content:space-between}@media only screen and (max-width:760px){.content{align-items:stretch;flex-direction:column;justify-content:flex-start}}.content__img{height:200px;width:200px}@media only screen and (max-width:1300px){.content__img{height:150px;width:150px}}.content__descriptor{border-top:1px solid #7b7b7b;display:flex;justify-content:center;margin-left:10rem;padding-top:4rem;width:14%}@media only screen and (max-width:760px){.content__descriptor{border-top:none;padding:2rem 0;width:100%}}@media only screen and (max-width:580px){.content__descriptor{margin-left:0}}.content__title{font-size:1.5rem;font-weight:400}.content__text-box{align-items:flex-end;border-bottom:1px solid #7b7b7b;border-top:1px solid #7b7b7b;display:flex;flex-direction:column;gap:2rem;justify-content:flex-start;margin-right:10rem;padding:4rem 0;width:50%}@media only screen and (max-width:1300px){.content__text-box{padding:2rem 0}}@media only screen and (max-width:920px){.content__text-box{margin-right:0}}@media only screen and (max-width:760px){.content__text-box{padding:2rem 0;width:100%}}@media only screen and (max-width:580px){.content__text-box{border-bottom:none}}.content__text{font-size:1.5rem;width:420px}@media only screen and (max-width:1600px){.content__text{font-size:1rem}}@media only screen and (max-width:1300px){.content__text{font-size:1rem}}@media only screen and (max-width:920px){.content__text{font-size:1rem;margin-right:0}}@media only screen and (max-width:580px){.content__text{font-size:1.2rem;text-align:center;width:100%}}.About-container{display:block}.Achievements{align-items:center;display:flex;flex-direction:column;justify-content:center}.Achievements__title{color:#000;font-size:2rem;font-weight:100;letter-spacing:-.4px;line-height:2rem;margin:30px 0;text-align:center;text-transform:uppercase;width:100%}@media only screen and (max-width:1600px){.Achievements__title{font-size:1.5rem;line-height:1.5rem}}@media only screen and (max-width:1300px){.Achievements__title{font-size:1.5rem;line-height:1.5rem}}@media only screen and (max-width:920px){.Achievements__title{font-size:1.5rem;line-height:1.5rem}}@media only screen and (max-width:760px){.Achievements__title{font-size:2rem}}@media only screen and (max-width:580px){.Achievements__title{font-size:1.5rem}}@media only screen and (max-width:380px){.Achievements__title{font-size:1.5rem}}.Achievements__container{display:flex;flex-wrap:wrap;height:80%;justify-content:center;width:100vw}.Achievements__achivement{align-items:center;background-color:rgba(0,0,0,.3);border-radius:10px;color:#fff;display:flex;flex:0 0 42%;flex-direction:column;height:90px;justify-content:center;margin:10px;text-align:center}@media only screen and (max-width:1600px){.Achievements__achivement{font-size:.8rem;height:80px}}@media only screen and (max-width:1300px){.Achievements__achivement{font-size:.5rem;height:50px}}@media only screen and (max-width:920px){.Achievements__achivement{font-size:.8rem;height:80px}}@media only screen and (max-width:760px){.Achievements__achivement{font-size:1rem}}@media only screen and (max-width:580px){.Achievements__achivement{font-size:.8rem;height:120px}}@media only screen and (max-width:380px){.Achievements__achivement{font-size:.8rem;height:120px}}.Achievements__achivement h3{font-size:1.5rem;margin:10px;text-align:center;width:100%}@media only screen and (max-width:1600px){.Achievements__achivement h3{font-size:1rem}}@media only screen and (max-width:1300px){.Achievements__achivement h3{font-size:.8rem}}@media only screen and (max-width:920px){.Achievements__achivement h3{font-size:1rem}}@media only screen and (max-width:760px){.Achievements__achivement h3{font-size:1.5rem}}@media only screen and (max-width:580px){.Achievements__achivement h3{font-size:1rem}}@media only screen and (max-width:380px){.Achievements__achivement h3{font-size:1rem}}.footer{bottom:50px;color:#fff;display:block;position:absolute;width:100%}@media only screen and (max-width:920px){.footer{bottom:50px;color:#fff;display:block;position:absolute;width:100%}}@media only screen and (max-width:760px){.footer{bottom:200px;color:#fff;display:block;position:absolute;width:100%}}@media only screen and (max-width:580px){.footer{bottom:350px;color:#fff;display:block;position:absolute;width:100%}}@media only screen and (max-width:380px){.footer{bottom:350px;color:#fff;display:block;position:absolute;width:100%}}.footer .main{align-items:center;box-sizing:border-box;color:#fff;display:flex;font-size:25px;font-weight:300;gap:50px;justify-content:space-between;list-style-type:none;margin:auto 30px 80px;padding:0;text-decoration:none;transition:.5s ease;width:100%}.footer .col1,.footer .col2{flex:2 1}.footer .col3{flex:3 1}.footer .col3 img{height:70px;width:70px}.footer .heading{font-size:16px;font-weight:600}@media only screen and (max-width:1300px){.footer .heading{font-size:10px}}@media only screen and (max-width:1600px){.footer .heading{font-size:12px}}@media only screen and (max-width:920px){.footer .heading{font-size:14px}}@media only screen and (max-width:760px){.footer .heading{font-size:12px}}@media only screen and (max-width:580px){.footer .heading{font-size:12px}}@media only screen and (max-width:380px){.footer .heading{font-size:12px}}.footer li{font-size:20px;font-weight:600}@media only screen and (max-width:1300px){.footer li{font-size:10px}}@media only screen and (max-width:1600px){.footer li{font-size:12px}}@media only screen and (max-width:920px){.footer li{font-size:14px}}@media only screen and (max-width:760px){.footer li{font-size:12px}}@media only screen and (max-width:580px){.footer li{font-size:12px}}@media only screen and (max-width:380px){.footer li{font-size:12px}}.footer .main a{color:#fff;display:inline-block;font-size:35px;font-weight:400;margin:7px;text-decoration:none;transition:.5s ease}@media only screen and (max-width:1300px){.footer .main a{font-size:13px}}@media only screen and (max-width:1600px){.footer .main a{font-size:15px}}@media only screen and (max-width:920px){.footer .main a{font-size:24px}}@media only screen and (max-width:760px){.footer .main a{font-size:20px}}@media only screen and (max-width:580px){.footer .main a{font-size:18px}}@media only screen and (max-width:380px){.footer .main a{font-size:17px}}.footer .main a:hover{color:#284dd9}.footer .partner-logo{color:tomato;font-size:50px;margin-top:10px}.footer .bottom{align-items:center;display:flex;justify-content:space-between}.footer .main ul{list-style:none;padding-left:0}.info{color:#f0f8ff;max-width:300px}.Project-Title{align-items:center;display:flex;flex-direction:column;height:100vh;margin-top:15em;width:100%}@media only screen and (max-width:1300px){.Project-Title{margin-top:3em}}@media only screen and (max-width:920px){.Project-Title{margin-top:10em}}@media only screen and (max-width:760px){.Project-Title{margin-top:10em}}@media only screen and (max-width:580px){.Project-Title{margin-top:20em}}@media only screen and (max-width:380px){.Project-Title{margin-top:5em}}#title{-webkit-text-fill-color:transparent;background:linear-gradient(30deg,#c850c0,#ffcc70);-webkit-background-clip:text;display:flex;font-size:6rem;font-weight:100;justify-content:center;letter-spacing:-.4px;line-height:8rem;margin:20px;text-transform:uppercase;width:100%}@media only screen and (max-width:920px){#title{font-size:6rem;line-height:8rem}}@media only screen and (max-width:760px){#title{font-size:5rem;line-height:7rem}}@media only screen and (max-width:580px){#title{font-size:4rem;line-height:5rem}}@media only screen and (max-width:380px){#title{font-size:3rem;line-height:4rem}}#upper-line{background:linear-gradient(30deg,#c850c0,#ffcc70);height:1px;margin-left:-15vw;width:100%;width:30%}#bottom-line{background:linear-gradient(-30deg,#c850c0,#ffcc70);height:2px;margin-left:25vw;width:100%;width:40%}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.Skills-Container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;margin-top:10vh;width:100%}.page-title-skill{color:#000;display:flex;font-size:6rem;font-weight:100;justify-content:center;letter-spacing:-.4px;text-transform:uppercase}@media only screen and (max-width:1300px){.page-title-skill{font-size:4rem}}@media only screen and (max-width:1600px){.page-title-skill{font-size:5rem}}@media only screen and (max-width:920px){.page-title-skill{font-size:4rem}}@media only screen and (max-width:760px){.page-title-skill{font-size:3rem}}@media only screen and (max-width:580px){.page-title-skill{font-size:4rem;justify-content:center;padding-left:0}}@media only screen and (max-width:370px){.page-title-skill{font-size:4rem;justify-content:center;padding-left:0}}.Skills{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:hsla(0,0%,59%,.123);border-radius:1em;display:flex;flex-wrap:wrap;justify-content:center;width:60vw}@media only screen and (max-width:920px){.Skills{width:80vw}}@media only screen and (max-width:760px){.Skills{width:80vw}}@media only screen and (max-width:580px){.Skills{border-radius:0;width:100%}}@media only screen and (max-width:370px){.Skills{border-radius:0;width:100%}}.Skill{display:flex;flex-basis:calc(33% - 10px);flex-grow:1;flex-shrink:0;height:20vh;justify-content:center;margin:10px 0}.img{width:60%}@media only screen and (max-width:920px){.img{width:50%}}@media only screen and (max-width:760px){.img{width:50%}}@media only screen and (max-width:580px){.img{width:50%}}@media only screen and (max-width:370px){.img{width:70%}}.skill-bar{margin:auto;width:40%}@media only screen and (max-width:920px){.skill-bar{width:50%}}@media only screen and (max-width:760px){.skill-bar{width:60%}}@media only screen and (max-width:580px){.skill-bar{width:60%}}@media only screen and (max-width:370px){.skill-bar{width:80%}}#upper-line-skill{background:#000;height:1px;margin-left:-15vw;width:100%;width:30%}#buttom-line-skill{background:#000;height:1px;margin-bottom:2rem;margin-left:25vw;width:100%;width:40%}.Technologies{align-items:center;display:flex;flex-direction:column;width:100vw}.Technologies__title{-webkit-text-fill-color:transparent;background:linear-gradient(30deg,#c850c0,#ffcc70);-webkit-background-clip:text;display:flex;font-size:3rem;font-weight:100;letter-spacing:-.4px;margin:30px 2rem;padding-left:1em;text-align:center;text-transform:uppercase}@media only screen and (max-width:920px){.Technologies__title{font-size:2rem;justify-content:center;margin-bottom:2rem;padding-left:0}}@media only screen and (max-width:760px){.Technologies__title{font-size:3rem;justify-content:center;margin-bottom:3rem;padding-left:0}}@media only screen and (max-width:580px){.Technologies__title{font-size:2rem;justify-content:center;margin-bottom:2rem;margin-top:2em;padding-left:0}}@media only screen and (max-width:380px){.Technologies__title{font-size:2rem;justify-content:center;margin-bottom:2rem;margin-top:2em;padding-left:0}}.navcontainer{color:#f5f5f5;position:fixed;top:50px;width:100vw;z-index:10}.nav,.navcontainer{align-items:center;border-radius:80px;display:flex;justify-content:center}.nav{--ff-size:clamp(1.1rem,3vw,2.25rem);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.3);font-family:Work Sans,sans-serif;font-size:var(--ff-size);isolation:isolate;letter-spacing:-.5px;padding:10px;position:relative;z-index:1}.nav:is(:hover,:focus-within) .nav__slider{opacity:1;transition:opacity .1s ease .05s}.nav__slider{background-color:hsla(0,0%,100%,.9);border-radius:.25rem;box-shadow:inset -1px -1px 1px 0 rgba(45,45,45,.25),0 0 calc(var(--ff-size)*1) hsla(0,0%,100%,.075);left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;z-index:-1}.nav__item{color:#fffcfc;cursor:pointer;padding:.25rem calc(var(--ff-size)/2.5);transition:color .2s ease}.nav__item:is(:hover,:focus-visible){color:rgba(45,45,45,.9)}
/*# sourceMappingURL=main.f460ecdd.css.map*/