@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;800&display=swap);html{scroll-behavior:smooth}*{padding:0;box-sizing:border-box}*,body{margin:0}body{font-family:"Poppins",sans-serif;height:100vh;color:#f1f7ee;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header-content{animation:loadin .75s}.container{max-width:1200px}@keyframes loadin{0%{opacity:0}to{opacity:1}}header{padding-bottom:50px;height:100vh;display:grid;place-items:center;overflow:hidden;position:relative}header,nav{background:#222}nav{display:flex;justify-content:space-between;padding:20px 100px;align-items:center}nav img{width:50px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}nav ul{display:flex;grid-gap:40px;gap:40px}ul li{list-style:none}.header-content{display:flex;grid-gap:30px;gap:30px;justify-content:center;align-items:center}.header-content h1{max-width:9ch;font-size:5rem;font-weight:700;text-align:right;position:relative;line-height:1.2;flex-basis:0;padding:0 10px}.header-content h1:before{content:"";position:absolute;top:-40px;right:-15px;height:350px;width:2px;background:#f26c4f;border-radius:300px}.lang{padding:0 5px;color:#222;font-weight:500;background:#3e92cc}.header-content .content-body{display:flex;flex-direction:column;grid-gap:10px;gap:10px;color:#c2c2c2;line-height:1.8}.social-icons{display:flex;grid-gap:50px;gap:50px;justify-content:flex-end;padding:20px 30px}.social-icons img{width:30px;filter:invert(58%) sepia(89%) saturate(1912%) hue-rotate(325deg) brightness(94%) contrast(101%);opacity:.5}.header-content .info{max-width:40ch;display:flex;flex-direction:column;grid-gap:20px;gap:20px}.info .role{color:#f26c4f;position:relative}.buttons{display:flex;grid-gap:20px;gap:20px}.stars{top:0;width:100%;height:120%;transform:rotate(-45deg)}.star,.stars{position:absolute;left:0}.star{--star-color:rgba(62,145,204,0.5333333333333333);--star-tail-length:6em;--star-tail-height:2px;--star-width:calc(var(--star-tail-length)/6);--fall-duration:9s;--tail-fade-duration:var(--fall-duration);top:var(--top-offset);width:var(--star-tail-length);height:var(--star-tail-height);color:var(--star-color);background:linear-gradient(45deg,currentColor,transparent);border-radius:50%;filter:drop-shadow(0 0 6px currentColor);transform:translate3d(104em,0,0);animation:fall var(--fall-duration) var(--fall-delay) linear infinite,tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite}@media screen and (max-width:750px){.star{animation:fall var(--fall-duration) var(--fall-delay) linear infinite}}.star:first-child{--star-tail-length:6.1em;--top-offset:60.42vh;--fall-duration:8.964s;--fall-delay:12.351s}.star:nth-child(2){--star-tail-length:6.25em;--top-offset:3.04vh;--fall-duration:11.516s;--fall-delay:7.155s}.star:after,.star:before{position:absolute;content:"";top:0;left:calc(var(--star-width)/-2);width:var(--star-width);height:100%;background:linear-gradient(45deg,transparent,currentColor,transparent);border-radius:inherit;animation:blink 2s linear infinite}.star:before{transform:rotate(45deg)}.star:after{transform:rotate(-45deg)}@keyframes fall{to{transform:translate3d(-30em,0,0)}}@keyframes tail-fade{0%,50%{width:var(--star-tail-length);opacity:1}70%,80%{width:0;opacity:.4}to{width:0;opacity:0}}@keyframes blink{50%{opacity:.6}}@media (min-width:768px){header{min-height:100vh}}@media (max-width:800px){.header-content{flex-direction:column;grid-gap:15px;gap:15px;margin-top:50px}.header-content h1{text-align:center}.social-icons{justify-content:center}.header-content h1:before{display:none}.header-content .info{text-align:center;align-items:center}}@media (max-width:420px){nav{flex-direction:column}nav,nav ul{grid-gap:15px;gap:15px}nav ul{font-size:15px}nav img{width:30px}.header-content{margin:auto;grid-gap:0;gap:0}.header-content h1{font-size:3.5rem}.social-icons img{width:20px}.header-content .content-body{font-size:15px;padding:0 20px}}.projects{background:#1f1f1f;padding:50px 100px;display:flex;flex-direction:column;grid-gap:50px;gap:50px;justify-content:center;align-items:center}.projects h1{font-size:3rem;font-weight:700;border-bottom:3px solid #3e92cc}@media (max-width:800px){.projects{padding:50px 30px}}@media (max-width:420px){.projects{padding:50px 20px}}.contact-section{background:#222;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px}.contact-section h1{font-size:3rem;font-weight:700;border-bottom:3px solid #3e92cc}form{background:#1f1f1f;padding:30px;border-radius:10px;box-shadow:0 5px 10px 0 #000}.details{display:flex;flex-direction:column;grid-gap:15px;gap:15px}form input,textarea{padding:10px 20px;outline:none;border:1px solid #f26c4f;background:transparent;color:#f1f7ee}.message{margin:15px 0}.message p{margin-bottom:10px}textarea{width:100%;resize:none;font-family:"Poppins"}form button{padding:5px 15px;font-size:1rem;background:#222;border:3px solid #3e92cc;color:#f1f7ee;box-shadow:2px 2px 0 0 #3e92cc;cursor:pointer;transition:all .22s ease-in-out}form button:hover{box-shadow:5px 5px 0 0 #3e92cc}.wrapper{display:flex;padding:50px;grid-gap:50px;gap:50px;justify-content:center;align-items:center}form{width:50%}.contact-info{width:50%;display:flex;flex-direction:column;grid-gap:30px;gap:30px}.contact-body{color:#c2c2c2}.social a{display:inline-block}a{position:relative;text-decoration:none;color:#f1f7ee;overflow:hidden}.hover-animation:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:-1px;left:0;background-color:#f26c4f;transform-origin:bottom right;transition:transform .25s ease-out}.hover-animation:hover:after{transform:scaleX(1);transform-origin:bottom left}@media (max-width:800px){.contact-section,.wrapper{padding:15px}.wrapper{flex-direction:column}.contact-info,form{width:100%}}
/*# sourceMappingURL=main.d3c3af55.chunk.css.map */