@import url(https://rsms.me/inter/inter.css);@import url(https://fonts.googleapis.com/css2?family=Anton&display=swap);@import url(https://fonts.googleapis.com/css2?family=Anton&family=Teko:wght@300..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Anton+SC&display=swap);@import url(https://fonts.googleapis.com/css2?family=Anton+SC&family=Yanone+Kaffeesatz:wght@200..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oswald&display=swap);@import url(https://fonts.googleapis.com/css2?family=Signika+Negative:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Teko:wght@400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@700&display=swap);body{-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}*{-ms-overflow-style:nonej;overflow-x:hidden;scrollbar-width:nonei}body{-webkit-font-smoothing:antialiased;color:#ddd;font-family:Inter var,sans-serif;overscroll-behavior-y:none;text-rendering:optimizeLegibility}.gradient{background-attachment:fixed;background-image:radial-gradient(at 27% 37%,#3a8bfd 0,#0000 0),radial-gradient(at 97% 21%,#72fe7d26 0,#0000 50%),radial-gradient(at 52% 99%,#fd3a4e26 0,#0000 50%),radial-gradient(at 10% 29%,#855afc26 0,#0000 50%),radial-gradient(at 97% 96%,#e4c79526 0,#0000 50%),radial-gradient(at 33% 50%,#8ca8e826 0,#0000 50%),radial-gradient(at 79% 53%,#eea5ba26 0,#0000 50%)}.projects-list-gradient{background:radial-gradient(592px at 48.2% 50%,#0e0e0e99 0,#303030 74.6%);background:radial-gradient(328px at 2.9% 15%,#222 0,#202020 25.8%,#2b2b2b 50.8%,#2b2b2b 77.6%,#202020 100.7%);background:linear-gradient(0deg,#181818 0,#1d1d1d)}.Navbar{align-items:center;animation:morph 8s ease-in-out infinite;backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(4.5px);background:#fff0;border:1px solid #c2e1f3;border-radius:30px;box-shadow:0 0 10px 0 rgba(90,126,150,.205);display:none;left:75vw;padding:10px;position:fixed;top:20px;width:auto;z-index:10}.Home{background:url(/static/media/grid.45da2717d730db5b990b.svg);background-color:#000;width:100vw}.top{align-items:top;border-bottom:2px solid #fff;display:flex;height:92vh;justify-content:center;padding-top:80px;transition:.5s}.top:before{z-index:-1}.top:after,.top:before{background-attachment:fixed;content:"";height:100%;position:absolute;top:0;width:100%}.top:after{background-image:url(/static/media/grid.45da2717d730db5b990b.svg);filter:invert(1);opacity:1;z-index:-2}.top-content{display:grid;grid-template-columns:auto auto;margin-left:50px;margin-right:50px;width:70vw}.introduction-section{display:flex;flex-direction:column;margin-top:30px}.intro-title-container{align-items:center;display:flex;height:280px;overflow:hidden;transition:.5s;width:auto}.intro-title{color:silver;font-family:Poppins;font-size:50px;margin-right:40px;transition:.5s}.what-i-do{color:#6e6e6e;font-size:20px;text-decoration:underline;transition:.3s}.what-i-do:after{animation:work 10s infinite;content:""}@keyframes work{0%{color:#6972c5;content:"Unreal Developer"}50%{color:#cca63d;content:"C++ Developer"}to{color:#1284c5;content:"Game Developer"}}@keyframes wave-animation{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.hi-img{align-self:center;animation:wave-animation 2.5s infinite;transform-origin:70% 70%;-webkit-user-select:none;user-select:none}.subtitle-container{max-width:600px;width:auto}.intro-subtitle{color:#c2c2c2;font-size:20px;font-weight:500;margin-bottom:3px;transition:.5s}.intro-image-container{display:flex;justify-content:center;-webkit-user-select:none;user-select:none;width:auto}.intro-image{align-items:center;animation:morph 8s ease-in-out infinite;display:flex;height:350px;justify-content:center;margin-top:80px;transition:1s}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@media screen and (max-width:1200px){.top{flex-direction:column;justify-content:start}.top-content{width:auto}.introduction-section{margin-left:0;margin-right:50px}.intro-title-container{height:150px}.intro-title{font-size:25px}.intro-image-container{width:auto}.intro-image{height:160px}.subtitle-container{width:auto}}@media screen and (max-width:1390px){.top-content{grid-template-columns:auto auto}.intro-image{height:250px;margin:100px auto 0}}@media screen and (max-width:780px){.top{height:60vh}.intro-image-container{display:none}.intro-subtitle{font-size:17px}.Navbar{display:flex}}@media screen and (max-width:430px){.top-content{margin-left:20px;margin-right:20px}.intro-title{font-size:20px}.intro-subtitle{font-size:medium}.introduction-section{margin-left:20px;margin-right:20px}}@media screen and (max-width:345px){.intro-title{font-size:18px}.intro-subtitle{font-size:14px}.introduction-section{margin-left:10px;margin-right:10px}}.projects{background-color:#424242;height:auto;margin:0;-webkit-user-select:none;user-select:none;width:100vw}.projects-tabs-container{color:#000;display:flex;justify-content:center;margin-left:-40px;margin-top:20px}.projects-tab{border:2px solid #dad9d9;border-radius:5px;cursor:pointer;display:flex;margin:5px;padding:5px 15px}.projects-tab-selected{background-color:#ccecda;border:2px solid #000;border-radius:5px;display:flex;margin:5px;padding:5px 30px;transition:.2s linear}.projects-title-container{align-items:center;display:flex;flex-direction:column;margin-top:80px}.projects-type-title{color:#009b40}.projects-heading{color:#f0f0f0;display:flex;font-family:Mulish;font-size:28px;letter-spacing:6px}@keyframes shine{0%{background-position:-200% 0}to{background-position:200% 0}}.projects-container{grid-column-gap:50px;grid-row-gap:50px;align-items:center;column-gap:50px;display:grid;grid-template-columns:auto auto auto;height:auto;justify-content:center;min-height:500px;padding-bottom:70px;padding-top:40px;row-gap:50px}@media screen and (max-width:1350px){.projects-container{grid-template-columns:auto auto}}@media screen and (max-width:900px){.projects-container{grid-template-columns:auto;row-gap:20px}}.ProjectCard{-webkit-tap-highlight-color:transparent;border-radius:10px;box-shadow:1px 1px 20px 1px #8888886c;cursor:pointer;display:flex;flex-direction:column;transition:.3s;width:400px}.ProjectCard:hover{box-shadow:1px 20px 40px 10px #8888886c;transform:rotate(-1deg)}.Card-Thumbnail{display:flex;height:auto;width:100%}.card-title{background-color:#3a3939;border-radius:8px;color:#ccc;font-size:20px;font-weight:500;margin:10px 0 5px 15px;max-width:85%;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card-description{background-color:#5a5a5a;border-radius:8px;color:#293649;color:#cacaca;margin:0 0 10px 15px;overflow:hidden;padding:5px;text-overflow:ellipsis;white-space:nowrap;width:90%}.tags-container{margin:0 0 15px 15px}.card-tags{background-color:#87d184;border-radius:8px;color:#fff;margin:0 0 0 5px;padding:2px 10px;transition:.5s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card-tags:hover{background-color:#60c560}@media screen and (max-width:900px){.ProjectCard{min-height:250px;width:85vw}.card-description{width:85%}}#mouse-scroll{style:block;left:50%;margin:auto;position:absolute;top:80%;-webkit-transform:translateX(-50%);transition:.5s;z-index:1}#mouse-scroll span{border-bottom:2px solid #0281f8;border-right:2px solid #009cf7;display:block;height:10px;margin:0 0 3px 5px;transform:rotate(45deg);width:10px}#mouse-scroll .mouse{border:2px solid #9e9e9e;border-radius:10px;height:27px;top:170px;transform:none;width:20px}#mouse-scroll .down-arrow-1{margin-top:6px}#mouse-scroll .down-arrow-1,#mouse-scroll .down-arrow-2,#mouse-scroll .down-arrow-3{-webkit-animation:mouse-scroll 1s infinite;-moz-animation:mouse-scroll 1s infinite}#mouse-croll .down-arrow-1{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-direction:alternate}#mouse-scroll .down-arrow-2{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-direction:alternate}#mouse-scroll .down-arrow-3{-moz-animation-dekay:.3s;-webkit-animation-delay:.3s;-webkit-animation-direction:alternate}#mouse-scroll .mouse-in{moz-animation:mouse-animated 1.2s ease infinite;-webkit-animation:animated-mouse 1.2s ease infinite;background:#666;display:block;height:5px;margin:5px auto;position:relative;width:2px}@keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@media screen and (max-width:780px){#mouse-scroll{top:450px}}.footer-overlay{background:url(/static/media/grid.45da2717d730db5b990b.svg);background-color:#000;content:"";opacity:1;z-index:-2}.Footer{border-top:2px solid #cacaca;flex-direction:column;height:300px}.Footer,.social-medias-container{align-items:center;display:flex;justify-content:center;width:100vw}.social-medias-container{margin-bottom:130px}.social-media-icon{background:linear-gradient(112.1deg,#202639 11.4%,#3f4c77 70.2%);border:2px solid #fff;border-radius:10px;cursor:pointer;height:50px;margin:10px;transition:.2s ease-in-out;width:50px}.copyright-text,.social-media-icon{align-items:center;color:#fff;display:flex;justify-content:center}.copyright-text{font-size:16px;font-weight:300;text-align:center;width:100vw}@media screen and (max-width:800px){.copyright-text{font-size:14px;font-weight:400}}.ProjectPage{align-items:center;color:#000;display:flex;flex-direction:column;min-height:100vh;width:100vw}.project-title-bar{align-items:center;backdrop-filter:blur(4.5px);-webkit-backdrop-filter:blur(4.5px);background-color:red;background:#ffffff59;border:1px solid #ffffff2e;border-radius:30px;box-shadow:0 0 10px 0 #1f26875e;display:flex;height:60px;margin:20px 0;padding-left:20px;position:fixed;width:85vw}.project-description-container{margin-top:100px}.project-description-container,.project-thumbnail-container{color:gray;display:flex;margin-bottom:20px;width:85vw}.project-thumbnail{border:2px solid #000;border-radius:10px;display:flex;height:auto;margin:0 20px 0 0;max-width:600px;width:85vw}.view-proj-btn-container{align-items:start;display:flex;flex-direction:column;height:100px;margin-bottom:50px;text-decoration:none;width:85vw}.view-proj-btn{background-color:#3c9b58;border-radius:8px;color:#f0f8ff;padding:10px 30px;text-decoration:none}
/*# sourceMappingURL=main.9b3984be.css.map*/