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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bodycolor:#333;--bgcolor:#141414}a{color:#fff;text-decoration:none}.App{margin-top:10rem}body{background-color:#333;background-color:var(--bodycolor);color:#fff;overflow-x:hidden}p{line-height:5rem}*{box-sizing:border-box}html{font-size:45.5%}@media (min-width:1380px){body,html{font-size:65%}}@media(max-width:1200px){html{font-size:55%}}@media(max-width:768px){html{font-size:45%}}@media(max-width:650px){html{font-size:25%}}@media(max-width:350px){html{font-size:15%}}.max-container{margin:0 auto;max-width:1440px}header{display:flex;height:8rem;justify-content:center;position:fixed;top:0;transition:all .2s ease;width:100%;z-index:100}header>div{align-items:center;background-color:#141414;background-color:var(--bgcolor);border-bottom-left-radius:3.7rem;border-bottom-right-radius:3.7rem;column-gap:8rem;display:flex;font-size:2.7rem;list-style-type:none;padding:0 8rem;position:relative}header>div:after,header>div:before{content:"";height:100%;position:absolute;width:10rem}header>div:before{border-top-right-radius:3.7rem;box-shadow:1rem -3rem 0 #141414;box-shadow:1rem -3rem 0 var(--bgcolor);left:-10rem}header>div:after{border-top-left-radius:3.7rem;box-shadow:-1rem -3rem #141414;box-shadow:-1rem -3rem var(--bgcolor);right:-10rem}.header-navs a{cursor:pointer}img{height:100%;object-fit:cover;width:100%}section{margin:10rem 5rem}.portfolio-top{background-color:#141414;background-color:var(--bgcolor);border-radius:3.7rem;border-bottom-left-radius:0;display:grid;grid-template-columns:1.2fr 1fr;margin:0 5rem;max-height:140rem;min-height:50vw;overflow:hidden;padding:5vw}@media(max-width:1300px){.portfolio-top{grid-template-columns:none;grid-template-rows:1fr 2fr;row-gap:12rem}}.my-pic{background-color:#f08080;border:none;border-radius:3.5rem;position:relative}.my-info{padding-right:5rem;width:100%}.icons{column-gap:2rem;display:flex;font-size:3.4rem;margin:5rem 0}.my-info>h2{font-size:7rem}.buttons{position:relative}.buttons>div{animation:rotate 15s linear infinite;height:23rem;position:absolute;right:10rem;top:-9rem;width:23rem;z-index:25}@keyframes rotate{to{transform:rotate(0deg)}0%{transform:rotate(1turn)}}.info{font-size:2.9rem;line-height:7rem}h1{font-size:6rem}.effect-1{background-color:#141414;background-color:var(--bgcolor);border-top-right-radius:3.5rem;bottom:-2px;box-shadow:-1.5rem 1.2rem 0 1.4rem #141414;box-shadow:-1.5rem 1.2rem 0 1.4rem var(--bgcolor);-webkit-box-shadow:-1.5rem 1.2rem 0 1.4rem #141414;-webkit-box-shadow:-1.5rem 1.2rem 0 1.4rem var(--bgcolor);-moz-box-shadow:-1.5rem 1.2rem 0 1.4rem #141414;-moz-box-shadow:-1.5rem 1.2rem 0 1.4rem var(--bgcolor);height:30rem;left:-2px;position:absolute;width:10rem;z-index:20}.effect-1:after{bottom:0;box-shadow:-6rem 0 0 #141414;box-shadow:-6rem 0 0 var(--bgcolor);right:-10rem}.effect-1:after,.effect-1:before{background-color:initial;border-bottom-left-radius:3.5rem;content:"";height:10rem;position:absolute;width:10rem;z-index:14}.effect-1:before{bottom:30rem;box-shadow:-4rem 2px 0 #141414}.about-me-effect{align-items:center;background-color:#141414;background-color:var(--bgcolor);box-shadow:7px 0 0 7px #141414;box-shadow:7px 0 0 7px var(--bgcolor);-webkit-box-shadow:7px 0 0 7px #141414;-webkit-box-shadow:7px 0 0 7px var(--bgcolor);-moz-box-shadow:7px 0 0 7px #141414;-moz-box-shadow:7px 0 0 7px var(--bgcolor);display:flex;height:8rem;margin:0 5rem;max-width:70rem;padding-left:10rem;position:relative;z-index:3}.about-me-effect:after{background-color:#333;background-color:var(--bodycolor);border-bottom-left-radius:50%;border-top-left-radius:50%;content:"";height:100%;position:absolute;right:-5rem;width:6rem}.about-me{background-color:#141414;background-color:var(--bgcolor);border-bottom-left-radius:3.7rem;border-bottom-right-radius:3.7rem;border-top-right-radius:3.7rem;margin:0 5rem;padding:10rem}.about-me>.titles{position:absolute;top:-12rem;z-index:25}.custom-cursor{align-items:center;background-color:initial;border:2px solid #bebaba;border-radius:50%;display:grid;height:30px;justify-content:center;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:all .09s ease;width:30px;z-index:999}.custom-cursor:nth-child(2){background-color:#bebaba;border-radius:50%;height:10px;transition:all .1s ease;width:10px;z-index:999}.project-screen{column-gap:5rem;display:flex;height:100vh;overflow-x:scroll;overflow-y:hidden;padding:0 5rem}.project,.project-screen{background-color:#141414;background-color:var(--bgcolor);border-radius:3.7rem;border-top-left-radius:0}.project{grid-column-gap:15vw;column-gap:15vw;display:grid;flex-shrink:0;grid-template-columns:1.8fr 1fr;margin-bottom:10rem;padding:5rem 10rem 5rem 5rem;width:150vw}@media(min-width:1200px){.project{width:100vw}}.project-screen::-webkit-scrollbar{display:none}.gallery-section>h1,.my-projects>h1{background-color:#141414;background-color:var(--bgcolor);border-top-left-radius:3.7rem;border-top-right-radius:3.7rem;box-shadow:0 .3rem 0 #141414;box-shadow:0 .3rem 0 var(--bgcolor);margin:0;padding:0 5rem;position:relative;width:35rem}.gallery-section>h1:after,.my-projects>h1:after{background-color:initial;border-bottom-left-radius:3.4rem;bottom:-.5rem;box-shadow:-3rem .2rem 0 #141414;box-shadow:-3rem .2rem 0 var(--bgcolor);content:"";height:60%;position:absolute;right:-5rem;width:5rem}.project img{object-fit:fill}.project-left>div{background-color:green;border:16px solid #333;border:16px solid var(--bodycolor);border-radius:20px;height:50vw;max-height:60rem;max-width:100rem;width:80vw}@media(max-width:768px){.project{grid-template-columns:none;width:100vw}.project-left>div{width:80vw}}@media(max-width:348px){.project-screen{height:50vh}}.project-left,.project-right{display:flex;flex-direction:column;justify-content:center}.round-button{background-color:#fff;border:none;border-radius:2.4rem;font-size:2.3rem;height:6.4rem;overflow:hidden;position:relative;width:20rem}.eff{background-color:#f08080;height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:0}.round-button:hover>.eff{background-color:#f08080;cursor:none;width:100%}.round-button button{background-color:initial;border:none;left:0;position:absolute;right:0;top:30%;transition:all .3s ease;z-index:2}.round-button:hover button{color:#fff}.menu-button{background-color:#f08080;border:none;border-radius:50%;height:9rem;position:fixed;right:5rem;top:5rem;transition:opacity .25s ease;width:9rem;z-index:35}@keyframes buttonanim1{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes buttonanim{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.menu-circle{background-color:#add8e6;border:none;border-radius:50%;display:flex;flex-direction:column;height:110rem;justify-content:end;padding:15rem;position:fixed;right:-55rem;top:-55rem;transform:scale(0);transition:transform .3s ease;width:110rem;z-index:30}.menu-circle>ul{font-size:5rem;list-style-type:none;z-index:200}.menu-circle>ul>li:hover{animation:buttonanim .5s forwards}@keyframes shrink{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes expand{0%{transform:scale(0)}40%{transform:scale(1)}60%{transform:scale(.9)}to{transform:scale(1)}}.container,.tech-stack{align-items:center;background-color:#141414;background-color:var(--bgcolor);border-radius:3.7rem;display:flex;flex-direction:column;overflow:hidden;padding:0 5rem 5rem}.box,.tech-stack-icons{display:flex;justify-content:space-evenly;transition:all .25s ease;width:100%}.box>div,.tech-stack-icons>div{max-height:7vw;max-width:7vw}.tech-stack>h1{background-color:#333;background-color:var(--bodycolor);border-bottom-left-radius:3.7rem;border-bottom-right-radius:3.7rem;box-shadow:0 -6px 0 #333;box-shadow:0 -6px 0 var(--bodycolor);margin:0 0 5rem;padding:0 5rem 2.5rem;position:relative}.tech-stack>h1:after,.tech-stack>h1:before{content:"";height:100%;position:absolute;width:10rem}.tech-stack>h1:before{border-top-right-radius:3.7rem;box-shadow:1rem -3rem 0 #333;box-shadow:1rem -3rem 0 var(--bodycolor);left:-10rem}.tech-stack>h1:after{border-top-left-radius:3.7rem;box-shadow:-1rem -3rem #333;box-shadow:-1rem -3rem var(--bodycolor);right:-10rem}.level p{margin:0}.level{align-items:center;background-color:#f08080;border-radius:2vw;display:flex;flex-direction:column;font-size:200%;height:9vw;justify-content:center;left:0;transform:scale(0);transition:all .25s ease;width:12vw}.tech-stack-icons:hover>.level{opacity:1;transform:translateX(0);transform:scale(1)}.tech-stack-icons:hover{transform:translateX(0)}.skill-section{column-gap:1rem;display:flex;flex-wrap:wrap;grid-template-columns:1fr 1fr 1fr;justify-content:space-evenly;row-gap:12rem}.cards{opacity:0}.card,.cards{position:relative}.card{align-items:center;background-color:#141414;background-color:var(--bgcolor);border-radius:3rem;column-gap:2rem;display:flex;flex-direction:column;font-size:2rem;height:100%;justify-content:center;overflow:hidden;padding:3rem;transition:transform .25s ease;width:50rem}.card:hover .card-effect{transform:translate(100px,700px)}.card-effect{background-color:#fff;-webkit-clip-path:polygon(100% 0,100% 21%,0 83%,0 61%);clip-path:polygon(100% 0,100% 21%,0 83%,0 61%);height:40rem;left:-10rem;opacity:.2;position:absolute;top:-30rem;transition:transform .3s ease;width:150%}.card:hover{transform:translateY(-20px)}.card>span{font-size:6vw}.tools-used{align-items:center;background-color:#141414;background-color:var(--bgcolor);border-radius:3.5rem;display:flex;height:11rem;justify-content:space-evenly;position:absolute;transform:translateY(-130px);transition:all .25s ease;width:50rem;z-index:-1}.card:hover+.tools-used{transform:translateY(-1rem)}.tools-used>div{height:6rem;width:6rem}@keyframes drop{0%{transform:translateY(-13rem)}40%{transform:translateY(0)}60%{transform:translateY(-1.5rem)}to{transform:translateY(0)}}.Gallery{grid-column-gap:1vw;background-color:#141414;border-radius:3.7rem;border-top-left-radius:0;column-gap:1vw;display:grid;grid-template-columns:1.3fr 2fr;padding:5rem}.Gallery-button{color:#fff;font-size:5rem;transition:transform .25s ease}.Gallery-button:hover{transform:rotate(90deg)}.Gallery-button:nth-child(3):hover{transform:rotate(-90deg)}.Gallery img{border-radius:3.7rem}.gallery-left,.gallery-right{overflow:hidden}.Gallery>div>div{transition:all .25s ease}.Gallery>div>div:hover{transform:scale(1.1)}.gallery-left>div{height:100%;width:100%}.gallery-right{column-gap:2rem;display:flex;flex-wrap:wrap;justify-content:space-evenly;row-gap:2vw}.gallery-right>div{height:20vw;width:24vw}.gallery-section{position:relative}.gallery-section>button{background-color:#f08080;border:none;border-radius:50%;height:10rem;position:absolute;top:50%;width:10rem;z-index:10}@media(min-width:1300px){.Gallery{height:100vh}}@media (max-width:1300px){.Gallery{grid-template-columns:none;grid-template-rows:54rem 1fr;row-gap:4rem}.gallery-right>div{min-height:30rem;min-width:30rem}}.active{animation:pop .25s forwards}@keyframes pop{0%{transform:scale(.6)}50%{transform:scale(1.1)}to{transform:scale(1)}}.footer{align-items:center;background-color:#141414;display:flex;flex-direction:column;font-size:5rem;justify-content:center;margin:0;width:100%}
/*# sourceMappingURL=main.7b3be9a1.css.map*/