@import url(https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);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}.App{display:flex;flex-direction:row}.App main{width:100%}.App main .page-container{height:81vh;overflow:auto}.App main .page-container::-webkit-scrollbar{border-radius:50px;width:.5rem}.App main .page-container::-webkit-scrollbar-thumb{background:var(--theme-color);border-radius:10px;width:100%}.App main .page-container article{align-items:center;display:flex;flex-direction:column}.App main .page-container article h2{font-size:2rem;text-transform:uppercase}@media screen and (min-width:1280px){.page-container{height:81%}}#body.dark-mode{--theme-background:#393b44;--theme-color:#f1f3f8;color:#f1f3f8}#body.dark-mode #nav-content{border-color:#f1f3f8}#body.dark-mode #nav-content #navbar a{color:#f1f3f8}#body.dark-mode #nav-content #navbar a.active{color:#393b44}#body.dark-mode #nav-content #navbar a.active:hover{color:#f1f3f8}#body.dark-mode #nav-content #navbar a.active:hover .icon-content svg{fill:#f1f3f8}#body.dark-mode #nav-content #navbar a.active .icon-content svg{fill:#393b44}#body.dark-mode #nav-content #navbar a:hover,#body.dark-mode #nav-content #navbar a:hover .icon-content{color:#393b44}#body.dark-mode #nav-content #navbar a:hover .icon-content svg{fill:#393b44}#body.dark-mode #nav-content #navbar a .icon-content svg{fill:#f1f3f8}#body.light-mode{--theme-background:#f1f3f8;--theme-color:#393b44;color:#393b44}#body.light-mode #nav-content{border-color:#393b44}#body.light-mode #nav-content #navbar a{color:#393b44}#body.light-mode #nav-content #navbar a.active{color:#f1f3f8}#body.light-mode #nav-content #navbar a.active:hover{color:#393b44}#body.light-mode #nav-content #navbar a.active:hover .icon-content svg{fill:#393b44}#body.light-mode #nav-content #navbar a.active .icon-content svg{fill:#f1f3f8}#body.light-mode #nav-content #navbar a:hover{color:#f1f3f8}#body.light-mode #nav-content #navbar a:hover .icon-content svg{fill:#f1f3f8}#body.light-mode #nav-content #navbar a .icon-content svg{fill:#393b44}#body{--gradient:#7a7a7a;background:linear-gradient(140deg,var(--theme-background) 0,var(--gradient) 100%);transition:background .5s ease}#header-content{align-items:center;border-right:2px solid var(--theme-color);display:flex;flex-direction:column;height:100vh;justify-content:space-around;padding:0 .5rem}#header-content.close #navbar-toggle{transition:all .5s ease;width:80%}#header-content.close #theme-toggle{border:none;width:100%}#header-content.close #navbar a .icon-content{width:100%}#header-content.close #navbar a p{display:none}@media screen and (min-width:378px){#header-content{width:25vw}#header-content.close{width:10vw}#header-content.close #navbar a{height:10rem}}@media screen and (min-width:1280px){#header-content{width:6vw}#header-content.close{width:2vw}#header-content.close #navbar a{height:5rem}}#navbar-toggle{position:relative;transition:all .5s ease;width:50%}#navbar-toggle.active{transform:rotate(180deg)}#navbar-toggle svg{fill:#00e8be}@media screen and (min-width:1280px){#navbar-toggle{cursor:pointer}#navbar-toggle:before{border-radius:10px;content:"";height:100%;position:absolute;right:0;transition:width .5s ease;width:0;z-index:-1}#navbar-toggle:hover svg{fill:#393b44}#navbar-toggle:hover:before{background:#00e8be;width:100%}#navbar-toggle svg{transition:fill .5s ease}}#theme-toggle{align-items:center;border:1px solid;border-radius:50px;display:flex;flex-direction:row;padding:.5rem}#theme-toggle:hover .icon-container{background:#f1f3f8}#theme-toggle:hover .icon-container svg#dark-icon{height:0;transform:scale(0);width:0}#theme-toggle:hover .icon-container svg#light-icon{height:90%;transform:scale(1);width:90%}#theme-toggle.active{flex-direction:row-reverse}#theme-toggle.active:hover .icon-container{background:#393b44}#theme-toggle.active:hover .icon-container svg#dark-icon{height:90%;transform:scale(1);width:90%}#theme-toggle.active:hover .icon-container svg#light-icon{height:0;transform:scale(0);width:0}#theme-toggle .icon-container{align-items:center;border:1px solid;border-radius:50px;display:flex;flex-direction:row;justify-content:center;padding:.2rem;position:relative;transition:all .5s ease}#theme-toggle .icon-container .icon-content{height:80%;position:absolute;transition:all .5s ease;width:80%}#theme-toggle .icon-container .icon-content svg{fill:#00e8be;height:100%;width:100%}body.light-mode #theme-toggle{border-color:#393b44;flex-direction:row-reverse}body.light-mode #theme-toggle:hover .icon-container{background:#393b44}body.light-mode #theme-toggle:hover .icon-container svg#dark-icon{height:90%;transform:scale(1);width:90%}body.light-mode #theme-toggle:hover .icon-container svg#light-icon{height:0;transform:scale(0);width:0}body.light-mode #theme-toggle .icon-container{background:#393b44;border-color:#393b44}body.light-mode #theme-toggle .icon-container svg#dark-icon{height:0;transform:scale(0);width:0}body.light-mode #theme-toggle .icon-container svg#light-icon{height:90%;transform:scale(1);width:90%}body.dark-mode #theme-toggle{border-color:#f1f3f8;flex-direction:row}body.dark-mode #theme-toggle:hover .icon-container{background:#f1f3f8}body.dark-mode #theme-toggle:hover .icon-container svg#dark-icon{height:0;transform:scale(0);width:0}body.dark-mode #theme-toggle:hover .icon-container svg#light-icon{height:90%;transform:scale(1);width:90%}body.dark-mode #theme-toggle .icon-container{border-color:#f1f3f8}body.dark-mode #theme-toggle .icon-container#light-icon{height:0;transform:scale(0);width:0}@media screen and (min-width:378px){#theme-toggle{border:none}#theme-toggle .icon-container{height:6rem;width:6rem}}@media screen and (min-width:1280px){#theme-toggle{border:1px solid;cursor:pointer;height:4.4rem;width:8rem}#theme-toggle .icon-container{height:3rem;width:3rem}}#navbar{height:75%;width:100%}#navbar,.header-link{display:flex;flex-direction:column;justify-content:space-around}.header-link{align-items:center;border:2px solid #00e8be;border-radius:10px;color:var(--theme-color);font-weight:700;position:relative;text-transform:uppercase;transition:color .5s ease}.header-link:before{border-radius:5px;content:"";height:100%;position:absolute;transition:width .5s ease;width:0;z-index:-1}.header-link:hover{color:#393b44}.header-link:hover .icon-content svg{fill:#393b44}.header-link:hover:before{background:#00e8be;width:100%}.header-link .icon-content{height:40%;width:40%}.header-link .icon-content svg{fill:var(--theme-color);height:100%;transition:all .5s ease;width:100%}@media screen and (min-width:378px){.header-link{font-size:220%;height:20rem}}@media screen and (min-width:1280px){.header-link{font-size:125%;height:10rem}.header-link:first-child{font-size:100%}.header-link.active:before,.header-link:hover:before{background:#00e8be;width:100%}.header-link.active:hover:before{width:0}}#title{align-items:center;display:flex;flex-direction:row;justify-content:space-around;padding-top:.5rem}#title .profile-picture{width:5%}#title .profile-picture img{border-radius:100px;height:100%;width:100%}@media screen and (min-width:378px){#title h1{font-size:250%}}#skills{height:100%;width:100%}#skills section{flex-direction:column;height:100%}#skills section,#skills section .tech-content{align-items:center;display:flex;justify-content:space-around;width:100%}#skills section .tech-content{flex-direction:row;height:45%}@media screen and (min-width:378px){#skills section .tech-content{flex-wrap:wrap}}@media screen and (min-width:1280px){#skills section .tech-content#front-tech{align-items:center;display:flex;flex-direction:row;justify-content:space-around}}@keyframes pulse{0%,to{border-color:var(--theme-color)}50%{border-color:var(--color)}}.skill-card{align-items:center;animation:pulse 5s ease .5s infinite;background:#0000;border:2px outset;border-radius:.5rem;display:flex;flex-direction:column;padding:1rem 0 0;position:relative;transition:all .5s ease;z-index:0}.skill-card:hover{cursor:pointer}.skill-card:hover:before{background:var(--color);height:100%}.skill-card:before{border-radius:inherit;bottom:0;content:"";height:0;left:0;opacity:.5;position:absolute;transition:height .5s ease;width:100%;z-index:-1}.skill-card h3{text-transform:uppercase}.skill-card .icon-content{align-items:center;display:flex;flex-direction:row;justify-content:center}.skill-card .icon-content svg{fill:var(--theme-color);height:100%;transition:all .5s ease;width:100%}.skill-card canvas{transition:all .5s ease}@media screen and (min-width:378px){.skill-card{gap:10%;height:20rem;width:15rem}.skill-card h3{font-size:2rem}.skill-card .icon-content{width:35%}.skill-card canvas{width:60%}}@media screen and (min-width:1280px){.skill-card{gap:1.5rem;width:10rem}.skill-card h3{font-size:1.5rem}.skill-card .icon-content{aspect-ratio:16/9;width:50%}.skill-card .icon-content svg{height:100%;width:100%}.skill-card canvas{width:80%}}#projects,#projects section{height:100%;width:100%}#projects section{display:flex;flex-direction:row;flex-wrap:wrap;gap:5rem;justify-content:space-around;margin-right:.5rem;overflow:auto;position:relative}#projects section::-webkit-scrollbar{background:none;border-radius:50px;width:.5rem}#projects section::-webkit-scrollbar-thumb{background:#00e8be;border-radius:50px;width:100%}.project-card{align-items:center;border:2px solid var(--theme-color);border-radius:10px;display:flex;flex-direction:column;gap:1rem;justify-content:space-around;padding:.5rem}.project-card .header-card{align-items:center;display:flex;flex-direction:row;height:3rem;justify-content:center;position:relative;width:100%}.project-card .header-card h3{font-size:large;text-align:center;text-transform:capitalize}.project-card .tech-used{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;width:100%}.project-card .tech-used li{font-size:medium}.project-card .project-view{@incldue flex(row,center,center);margin-top:.5rem;overflow:auto;position:relative;width:75%}.project-card .project-view img{height:100%;width:100%}.project-card .project-view iframe{display:block;height:0;transform:scale(0);width:0}.project-card .paragraph-content{display:flex;flex-direction:row;height:6rem;justify-content:center;overflow:auto;width:100%}.project-card .paragraph-content::-webkit-scrollbar{background:#7a7a7a;border-radius:50px;width:.5rem}.project-card .paragraph-content::-webkit-scrollbar-thumb{background:var(--theme-color);border-radius:50px;width:100%}.project-card .paragraph-content p{font-size:1.1rem;line-height:1.5rem;padding:.5rem;text-align:center;width:100%}.project-card .footer-card{align-items:center;display:flex;flex-direction:row;justify-content:space-around}.project-card .footer-card a{align-items:center;display:flex;flex-direction:row;justify-content:center;position:relative}.project-card .footer-card a:after,.project-card .footer-card a:before{background:#00e8be;border-radius:50px;content:"";height:.2rem;position:absolute;transition:width .5s ease;width:100%;z-index:1}.project-card .footer-card a:before{left:0;top:0}.project-card .footer-card a:after{bottom:0;right:0}.project-card .footer-card a:hover:after,.project-card .footer-card a:hover:before{width:0}.project-card .footer-card a:hover:before{left:0}.project-card .footer-card a:hover:after{right:0}.project-card .footer-card a .icon-content{align-items:center;display:flex;flex-direction:row;justify-content:center}.project-card .footer-card a .icon-content svg{fill:var(--theme-color);height:100%;width:100%}@media screen and (min-width:378px){.project-card{width:50%}.project-card .header-card .toggle-card{display:none}.project-card .footer-card{height:10%;width:75%}.project-card .footer-card a{width:15%}.project-card .footer-card a .icon-content{height:60%}}@media screen and (min-width:1280px){.project-card{background:none;height:81%;width:25%}.project-card .footer-card{width:50%}.project-card .footer-card a{height:55%}}#footbar{align-items:center;display:flex;flex-direction:row;justify-content:space-around;width:100%}@media screen and (min-width:378px){#footbar{height:6vh}}*{background:none;border:none;font-family:sans-serif;margin:0;padding:0;text-decoration:none}html{font-size:12px}button{background:none;border:none}.foot-link{align-items:center;color:var(--theme-color);display:flex;flex-direction:row;justify-content:center;padding:.5rem;position:relative}.foot-link:after,.foot-link:before{background:#00e8be;border-radius:50px;content:"";height:.2rem;position:absolute;transition:width .5s ease;width:100%;z-index:1}.foot-link:before{left:0;top:0}.foot-link:after{bottom:0;right:0}.foot-link:hover:after,.foot-link:hover:before{width:0}.foot-link:hover:before{left:0}.foot-link:hover:after{right:0}.foot-link .icon-content{align-items:center;display:flex;flex-direction:row;justify-content:center}.foot-link .icon-content svg{fill:var(--theme-color);height:100%;width:100%}.foot-link p{margin-left:.5rem}@media screen and (min-width:378px){.foot-link{height:65%}.foot-link .icon-content{height:4rem;width:4rem}.foot-link p{font-size:1.5rem}}@media screen and (min-width:1280px){.foot-link{height:65%}.foot-link .icon-content{height:2rem;width:2rem}}
/*# sourceMappingURL=main.66263604.css.map*/