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{--color-primary:#ff014f;--color-tertiary:#0d1013;--background-color:#212428;--shadow-1:10px 10px 19px #1c1e22,-10px -10px 19px #262a2e;--color-body:#878e99;--color-lightn:#c4cfde;--color-white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#212428;background-color:var(--background-color);margin-inline:2rem}.container{display:grid;grid-template-areas:"dashboard" "resume" "opensource";grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:100vh;position:relative}.dashboard{grid-area:dashboard}.resume{border-top:2px solid #0d1013;border-top:2px solid var(--color-tertiary);grid-area:resume;margin-bottom:2rem;margin-top:2rem}.open-source{background-color:#3eb75e;grid-area:opensource}.header span{color:#c4cfde}.header span:hover{color:#ff014f}.scroll-to-top{background-color:#ff014f;background-color:var(--color-primary);border-radius:50%;height:40px;padding:10px;position:fixed;right:15px;top:90%;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:40px}.dashboard{display:grid;grid-template-areas:"header header  header header" "details  details  photo photo";grid-template-columns:repeat(4,1fr);grid-template-rows:100px auto;padding-bottom:3rem}.details{display:flex;flex-direction:column;grid-area:details;margin-top:3rem;overflow:hidden;padding-left:5px}.summary,.welcome{color:var(--color-lightn);line-height:24px;margin-top:1rem}.details button{background-color:var(--color-primary);border:0;border-radius:6px;box-shadow:0 0 10px hsla(0,0%,100%,.4);height:40px;margin-bottom:3rem;margin-top:2rem;width:200px}.details button,.name{color:var(--color-white)}.name{font-size:50px;font-weight:600;margin-top:1rem}.name span{color:var(--color-primary)}.options{display:block}.options-mobile{display:none}.animation-container{display:flex;margin-top:1rem}.animation-container span{color:var(--color-white);font-size:50px;font-weight:600}.second-char{height:60px;line-height:60px;overflow:hidden}.second-char li{-webkit-animation:timing 12s steps(3) infinite;animation:timing 12s steps(3) infinite;height:60px;list-style:none;margin:0 20px;position:relative;top:0}@-webkit-keyframes timing{to{top:-180px}}@keyframes timing{to{top:-180px}}.list{display:none;height:35px;margin-right:10px;object-fit:contain;right:0;width:25px}.second-char li span:before{-webkit-animation:typing 2s steps(10) infinite alternate;animation:typing 2s steps(10) infinite alternate;background-color:var(--background-color);border-left:2px solid var(--color-primary);content:"";height:60px;left:0;position:absolute;width:460px}@-webkit-keyframes typing{to{left:100%;margin:0 -35px 0 35px}}@keyframes typing{to{left:100%;margin:0 -35px 0 35px}}.skills{margin-bottom:1rem}.skills span{color:var(--color-lightn)}.skills ul{display:flex;list-style:none}.skills ul li{align-items:center;background-color:var(--background-color-1);border-radius:6px;box-shadow:var(--shadow-1);display:flex;height:50px;justify-content:center;margin-right:1rem;margin-top:1rem;width:50px}.skills img{height:30px;transition-duration:1s;width:30px}.skills img:hover{-webkit-transform:scale(1.4);transform:scale(1.4)}.skills ul li:hover{box-shadow:0 0 10px #ff014d5f}.skills-container{display:flex;justify-content:space-between;margin-top:1rem}.photo{align-items:flex-end;display:flex;grid-area:photo;justify-content:center}.photo-background{background-color:var(--background-color);box-shadow:var(--shadow-1);height:80%;transition-duration:2s;width:80%}.photo-background:hover{-webkit-transform:translateX(30px);transform:translateX(30px)}.photo-background img{height:calc(100% + 100px);margin-top:-100px;object-fit:contain;width:100%}.photo-background img:hover{-webkit-filter:drop-shadow(0 0 10px #ff014d5f);filter:drop-shadow(0 0 10px #ff014d5f)}.header{align-items:center;background-color:var(--background-color);display:flex;grid-area:header;height:80px;justify-content:space-between;position:fixed;width:calc(100% - 100px);z-index:1000}.header ul{list-style:none}.header p{color:#fff;font-weight:600;text-transform:uppercase}.header span{color:var(--color-lightn);margin-inline:1rem}.header span:hover{color:var(--color-primary)}@media only screen and (max-width:800px){.dashboard{display:grid;grid-template-areas:"header" "photo" "details";grid-template-columns:1fr;grid-template-rows:auto auto minmax(300px,auto);padding-bottom:3rem}.header,.skills-container{flex-direction:column}.header{align-items:center;display:flex;flex-direction:row;grid-area:header;justify-content:space-between;margin-bottom:3rem;margin-left:-2rem;padding-inline:2rem;width:100%}.header ul{background-color:var(--background-color);box-shadow:var(--shadow-1);left:0;margin-top:1rem;position:absolute;top:50px;width:100%}.options{display:none}.header ul li{display:flex;flex-direction:column;list-style:none}.photo{align-items:center;margin-top:10rem}.header ul li span{height:60px;padding:1rem;text-align:center}.header-title{align-items:center;display:flex;justify-content:center}.list,.options-mobile{display:block}.animation-container span,.name,.second-char span{font-size:40px}}@media only screen and (max-width:1000px){.skills-container{flex-direction:column}.photo{align-items:center}.photo-background{max-height:400px}}.job-experience{color:var(--color-lightn);font-size:40px;font-weight:600;margin-top:1rem}.experience-years{color:var(--color-primary)}.experience-sub-container{display:flex;flex-direction:column;margin-top:3rem}.experience-card{background-color:var(--background-color);border-radius:6px;box-shadow:var(--shadow-1);margin:2rem;padding:2rem;width:calc(100% - 4rem)}.company-name{align-items:center;display:flex;justify-content:space-between}.job-title{color:var(--color-body);font-size:25px}.location{color:var(--color-primary)}.duration{font-size:12px}.content,.duration{color:var(--color-body)}.content{margin:1rem 0 0 1rem}.content li span{color:var(--color-body)}.experience-card:hover,.experience-card:hover .content,.experience-card:hover .content li span,.experience-card:hover .duration,.experience-card:hover .job-title{color:var(--color-lightn)}.experience-card-container{display:flex;flex-direction:row;margin-left:2rem;position:relative}.line{background-color:var(--color-lightn);width:2px}.line span{background-color:var(--color-primary);border:6px solid var(--color-lightn);border-radius:50%;content:"";height:26px;left:-13px;position:absolute;top:calc(50% - 13px);width:26px;z-index:1}.intern-ship{color:var(--color-primary)}@media only screen and (max-width:800px){.experience-card-container{margin-left:0;width:100%}.experience-card{background-color:var(--background-color);border-radius:6px;box-shadow:var(--shadow-1);margin:2rem;padding:2rem}.job-title{color:var(--color-body);font-size:20px}.company-name{flex-direction:column;justify-content:flex-start}.location{margin-block:1rem;width:100%}}.Project-card-container{background-color:var(--background-color);border-radius:6px;box-shadow:var( --shadow-1);height:400px;margin:2rem;max-width:300px;overflow:hidden;position:relative}.card-container,.card-container img{height:100%;width:100%}.card-container img{object-fit:contain;transition-duration:1s}.card-container img:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.card-footer{background-color:rgba(0,0,0,.4);bottom:0;height:100px;left:0;position:absolute;right:0}.project-container{display:flex;flex-direction:row}@media only screen and (max-width:800px){.project-container{display:block;flex-direction:column}}.title-section{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:4rem}.experience{color:var(--color-primary)}.title{color:var(--color-lightn);font-size:50px;font-weight:600;margin-top:1rem}.sections{box-shadow:var(--shadow-1);display:flex;list-style:none;margin-top:4rem;width:100%}.sections,.sections li{align-items:center;justify-content:center}.sections li{background-color:var(--background-color);display:inherit;height:80px;margin-inline:5px;width:33.3%}.sections li span{color:var(--color-lightn)}.active,.sections li:hover{box-shadow:var(--shadow-1)}.active span{color:var(--color-primary)!important}.features-container{display:flex;flex-direction:column;margin-top:3rem}.development-skills{display:flex;flex-wrap:wrap;justify-content:space-between}.features-title{color:var(--color-lightn);font-size:40px;font-weight:600;margin-top:1rem}.progress-bar{margin-top:1.5rem;position:relative;width:45%}.progress-title{color:var(--color-lightn)}.progress{-webkit-animation:width 2s ease-in-out forwards;animation:width 2s ease-in-out forwards;background-color:var(--color-lightn);border-radius:5px;height:10px;margin-top:10px;position:relative}.progress-value{background-color:var(--color-primary);border-radius:6px;content:"";height:10px;left:0;position:absolute;width:80%}@-webkit-keyframes width{0%{width:0}to{width:100%}}@keyframes width{0%{width:0}to{width:100%}}@-webkit-keyframes width-bar{0%{width:0}to{width:100%}}@keyframes width-bar{0%{width:0}to{width:100%}}.progress span{-webkit-animation:width-value 2s ease-in-out forwards;animation:width-value 2s ease-in-out forwards;background-color:var(--color-primary);border-radius:6px;color:var(--color-lightn);font-size:12px;padding:3px;position:absolute;top:-35px;z-index:1}@-webkit-keyframes width-value{0%{left:0}to{left:calc(100% - 16px)}}@keyframes width-value{0%{left:0}to{left:calc(100% - 16px)}}.progress span:before{background-color:var(--color-primary);bottom:-4px;content:"";height:8px;left:50%;position:absolute;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);width:8px;z-index:-1}@media only screen and (max-width:800px){.development-skills{flex-direction:column}.progress-bar{width:95%}.experience-card-container{margin-left:0}}
/*# sourceMappingURL=main.c360de52.css.map*/