@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--heading1:clamp(40px,8vw,80px);--heading2:clamp(20px,6vw,40px);--heading4:1.6rem;--heading5:1rem;--heading6:0.9rem;--green:#64ffda;--gray-light:#ccd6f6;--gray:#b3b6bd}*{margin:0;padding:0;overflow-x:hidden;color:#fff;font-family:Ubuntu,sans-serif}body,html{width:100%;background:#040c36!important;scroll-behavior:smooth}.header-container{width:100%;background:hsla(0,0%,100%,.2)!important;box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:10px;border:1px solid hsla(0,0%,100%,.18)}.modal-dialog.modal-dialog-bottom{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important}.intro-container{min-height:100vh}.intro-shot img{width:100%;height:100%;object-fit:cover}.intro-wrapper{display:flex;align-items:center;justify-content:space-around;min-height:545px;margin:50px 0}.welcome-icon{height:30px;margin:0 5px}.heading1{font-size:clamp(40px,8vw,80px);font-size:var(--heading1)}.heading2{font-size:clamp(20px,6vw,40px);font-size:var(--heading2)}.heading4{font-size:1.6rem;font-size:var(--heading4)}.heading5{font-size:1rem;font-size:var(--heading5)}.heading6{font-size:.9rem;font-size:var(--heading6)}.heading-name{color:#ccd6f6;color:var(--gray-light)}.green{color:#64ffda;color:var(--green)}.gray{color:#b3b6bd;color:var(--gray)}.connect{left:20px;right:auto}.connect,.email{position:fixed;bottom:0}.email{left:auto;right:20px;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;--webkit-writing-mode:vertical-rl;display:flex;align-items:center}.email a,.email a:hover{color:#b3b6bd;color:var(--gray)}.connect .list-group{display:flex;align-items:center}.connect .list-group:after,.email:after{content:"";display:block;background:#b3b6bd;background:var(--gray);width:1px;height:90px}.intro1-para{max-width:540px;color:#b3b6bd;color:var(--gray)}.experties-container{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:20px;max-width:1100px;margin:0 auto}.code-image{margin:-50px 0 0;display:flex;justify-content:center}.code-image img{width:500px;opacity:.2}.landing-wrapper.image{max-width:500px}.landing-wrapper.image img{width:100%;height:100%;object-fit:contain}.menu-container{position:fixed;top:50%;right:0;width:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:width 1.5s ease-in-out}.menu-container ul{line-height:3;font-size:25px;font-weight:700;padding:0}.menu-container.show{width:15%}@-webkit-keyframes openMenu{0%{width:0}to{width:15%}}@keyframes openMenu{0%{width:0}to{width:15%}}.about-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}.about-heading,.skills-title{font-size:40px;font-weight:700}.about-border{position:relative;width:100px;margin:20px auto;height:10px;background:linear-gradient(90deg,#00c0ff,#ffcf00 49%,#fc4f4f);border-radius:10px}.about-intro{font-size:20px;letter-spacing:1px;max-width:800px;margin:0 auto}.about-info{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-evenly}.about-title{font-size:30px;font-weight:700}.about-paragraph{font-size:19px;max-width:500px;min-width:400px;margin-top:10px}.about-image{max-width:500px;max-height:500px;width:100%;height:100%}.about-image img{width:100%;height:100%;object-fit:contain;margin-top:10px}.skills-container{margin-top:50px;width:100%;min-height:100vh;align-items:center}.skills-container,.tech-list{display:flex;justify-content:center}.tech-list{font-size:20px;flex-wrap:wrap;padding:0}.tech-item{width:150px;padding:10px;position:relative;margin:10px;border-radius:5px;text-align:center;background:#131419;border:0;border-bottom:2px solid}.skill-proficiency{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.tech-proficiency{width:150px;height:150px;position:relative;padding:10px}.tech-proficiency-outer{width:120px;height:120px;border-radius:50%;padding:20px;background:transparent;box-shadow:4px 4px 10px -1px hsla(0,0%,100%,.1),-6px -6px 10px -1px rgba(0,0,0,.2)}.tech-proficiency-inner{height:80px;width:80px;border-radius:50%;box-shadow:inset 4px 4px 6px -1px hsla(0,0%,100%,.1),inset -4px -4px 6px -1px rgba(0,0,0,.1),-.5px .5px 0 hsla(0,0%,100%,.15),0 12px 10px -10px rgba(0,0,0,.05);position:relative}#proficiency{font-weight:600;color:#e8dbdb;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.circle-skill,.circle-svg{position:absolute;top:0}.circle-skill{fill:none;stroke:url(#GradientColor);stroke-width:15px;stroke-linecap:round;stroke-dasharray:372;stroke-dashoffset:372;-webkit-animation-iteration-count:3;animation-iteration-count:3}.circle-skill-0,.circle-skill-2,.circle-skill-3{-webkit-animation:anim1 5s linear forwards;animation:anim1 5s linear forwards}.circle-skill-1{-webkit-animation:anim2 5s linear forwards;animation:anim2 5s linear forwards}.circle-skill-4,.circle-skill-10{-webkit-animation:anim3 5s linear forwards;animation:anim3 5s linear forwards}.circle-skill-5{-webkit-animation:anim4 5s linear forwards;animation:anim4 5s linear forwards}.circle-skill-6,.circle-skill-9{-webkit-animation:anim5 5s linear forwards;animation:anim5 5s linear forwards}.circle-skill-7,.circle-skill-8{-webkit-animation:anim6 5s linear forwards;animation:anim6 5s linear forwards}@-webkit-keyframes anim1{to{stroke-dashoffset:111}}@keyframes anim1{to{stroke-dashoffset:111}}@-webkit-keyframes anim2{to{stroke-dashoffset:148}}@keyframes anim2{to{stroke-dashoffset:148}}@-webkit-keyframes anim3{to{stroke-dashoffset:223}}@keyframes anim3{to{stroke-dashoffset:223}}@-webkit-keyframes anim4{to{stroke-dashoffset:130}}@keyframes anim4{to{stroke-dashoffset:130}}@-webkit-keyframes anim5{to{stroke-dashoffset:167}}@keyframes anim5{to{stroke-dashoffset:167}}@-webkit-keyframes anim6{to{stroke-dashoffset:182}}@keyframes anim6{to{stroke-dashoffset:182}}.main-container{width:100%;border:5px solid #112127;box-shadow:inset 0 0 30px hsla(0,0%,82.7%,.1),0 20px 20px hsla(0,0%,54.9%,.2),0 0 0 4px #989898;border-radius:20px;padding:10px}.main-container.down{width:80%;-webkit-animation:shotHome1 2s alternate;animation:shotHome1 2s alternate}.main-container.up{width:100%;-webkit-animation:shotHome2 2s alternate;animation:shotHome2 2s alternate}@-webkit-keyframes shotHome1{0%{width:100%;height:100%}to{width:80%}}@keyframes shotHome1{0%{width:100%;height:100%}to{width:80%}}@-webkit-keyframes shotHome2{0%{width:80%}to{width:100%}}@keyframes shotHome2{0%{width:80%}to{width:100%}}@media screen and (max-width:1200px){.intro-wrapper{flex-direction:column;height:80vh;margin-top:20px}.welcome-name{font-size:25px;font-weight:700}.welcome-position{font-size:20px}.landing-wrapper.image{max-width:300px;margin-top:2rem;margin-left:0}.experties-container{grid-template-columns:repeat(2,1fr);grid-column-gap:20px;grid-row-gap:20px}}@media (max-width:900px){.main-container,.main-container.down,.main-container.show{width:100%;-webkit-animation:none!important;animation:none!important}.menu-container,.menu-container.show{width:0;-webkit-animation:none!important;animation:none!important}.experties-container{grid-template-columns:repeat(1,1fr)}}
/*# sourceMappingURL=main.30bda97e.chunk.css.map */