@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;400;600;800&family=Questrial&display=swap);@-webkit-keyframes color-change-2x{0%{color:#fea761}to{color:#4d87f4}}@keyframes color-change-2x{0%{color:#fea761}to{color:#4d87f4}}#header{display:flex;justify-content:center;overflow:hidden}#background{max-width:100%;opacity:.5;position:absolute;-webkit-transform:scaleX(-1);transform:scaleX(-1);z-index:-1}#head-title{grid-column-gap:1rem;color:#d1d3f7;display:grid;font-family:Plus Jakarta Sans,sans-serif;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;line-height:1.5;padding:4rem 10rem 0}#left-col{align-items:flex-end;grid-area:1/1/2/2;justify-content:space-around}#left-col,#right-col{display:flex;flex-direction:column;padding:1.5rem}#right-col{align-items:flex-start;grid-area:1/2/2/3}#right-col-center{align-items:center;display:flex;flex-direction:column}#title{padding:1rem 3rem;text-shadow:0 0 10px #000}#name{font-size:clamp(2rem,7vw,3.5rem)}#tagline{font-size:clamp(.5rem,5vw,1.5rem);margin:.5rem}#description{font-size:clamp(1rem,5.5vw,1.25rem);padding:0 3rem;text-align:end;text-shadow:0 0 5px #000,0 0 10px #000}#description code{-webkit-animation:color-change-2x 2s linear infinite alternate both;animation:color-change-2x 2s linear infinite alternate both}#self{max-width:75%}#self-circle{align-items:baseline;-webkit-animation:vibrate-1 8s linear infinite both;animation:vibrate-1 8s linear infinite both;aspect-ratio:1;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:50%;box-shadow:inset 0 0 30px #fea761;display:flex;height:auto;justify-content:center;overflow:hidden;transition:box-shadow .3s cubic-bezier(.65,.04,.68,1.57);width:clamp(5rem,30vw,80%)}#self-circle:hover{-webkit-animation:vibrate-1 .2s linear infinite both;animation:vibrate-1 .2s linear infinite both;box-shadow:inset 0 0 50px #fea761;cursor:wait}#langs{-webkit-filter:drop-shadow(0 0 8px #000);filter:drop-shadow(0 0 8px black);font-size:4rem;padding:1rem}@media (max-width:1030px){#head-title{padding:3rem}#left-col,#right-col{padding-inline:1rem}#description,#title{padding-inline:2rem}#right-col-center{justify-content:center}}@media (max-width:678px){#head-title{grid-template-columns:1.8fr 1fr;padding:1rem}#left-col{padding-inline:0}#right-col{padding:3rem 0 1rem}#description,#title{padding-inline:1rem}}@media (max-width:500px){#langs{display:flex;flex-direction:column;padding:1rem 0}}@-webkit-keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}.training{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding-inline:2rem}#training-title{margin:2rem}#project,#training-title{color:#d1d3f7;font-family:Plus Jakarta Sans,sans-serif}#project{line-height:1.5;position:relative;text-align:center}#project:hover #project-img{-webkit-filter:brightness(.12) contrast(70%) sepia(100%) hue-rotate(170deg);filter:brightness(.12) contrast(70%) sepia(100%) hue-rotate(170deg);object-position:100% 0}#img-container{object-fit:cover;position:relative}#project-img{border-radius:10px;-webkit-filter:brightness(.05) contrast(60%) sepia(100%) hue-rotate(170deg);filter:brightness(.05) contrast(60%) sepia(100%) hue-rotate(170deg);height:20rem;object-fit:cover;object-position:0 0;transition:object-position 8s linear,-webkit-filter .5s ease-in-out;transition:object-position 8s linear,filter .5s ease-in-out;transition:object-position 8s linear,filter .5s ease-in-out,-webkit-filter .5s ease-in-out;width:20rem}#github-link{border-radius:10px;color:#0f1223;font-size:2rem;margin:.25rem;opacity:.3;padding:.25rem;position:absolute;right:0;top:0;transition:.1s}#github-link:hover{font-size:2.5rem;opacity:.8}#project-link{border-radius:10px;color:#0f1223;font-size:2rem;left:0;margin:.25rem;opacity:.3;padding:.25rem;position:absolute;top:0;transition:.1s}#project-link:hover{font-size:2.5rem;opacity:.8}#project-info-container{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%}#desc{padding:2rem 0}#langs-used{color:#fea761;font-size:2rem}#langs-used i{margin:.25rem}#skills{color:#d1d3f7;font-family:Plus Jakarta Sans,sans-serif;margin:2rem}#skills-container{display:flex;overflow-x:auto;padding:1rem;position:relative;scrollbar-color:#4d87f4 #0f1223;scrollbar-gutter:stable both-edges;scrollbar-width:thin;-webkit-user-select:none;user-select:none;width:100%}#skills-container:after{box-shadow:inset 0 0 5rem #fea761;content:""}#skills-container::-webkit-scrollbar{border-radius:.5rem;height:.6rem;width:.6rem}#skills-container::-webkit-scrollbar-thumb{background-color:#fea761;border-radius:.5rem}#skills-container::-webkit-scrollbar-thumb:hover{background-color:#c5824b}#skills-container::-webkit-scrollbar-track{background-color:#0f1223}.language-item{align-items:center;display:flex;flex-direction:column;margin:0 1.25rem}.bar-graph{align-items:flex-end;background-color:#d1d3f7;display:flex;height:10rem;justify-content:center;position:relative;width:1.5rem}.bar,.bar-graph{border-radius:.75rem}.bar{background-color:#4d87f4;width:100%}.coming-soon{bottom:.8rem;color:#0f1223;font-size:1.2rem;font-weight:800;left:0;position:absolute;right:.1rem;text-align:center;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.language-icon{font-size:3rem;margin-top:1rem}@media (max-width:678px){.language-item{margin:0 .75rem}}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}::selection{background-color:#fea761;color:#0f1223}body{background:#0f1223;margin-inline:auto;max-width:95rem;scrollbar-color:#4d87f4 #0f1223;scrollbar-gutter:stable both-edges;scrollbar-width:thin}body::-webkit-scrollbar{border-radius:.5rem;height:.6rem;width:.6rem}body::-webkit-scrollbar-thumb{background-color:#fea761;border-radius:.5rem}body::-webkit-scrollbar-thumb:hover{background-color:#c5824b}body::-webkit-scrollbar-track{background-color:#0f1223}hr{opacity:.6}
/*# sourceMappingURL=main.2091051c.css.map*/