@import url(https://fonts.googleapis.com/css2?family=Acme&family=Pacifico&family=Poppins:wght@200;300;400&family=Roboto+Condensed&family=Roboto:wght@500&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--text-color:#0b0f27;--bg-color1:#0b0f27;--bg-color2:#147290;--bg-color3:#e83f6f;--bg-color4:#0f5257;--bg-color5:#f2efc7;--bg-color6:#e71d36;--bg-color7:#1a7569;--bg-color8:#e4eced;--bg-contact-color9:#d5e5eb;--bg-contact-color10:#8bbfcd;--bg-contact-color11:#fafafa;--bg-button:rgba(95,189,196,.822);--bg-skill:#58d3c0;--bg-button-hover:#053967;--bg-heading-start:#09969e;font-size:12px}html{overflow-x:hidden;scroll-behavior:smooth}body{background:#0b0f27;background:var(--bg-color1);color:#082533;font-family:Roboto,sans-serif}*{-webkit-user-select:none;user-select:none}a{color:inherit;list-style:none;text-decoration:none}a:visited{background-color:none}.id-buttons{transition:all .3s}.id-buttons:hover{-webkit-filter:contrast(130%);filter:contrast(130%)}@media only screen and (max-width:950px){:root{font-size:10px}}.navbar{align-items:center;background:#fff;display:flex;font-size:1.5rem;font-weight:600;gap:1.5rem;height:4.5rem;left:0;padding-left:2rem;position:fixed;top:.5rem;width:100%;z-index:5}.navbar div{cursor:context-menu;position:relative}.menu{align-items:center;display:flex;gap:1.5rem;height:auto;margin-left:auto;margin-right:2rem;position:relative;transition:all .5s}.menu-phone{display:none}.menu-phone a{align-items:center;display:flex}.menu_item{cursor:pointer;font-style:normal;list-style:none;text-decoration:none;transition:all .2s}.bg-white{-webkit-animation:navcolor .2s forwards;animation:navcolor .2s forwards}@-webkit-keyframes navcolor{0%{background-color:initial;top:.5rem}to{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.15);top:0}}@keyframes navcolor{0%{background-color:initial;top:.5rem}to{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.15);top:0}}.bg-normal{-webkit-animation:navcolorback .05s forwards;animation:navcolorback .05s forwards}@-webkit-keyframes navcolorback{0%{background-color:#fff;top:0}to{background-color:initial;top:.5rem}}@keyframes navcolorback{0%{background-color:#fff;top:0}to{background-color:initial;top:.5rem}}.nav-item-active{color:#e15858}.linecontainer{display:none;height:1560px;place-content:center;pointer-events:none;position:absolute;top:400px;width:100%;z-index:55}.linecontainer svg{display:inline-block;height:100%}.logo{border-radius:50%;height:3rem;overflow:hidden;width:3rem}.logo img{width:100%}.hamburger{display:none;font-size:2.3rem}@media only screen and (max-width:950px){.navbar{font-size:1.8rem}.menu-pc{display:none}.menu-phone{background-color:#fafafa;border-radius:2rem;bottom:1.5rem;box-shadow:.1rem .3rem 2rem -1rem #000;display:flex;font-size:2.5rem;gap:3rem;left:50%;margin-right:0;padding:1.5rem;position:fixed;-webkit-transform:translate(-50%);transform:translate(-50%)}.hamburger{display:block;margin-left:auto;margin-right:2rem}}#about{background-color:#fafafa;padding:8rem 0 4rem;position:relative;width:100%}.about-container{align-content:center;flex-direction:column;gap:2rem;height:80%}.about-container,.about-header{display:flex;justify-content:center;width:100%}.about-header{align-self:flex-start;font-size:3rem;font-weight:600;padding:1rem 4rem;z-index:3}.about-content{display:flex;padding:4rem 8rem 0}.about-header .about-header-title{font-size:4rem}.about-container .about-gtkm{display:flex;flex-direction:column;gap:1.5rem;height:auto;padding:2rem}.navref{position:relative;top:1vh}.about-gtkm-title{font-size:2.5rem;font-weight:600}.about-gtkm-content{color:rgba(0,0,0,.76);font-size:1.6rem}.about-gtkm-contact{background-color:var(--bg-button);border-radius:.4rem;font-size:2rem;font-weight:600;padding:.8rem;text-align:center;width:13rem}.about-container .about-skills{display:flex;flex-direction:column;gap:1.5rem;height:auto;padding:2rem}.about-skills-title{font-size:2.5rem;font-weight:600}.skill-set{display:flex;flex-wrap:wrap;gap:1.5rem;overflow:hidden;z-index:4}.skill{background-color:var(--bg-skill);border-radius:.4rem;font-size:1.5rem;padding:1rem;position:relative}.skillPercentage{align-items:center;background-color:var(--bg-button-hover);border-radius:.4rem;color:#fff;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .3s;width:100%}.skillPercentage:hover{opacity:1}.about-illustration{bottom:-5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;right:0;z-index:2}.about-illustration img{height:40rem;margin-right:4rem;width:40rem}.aboutIllVisible{-webkit-transform:translate(0);transform:translate(0)}.darkText{color:var(--bg-heading-start)}.about-header .darkText:nth-child(2){margin-left:1rem}@media only screen and (max-width:950px){#about{padding:10rem 0}.about-container{-webkit-column-gap:2rem;column-gap:2rem;gap:0;grid-template-columns:100%;grid-template-rows:15rem auto auto}.about-content{flex-direction:column;padding:4rem 2rem}.about-skills{margin-top:5rem}.about-header{width:100%}.about-illustration img{margin-right:.5rem}}#home{align-items:center;display:flex;height:100.5vh;justify-content:center;width:100%}.home-container{-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);background-color:#eae9ea;background-image:url(/static/media/background.e4cdf462701c34e69f0d.jpg);overflow:hidden;position:relative}.home-container,.profile-info{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.profile-info{font-size:5rem;font-weight:800;min-width:30rem;z-index:4}.profile-info div:first-child span{align-items:center;display:flex;flex-direction:column}.profile-info div:first-child span h6{font-size:2.5rem}.profile-info div:first-child span h3{font-size:5rem}.profile-info div:nth-child(2){display:flex;font-size:3rem;gap:1rem}.profile-info div:nth-child(2) span:first-child{color:var(--bg-color2)}.profile-info div:nth-child(3){display:flex;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:400;justify-content:center;margin-top:1rem;text-align:center;width:80%}.project-button{background-color:var(--bg-button);border-radius:.4rem;font-size:2rem;margin-top:2rem;padding:.5rem;text-align:center;width:10rem}.visible{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.hidden{opacity:0}.links{align-items:center;background-color:#fff;border-radius:0 1rem 1rem 0;display:flex;flex-direction:column;height:22rem;justify-content:space-evenly;left:0;position:absolute;width:5rem;z-index:8}.links .link-box{background-color:initial;border-radius:1rem;font-size:3rem;height:4rem;transition:all .3s;width:4rem}.links .link-box,.links .link-box a{align-items:center;display:flex;justify-content:center}.links .link-box:hover{background-color:#e0e4e6}.scroll-indicator{background-color:#fff;border-radius:1.5rem;bottom:3rem;box-shadow:.1rem .3rem 2rem -1rem #000;display:flex;height:5rem;justify-content:center;padding:auto;position:absolute;transition:all .5s;width:3rem}.scroll-inner{-webkit-animation:scrollDown 1s linear infinite forwards;animation:scrollDown 1s linear infinite forwards;background-color:#000;border-radius:1.5rem;height:1rem;-webkit-transform:translatey(100%);transform:translatey(100%);width:1rem}.visibleScroll{opacity:1}.hideScroll{opacity:0}@-webkit-keyframes scrollDown{0%{opacity:1;-webkit-transform:translatey(300%);transform:translatey(300%)}to{opacity:0;-webkit-transform:translatey(100%);transform:translatey(100%)}}@keyframes scrollDown{0%{opacity:1;-webkit-transform:translatey(300%);transform:translatey(300%)}to{opacity:0;-webkit-transform:translatey(100%);transform:translatey(100%)}}.home-illustration{bottom:0;display:flex;justify-content:flex-end;position:absolute;right:0;width:100%;z-index:2}.home-illustration img{height:30rem;margin-right:2rem;-webkit-transform:scaleX(-1);transform:scaleX(-1);width:30rem}@media only screen and (max-width:950px){.links{display:none}.profile-info{margin-bottom:13rem;padding:1.5rem}.profile-info div:first-child{display:flex}.profile-info div:first-child span{text-align:center}.scroll-indicator{bottom:19rem;-webkit-transform:scale(.7);transform:scale(.7)}.profile-info div:nth-child(2){display:flex;font-size:3rem;gap:1rem}.profile-info div:first-child span h3{font-size:4.5rem}.home-illustration{bottom:3rem;z-index:-1}.home-illustration img{margin-right:2rem;width:25rem}.profile-info div:nth-child(3){font-size:1.3rem}}#projects{flex-direction:column;gap:5rem;min-height:70rem;padding:10rem 0 3rem}#projects,.project-list{align-items:center;background-color:#f1f1f1;display:flex;height:auto}.project-list{flex-wrap:wrap;gap:1.5rem;justify-content:space-evenly;padding:2rem;width:100%}.project{background-color:#fff;border-radius:1rem;box-shadow:7px 9px 19px -5px hsla(0,6%,51%,.84);display:flex;flex-direction:column;height:30rem;justify-self:flex-start;padding:1rem;position:relative;-webkit-transform:translatey(20%);transform:translatey(20%);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:38rem}.project:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.project-details{align-items:flex-start;display:flex;font-size:1.7rem;font-weight:600;gap:1rem;height:20%;padding:1.5rem}.project-nameDesc{display:flex;flex-direction:column}.aboutProject{font-size:1.2rem;font-weight:200;margin-top:.3rem}.projectDesc{background-color:#30718d;border-radius:.5rem;color:#fff;font-size:1rem;font-weight:200;padding:.5rem;position:absolute;right:2rem;top:67%}.project img{border-radius:1rem;height:100%;object-fit:cover;width:100%}.project a{font-size:2.5rem}.project a,.project-read-more{align-items:center;display:flex}.project-read-more{gap:1rem;margin-left:auto}.projects-header{align-self:flex-start;display:flex;font-size:3rem;font-weight:800;justify-content:center;width:100%}@media only screen and (max-width:950px){#projects{height:auto}.projects-header{width:100%}}#contact{align-items:center;background-image:url(/static/media/background.e4cdf462701c34e69f0d.jpg);display:flex;height:100vh;justify-content:center;padding:2rem;width:100%}.contact-box{background:var(--bg-contact-color11);box-shadow:12px 13px 18px -6px rgba(0,0,0,.33);flex-direction:row;height:40rem;-webkit-transform:translatey(20%);transform:translatey(20%);transition:all .7s;width:80rem}.contact-box,.contact-me{border-radius:1.2rem;display:flex}.contact-me{background:var(--bg-contact-color10);color:var(--text-color);flex-direction:column;gap:1rem;height:100%;padding:4.42rem 4.75rem;width:35%}.contact-me span:first-child{font-size:2.5rem;height:3.67rem;position:relative}.contact-me span:nth-child(2){font-size:1.33rem;height:auto;position:relative}.contact-form{color:var(--text-color);font-size:1.5rem;gap:1rem;padding:4rem;width:65%}.contact-form,.contact-form div{display:flex;flex-direction:column}.contact-form div{gap:.3rem}.contact-form div:last-child{flex-direction:row;justify-content:space-between}.contact-form div textarea,input[name=email],input[name=name]{border:1px solid rgba(0,0,0,.34);border-radius:.5rem;height:3.25rem;padding:1rem}.contact-form div input[name=name],.contact-form div textarea,input[name=email]{background-color:var(--bg-color8);border:none;outline:none}.contact-form div textarea{font-family:Roboto;height:9rem;max-height:9rem}.contact-form div input:focus{border:none}.contact-form .contact-button{align-items:center;background:#42c5abb8;border:none;border-radius:5px;box-shadow:1px 1px 3px .2px rgba(0,0,0,.33);color:var(--text-color);cursor:pointer;display:flex;font-size:1.2rem;height:3rem;justify-content:center;width:9rem}.contact-form .contact-button:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.contact-links{display:flex;font-size:2.8rem;gap:1rem;height:5rem;justify-content:flex-start;margin-top:1rem;position:relative}.button-area{margin-top:2rem}.visibleUp{-webkit-transform:translate(0);transform:translate(0)}@media only screen and (max-width:950px){.contact-box{flex-direction:column;height:60rem}.contact-me{height:auto;margin:2rem auto;padding:2rem 3rem;width:93%}.contact-form{color:var(--text-color);display:flex;flex-direction:column;font-size:1.5rem;gap:1rem;padding:1rem 3rem;width:100%}.contact-links{height:auto;margin-top:0;top:0}}#alert{align-items:center;background-color:#75b99b;font-size:1.3rem;height:3rem;padding-left:4vw;position:fixed;top:4rem;z-index:55}#alert,#footer{display:flex;width:100%}#footer{background-color:#171921;color:#fff;font-size:1.5rem;height:25rem;justify-content:center}#footer li{height:3rem;list-style:none;text-decoration:none}.footer-container{align-items:center;display:flex;flex-direction:column;gap:5rem;justify-content:center;width:80%}.about-footer{display:flex;justify-content:space-between;width:100%}.about-name{width:60%}.about-name span{font-size:1.3rem}.copyright{display:flex;flex-direction:column;font-size:1.2rem;gap:2rem;width:100%}.copyright .line{background-color:#fff;height:.02rem;width:100%}.copyright .copyright-content{text-align:center;width:100%}.footer-container h3{margin-bottom:1.5rem}.social-links{display:flex;gap:1rem}@media only screen and (max-width:950px){#footer{height:40rem}}
/*# sourceMappingURL=main.cddf5ec1.css.map*/