@import"https://fonts.googleapis.com/css2?family=Fira+Code";.degree{position:absolute;left:210px;transform-origin:50% 220px;cursor:pointer}#light,#dark{overflow-x:hidden}.main-circle{width:450px;height:450px;margin:auto;animation:orbit 80s linear infinite}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.degree.first{transform:rotate(0)}.degree.second{transform:rotate(40deg)}.degree.third{transform:rotate(80deg)}.degree.fourth{transform:rotate(120deg)}.degree.fifth{transform:rotate(160deg)}.degree.sixth{transform:rotate(200deg)}.degree.seventh{transform:rotate(240deg)}.degree.eighth{transform:rotate(280deg)}.degree.ninth{transform:rotate(320deg)}.degree.ninth svg,.degree.eighth svg{width:48px;height:48px}.center-label{background:#2a2e35;border-radius:50%;width:80px;height:80px;position:absolute;left:calc(50% - 40px);top:calc(50% - 40px);border:2px solid;display:flex;align-items:center;justify-content:center;animation:reverse-orbit 80s linear infinite}@keyframes reverse-orbit{0%{transform:rotate(1turn)}to{transform:rotate(0)}}.stack-name{text-transform:uppercase;color:#fff;font-size:11px}.react-style{border-color:#80deea}.javascript-style{border-color:#ffd600}.html-style{border-color:#e65100}.css-style{border-color:#0277bd}.mongo-style{border-color:#246e8b}.bootstrap-style{border-color:#7509f6}.node-style{border-color:#75ac64}.express-style{border-color:#b7c0b4}.firebase-style{border-color:#ffa000}.pulse{animation:pulse 1.5s ease infinite}@keyframes pulse{0%{transform:scale(1)}50%{opacity:.3}to{transform:scale(1.2);opacity:0}}.loader{position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:20px;height:20px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arrow-icon{animation-name:forward;animation-duration:.5s;animation-iteration-count:infinite;animation-direction:alternate}@keyframes forward{0%{margin-left:1rem}to{margin-left:2rem}}@media (max-width: 630px){div.menu-container{display:flex;justify-content:space-between;z-index:1}div.pc-header,.desk__backdrop{display:none}.project__logo-img{object-fit:cover}header#top-bar{display:block}main.main{padding-top:120px}.nav-item{margin:20px}#light .menu{background-color:#fff}#dark .menu{background-color:#131111}.menu{top:51px;left:100%;transition:left 1s}.menu.slide{left:50%}.menu-btn{position:absolute;top:10px;right:1rem;z-index:1}.focus{background:none!important;border-bottom:2px solid #222}.backdrop{position:fixed;top:51px;bottom:0;right:100%;left:0;background-color:#000000b3;z-index:1;transition:right 1s}.backdrop.slide{right:50%}p.intro{line-height:1.2rem;text-align:left}.project{width:100%!important}li.project:hover{box-shadow:none;transform:none}div.project__info{top:0;display:flex;justify-content:flex-end;flex-direction:column}}@media (max-width: 425px){.main-circle{width:300px;height:300px}.services-container{top:300px}.degree{left:130px;transform-origin:50% 150px}.form-name-email{flex-direction:column}div.email-wrapper{margin:20px 0 0}div.project__info{padding:0}}@media (max-width: 320px){h5{font-size:18px}}.main{padding-top:200px}#dark{background:black url(/portfolio/assets/bg-stars-847389b8.svg)}#top-bar{border-bottom:1px solid #eaeaea;z-index:1;display:flex;justify-content:center}.pc-header{max-width:1440px;width:100%}.list-group{max-width:500px}.list-group-item:hover,.list-group-item>a:hover{background-color:#121212;color:#fff}#dark .list-group-item:hover,#dark .list-group-item>a:hover{background-color:#fafafa;color:#353e47}#light #top-bar,#light svg{color:#6c757d;background-color:#fff}#light .change-bg{background:none}#dark .list-group-item{background:none;border:1px solid rgb(252,250,250)}#dark .list-group-item>a{color:#fff}#dark #top-bar{background-color:#131111;border-bottom:1px solid #696969}#dark svg{color:#fff}#dark .intro,#dark .container,#dark .projects-container{color:#6c757d}#dark .work-section-heading,#dark .contact-heading,#dark label,#dark .work-link,#dark .skill-heading,#dark .footer-heading,#dark h5{color:#fff}#light .work-link{color:#696969}#light .logo-container>svg{color:#000}#light .projects-container{background-color:#ced3d8}.nav-item{text-transform:uppercase}.nav-item-link{padding:10px 24px;min-height:36px;margin-right:2px;border-radius:4px;font-size:14px}.mail-link:hover,#light .focus{color:#6c757d;background-color:#121212;font-weight:700}.nav-item-link:hover{color:#6c757d;background-color:#463e3e}#dark .focus,#dark .mail-link:hover{background-color:#fff}#dark .nav-item-link:hover{background-color:#eee5e5}.intro{line-height:2rem;text-align:justify}.hidden,.menu-container{display:none}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.project{position:relative;height:300px;width:48%;cursor:pointer;overflow:hidden}.project,.project__logo-img,.project__overlay{border-radius:.9rem}.project__about{z-index:2;position:fixed;top:0;left:100%;right:0;bottom:0;display:flex;transition:all 1s}.project__about.slide{left:0}.about__content{background-color:#fff;max-width:40rem;width:100%;padding:2rem 2rem 4rem;z-index:5;overflow-y:auto;position:relative}#dark .about__content{background:black url(/portfolio/assets/bg-stars-847389b8.svg)}.visit__btn{background-color:#353e47;color:#fff}.visit__btn:hover{color:#fff}.project__logo-img{height:inherit;width:100%}.desk__backdrop{height:100vh;width:100%;background-color:#0009}.project__info{padding:10px;text-align:center;color:#f0ecec;border-top-left-radius:0;border-top-right-radius:0;background:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);position:absolute;top:100%;bottom:0;right:0;left:0;transition:top 1s}.project__info.active{top:0;display:flex;justify-content:flex-end;flex-direction:column}.github-link,.git-icon,.vscode-icon{width:40px;height:40px;border-radius:6px}.github-link:hover #dark .github-link .git-link-icon{background-color:#fff;color:#000}.mail-link{border:1px solid #eaeaea;padding:.4rem .8rem;border-radius:100px;font-weight:700}.soft-skill{margin:10px 0;list-style:square}.s-card,.s-icon-wrap{border-radius:6px}.s-card{border:1px solid;padding:1rem;height:100%}#dark .s-card{border-color:#fafafa}.s-icon-wrap{padding:10px;height:60px;width:60px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}#light .s-icon-wrap>svg,.s-icon-wrap{background-color:#2c2929;color:#fff}.s-heading{font-weight:bolder}.s-heading~p{color:#6c757d}.inactive-btn{opacity:.5}.tool-used{border:1px solid #565c61;padding:3px 5px;font-size:12px;border-radius:12px;margin:2px;color:#fff;background-color:#565c61}.spinner{height:100vh;display:flex;justify-content:center;align-items:center}.divider{display:inline-block;width:100%;height:6px;background:url(/portfolio/assets/divider-27e0e3b9.svg)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Fira Code,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}ul{margin-block-end:unset;margin-block-start:unset}a{color:#6c757d;text-decoration:none}li{list-style-type:none}button,input,textarea{background:none;border:none;outline:none}input,textarea{width:100%;background-color:#d3d3d3;border-radius:5px;padding-left:10px}textarea{resize:none;border-bottom:1px solid}label{font-size:13px}