*{box-sizing:border-box;list-style-type:none;text-decoration:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Verdana,Geneva,Tahoma,sans-serif;margin:0;scroll-behavior:smooth}.body,body{min-height:100vh}.body{-webkit-animation:gradient 5s ease infinite;animation:gradient 5s ease infinite;background:linear-gradient(-45deg,#34495e,#3c6382,#192a56,#40739e);background-size:300% 300%;width:100%}::selection{background-color:#22d3ee}.spinner-wrapper{align-items:center;background-color:#222;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:9999}.spinner{border-radius:50%;height:8rem;position:relative;width:8rem}.spinner:after,.spinner:before{border-radius:50%;content:"";position:absolute}.spinner:before{-webkit-animation:spin .3s linear infinite;animation:spin .3s linear infinite;background-image:linear-gradient(90deg,#c59d5f,#515151);height:100%;width:100%}.spinner:after{background-color:gray;height:90%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ul li a.active{color:#eee8aa}.span{transition:all .3s}.span:hover{color:orange}.frames{-webkit-animation:fadeIn 2s infinite;animation:fadeIn 2s infinite}@-webkit-keyframes fadeIn{0%{opacity:.4}to{opacity:1}}@keyframes fadeIn{0%{opacity:.4}to{opacity:1}}@media screen and (max-width:992px){.sideBar{background-color:purple;margin:auto;padding:10px;position:fixed;right:0;top:0;width:100%;z-index:9}.css-hsxgv5{background:var(--chakra-colors-transparent);padding:20px;width:0!important}.stack{margin-left:-.8em;margin-top:5px!important}.noneSidebar{display:none}.sideBar ul li a{font-size:1.1rem}}.skill-number{font-size:5rem}.skill-title{font-size:2rem;margin-left:1em}@media screen and (max-width:400px){.skill-number{font-size:4rem}.skill-title{font-size:1.7rem}}.skill-item:after,.skill-item:before{background-color:cyan;bottom:0;content:"";height:1px;left:0;position:absolute}.skill-item:before{opacity:.4;transition:1.5s;width:0}.skill-item:hover:after{width:100%}.skill-item.reveal:before{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:move;animation-name:move;width:0}@-webkit-keyframes move{0%{width:0}to{width:100%}}@keyframes move{0%{width:0}to{width:100%}}.skill-item:after{background-color:#ff6f00;transition:all .5s;width:0}.skill-item{position:relative}.skillsFlex{align-items:baseline;display:flex;gap:10}.skills-left,.skills-right{display:flex;flex-direction:column;gap:10}.fadeInBottom2{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInBottom2;animation-name:fadeInBottom2}@-webkit-keyframes fadeInBottom2{0%{opacity:0}to{opacity:1}}@keyframes fadeInBottom2{0%{opacity:0}to{opacity:1}}.fadeInBottom{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInBottom;animation-name:fadeInBottom}@-webkit-keyframes fadeInBottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1}}@keyframes fadeInBottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1}}.fadeInBottom3{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInBottom3;animation-name:fadeInBottom3}@-webkit-keyframes fadeInBottom3{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1}}@keyframes fadeInBottom3{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1}}.fadeInBottom4{-webkit-animation:fadeInBottom4 2s infinite;animation:fadeInBottom4 2s infinite;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInBottom4{0%{opacity:0}to{opacity:1}}@keyframes fadeInBottom4{0%{opacity:0}to{opacity:1}}@media screen and (max-width:480px){.size{width:80%}}@media screen and (max-width:600px){.noLink{display:none}}
/*# sourceMappingURL=main.5d8b3e39.css.map*/