@import url(https://fonts.googleapis.com/css2?family=Baloo+Bhai+2&display=swap);header{height:100vh;overflow:hidden;padding-top:7rem}.header__container{align-items:center;display:flex;flex-direction:column;height:100%;position:relative}.info{margin-top:4rem;position:absolute;text-align:left;width:60%}.header__container h1,.header__container h5{font-size:5rem}.header__container h4{font-size:3rem}.cta{float:right;margin-top:2.5rem}.header__socials{bottom:5rem;flex-direction:column;gap:.8rem;left:0}.header__socials,.music{display:flex;position:absolute}.music{right:0;top:2rem}.music button{background:transparent;font-size:2rem}.music__icon{color:var(--color-primary);cursor:pointer}.header__socials:after{background:var(--color-primary);content:"";height:2rem;width:1px}.scroll__down{bottom:5rem;font-size:.9rem;font-weight:300;position:absolute;right:-2.3rem;-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media screen and (max-width:1024px){header{height:100vh}.info{width:90%}}@media screen and (max-width:600px){header{height:100vh}.header__container h5{font-size:2.5rem}.header__container h1{font-size:3rem}.header__container h4{font-size:1.5rem}.scroll__down{display:none}.header__socials{align-items:center;bottom:10rem;display:flex;flex-direction:row;font-size:1.2rem;gap:1rem;justify-content:center;position:absolute}.header__socials:after{display:none}}#about{display:flex;flex-direction:column;justify-content:center;margin-top:1.2rem}#about h2{font-size:2rem}#about h5{font-size:1.2rem}.about__container{margin:1.6rem}.about__content{font-size:1.3rem;margin:1.2rem;padding:0 2.5rem}.about__content>p{margin:.5rem 0}.about__profile{display:flex;flex-direction:column;text-align:center}.about__codeprofile{font-size:1.5rem;padding:.5rem}.about__codeprofile a{margin:.5rem 1rem}@media screen and (max-width:600px){#about{margin-top:1rem}.about__content{padding:0 .8rem}.about__container{margin:1rem}}nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.3);border-radius:3rem;bottom:2rem;display:block;gap:.8rem;left:50%;padding:.7rem 1.7rem;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:2}nav,nav a{display:flex}nav a{background:transparent;border-radius:50%;color:var(--color-light);font-size:1.8rem;padding:.9}nav a:hover{background:rgba(0,0,0,.3)}nav a.active{background:var(--color--bg);color:var(--color-white)}.portfolio__container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:33% 33% 33%}.portfolio__container>article{display:none}.portfolio__container>article:nth-child(-n+6){display:inline}.portfolio__item{width:90%}.portfolio__item-img{align-items:center;background:var(--color-bg-variant);border:1px solid transparent;-webkit-transform:translateY(100px);transform:translateY(100px);transition:.5s;z-index:1}.portfolio__item-content,.portfolio__item-img{border-radius:8%;display:flex;flex-direction:column;justify-content:center;min-height:30vh;position:relative}.portfolio__item-content{background:var(--color-bg);box-shadow:0 20px 50px rgba(0,0,0,.8);box-sizing:border-box;padding:20px;-webkit-transform:translateY(-100px);transform:translateY(-100px)}.portfolio__item-content>div{flex-direction:row}.portfolio__item-content>div a{margin:1rem}.portfolio__item:hover .portfolio__item-img{background:transparent;border:2px solid var(--color-bg-variant);-webkit-transform:translateY(-50px);transform:translateY(-50px);transition:.5s}.seemore{display:none}@media screen and (max-width:1024px){.portfolio__container{grid-template-columns:1fr;padding-left:5rem}.portfolio__item{width:80%}.portfolio__item-content{-webkit-transform:translateY(-125px);transform:translateY(-125px)}.portfolio__item-img{-webkit-transform:translateY(125px);transform:translateY(125px)}}@media screen and (max-width:600px){.portfolio__container{grid-template-columns:1fr;padding-left:0}.portfolio__container>article{display:none}.portfolio__container>article:nth-child(-n+3){display:contents}.portfolio__item{width:100%}.portfolio__item-content{-webkit-transform:translateY(-105px);transform:translateY(-105px)}.portfolio__item-img{-webkit-transform:translateY(105px);transform:translateY(105px)}.seemore{display:contents}.seemore a{margin:0 8rem}}.container.contact__container{grid-gap:12%;display:grid;gap:12%;grid-template-columns:30% 58%;width:58%}.contact__options{display:flex;flex-direction:column;gap:1.2rem}.contact__option{background:var(--color-bg-variant);border:1px solid transparent;border-radius:1.2rem;padding:1.2rem;text-align:center;transition:var(--transition-an)}.contact__option:hover{background:transparent;border-color:var(--color-primary-variant)}.contact__option-icon{font-size:1.5rem;margin-bottom:.5rem}.contact__option a{display:inline-block;font-size:.8rem;margin-top:.7rem}form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{background:transparent;border:2px solid var(--color-primary-variant);border-radius:.5rem;color:var(--color-white);padding:1.5rem;resize:none;width:100%}@media screen and (max-width:1024px){.container.contact__container{gap:2rem;grid-template-columns:1fr}}@media screen and (max-width:600px){.container.contact__container{width:var(--container-width-sm)}.contact__options{align-items:center}.contact__option{width:80%}form .btn-primary{margin:0 9rem}}footer{background:var(--color-primary);font-size:.9rem;margin-top:7rem;padding:3rem 0;text-align:center}footer a{color:var(--color-bg)}.footer__logo{display:inline-block;font-size:2rem;font-weight:500;margin-bottom:2rem}.links{flex-wrap:wrap;gap:2rem;margin:0 auto 3rem}.footer__social,.links{display:flex;justify-content:center}.footer__social{gap:1rem;margin-bottom:4rem}.footer__social a{background:var(--color-bg);border:1px solid transparent;border-radius:.7rem;color:var(--color-white);display:flex;padding:.8rem}.footer__social a:hover{background:transparent;border-color:var(--color-bg);color:var(--color-bg)}.footer__copyright{color:var(--color-bg);margin-bottom:4rem}@media screen and (max-width:600px){.links{flex-direction:column;gap:1.5rem}.footer__social{margin-bottom:2.6rem}}.skills_container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:33% 33% 33%}.skills_container>div{background:var(--color-bg-variant);border:1px solid transparent;border-radius:1.5rem;padding:3rem 4.5rem;transition:var(--transition-an)}.skills_container>div:hover{background:transparent;border-color:var(--color-primary-variant)}.skills_container>div h3{color:var(--color-primary);margin-bottom:2rem;text-align:center}.skills__content{grid-row-gap:2rem;display:grid;grid-template-columns:1fr 1fr;row-gap:2rem}.skills__details{display:flex;gap:1rem}.skills__details_icon{color:var(--color-primary);margin-top:6px}@media screen and (max-width:1024px){.skills_container{grid-template-columns:1fr}.skills_container>div{margin:0 auto;padding:2rem;width:80%}.skills__content{padding:1rem}}@media screen and (max-width:600px){.skills_container{gap:1rem}.skills_container>div{padding:2rem 1rem;width:100%}}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-bg:#1f1f38;--color-bg-variant:#2c2c6c;--color-primary:#4db5ff;--color-primary-variant:rgba(77,181,255,.4);--color--music:rgba(237,18,18,.807);--color-white:#fff;--color-light:hsla(0,0%,100%,.6);--container-width-lg:75%;--container-width-md:86%;--container-width-ms:90%;--transition-an:all 400 ms ease}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{background-color:#1f1f38;background-color:var(--color-bg);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKcWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wMS0xN1QxODo0NzozMVoiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDEtMTlUMTA6NDE6MzBaIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wMS0xOVQxMDo0MTozMFoiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRkZmE3YzdlLTljMjMtZGY0NS1hNjE3LTI1ZmIxN2MwYzI2YiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ1NzM3ODMzLTZkNDMtZTU0Yy05ZGJlLTkzM2ZjN2QyNWQ2MSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmFkZWMyZmNmLTBlN2MtYmY0NC04MjdhLTYyN2IxOTdkODg1ZiIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB0aWZmOk9yaWVudGF0aW9uPSIxIiB0aWZmOlhSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6WVJlc29sdXRpb249IjcyMDAwMC8xMDAwMCIgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIgZXhpZjpDb2xvclNwYWNlPSIxIiBleGlmOlBpeGVsWERpbWVuc2lvbj0iMTYiIGV4aWY6UGl4ZWxZRGltZW5zaW9uPSIxNiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YWRlYzJmY2YtMGU3Yy1iZjQ0LTgyN2EtNjI3YjE5N2Q4ODVmIiBzdEV2dDp3aGVuPSIyMDIyLTAxLTE3VDE4OjQ3OjMxWiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphMTc3MmY0ZS1jZGNkLTcyNDYtYjYyNi1kNzRlNWQxMGZiYmQiIHN0RXZ0OndoZW49IjIwMjItMDEtMThUMTc6MjBaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuNCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmJkMmQ3ZDMyLTU2YWEtNTY0OS04NDdmLTBmMWYzZThmMGJkYiIgc3RFdnQ6d2hlbj0iMjAyMi0wMS0xOVQxMDo0MTozMFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NGRmYTdjN2UtOWMyMy1kZjQ1LWE2MTctMjVmYjE3YzBjMjZiIiBzdEV2dDp3aGVuPSIyMDIyLTAxLTE5VDEwOjQxOjMwWiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiZDJkN2QzMi01NmFhLTU2NDktODQ3Zi0wZjFmM2U4ZjBiZGIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiNTQwNjllOC1iYmI1LWJhNGYtOGQ0Ny1kMWM2OWIwZDEwNDQiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphZGVjMmZjZi0wZTdjLWJmNDQtODI3YS02MjdiMTk3ZDg4NWYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7hJkGIAAAAgUlEQVQ4jaWTSwqAMAwFxxp15ff+VxQ/O1GsGwUpttr4IMuZFJqHMUIglWSFWGvxjQnADdBu67KFNvgE9TmveRLU5/ZPcQVRsCuIhu8CFQwgQAeUGvh6QaKFL0EPTH8EAKNWcv8FlcS9g2jJ0yVGSXxdGIH5iyDU5QHYU8kF8DbyAFHyKD3LdWDGAAAAAElFTkSuQmCC);color:#fff;color:var(--color-white);font-family:Baloo Bhai\ 2,cursive;line-height:1.7}.container{margin:0 auto;width:75%;width:var(--container-width-lg)}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}section{margin-top:8rem}section>h2,section>h5{color:hsla(0,0%,100%,.6);color:var(--color-light);text-align:center}section>h2{color:#4db5ff;color:var(--color-primary);margin-bottom:3rem}.text-light{color:hsla(0,0%,100%,.6);color:var(--color-light)}a{color:#4db5ff;color:var(--color-primary);transition:all ms 400 ease;transition:var(--transition-an)}a:hover{color:#fff;color:var(--color-white)}.btn{border:1px solid #4db5ff;border:1px solid var(--color-primary);border-radius:.4rem;color:#4db5ff;color:var(--color-primary);cursor:pointer;display:inline-block;padding:.75rem 1.2rem;transition:all ms 400 ease;transition:var(--transition-an);width:-webkit-max-content;width:max-content}.btn:hover{background:#fff;background:var(--color-white);border-color:transparent}.btn-primary,.btn:hover{color:#1f1f38;color:var(--color-bg)}.btn-primary{background:#4db5ff;background:var(--color-primary)}img{display:block;object-fit:cover;width:100%}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}section{margin-top:6rem}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-ms)}section>h2{margin-bottom:2rem}}
/*# sourceMappingURL=main.b77f32fa.css.map*/