@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;1,200;1,400&display=swap);:root{--purple:#90f;--blue-gray:#6c757d;--black:#000;--light-gray:#f2f2f267;--light-purple:#8b34c5;--background-gray:#f2f2f2;--white:#fff}.app{background-color:#fff;background-color:var(--white);box-sizing:border-box;color:#000;color:var(--black);font-family:Nunito,sans-serif;margin:0;padding:0}.main-nav{align-items:center;display:flex;justify-content:flex-end;overflow-x:hidden}.main-nav-list{display:flex;list-style-type:none;padding:0}a{color:inherit;text-decoration:none}.nav-item{color:#333;cursor:pointer;margin:auto;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.nav-item:last-child{color:#90f;color:var(--purple);margin-right:0}.nav-item:hover{color:#90f;color:var(--purple);opacity:.8;-webkit-transform:scale(1.1);transform:scale(1.1)}.logo{-webkit-animation:floating 3s ease-in-out infinite;animation:floating 3s ease-in-out infinite;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:floating;animation-name:floating;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;color:#6c757d;color:var(--blue-gray);flex-basis:auto;flex-shrink:0;font-size:24px;font-weight:700;margin:0 auto 0 0}@media (max-width:466px){.main-nav{flex-wrap:wrap;justify-content:space-between;overflow-x:auto;padding-bottom:16px;position:relative}.logo{flex-basis:100%;margin:auto;text-align:center}.main-nav-list{flex-grow:1;white-space:nowrap}.nav-item{margin-right:8px}.nav-item:last-child{margin-right:0}.main-nav:after{background-image:linear-gradient(270deg,hsla(0,0%,100%,0),#fff);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:16px}}@-webkit-keyframes floating{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes floating{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.hero{background-color:#f2f2f2;background-color:var(--background-gray);border-radius:0 0 5px 5px;text-align:center}.hero-content{height:auto;margin:.5rem auto;max-width:80%;padding:2rem}.hero-title{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#d48723,#90f);background:linear-gradient(to left,#d48723,var(--purple));-webkit-background-clip:text;color:#000;color:var(--black);font-size:2.8rem;line-height:1;overflow-wrap:break-word;word-break:break-word}.hero-subtitle{color:#6c757d;color:var(--blue-gray);font-size:20px;line-height:1.8}.emoji{font-size:1.2rem;line-height:1rem;margin-left:.5rem}.hero-button{background:#111;border:none;border-radius:5px;color:#fff;color:var(--white);cursor:pointer;font-size:1.2rem;outline:none;padding:.8rem 2rem;position:relative;touch-action:manipulation;user-select:none;-webkit-user-select:none;z-index:0}.hero-button:before{-webkit-animation:glowing-button-85 20s linear infinite;animation:glowing-button-85 20s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;border-radius:10px;content:"";filter:blur(5px);-webkit-filter:blur(5px);height:calc(100% + 4px);left:-2px;position:absolute;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}@-webkit-keyframes glowing-button-85{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.hero-button:after{background:#222;border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@media (max-width:400px){.hero-content{max-width:90%;padding:1.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:18px}.emoji{font-size:1rem;line-height:.8rem;margin-left:.3rem}}.about{background-image:url(https://images.pexels.com/photos/303383/pexels-photo-303383.jpeg);background-position:50%;background-size:cover;color:#d6d6d6ea;margin-top:-8px;padding:2rem;text-shadow:.4px .4px .8px #000}.about-text{font-size:18px;line-height:1.8;padding:0 1.2rem}.about-title{text-align:center}.about-card{background-color:hsla(0,0%,100%,.2);border-radius:15px;padding:1rem}.glass-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:hsla(0,0%,100%,.11);border-radius:10px;padding:2rem}.container{background-color:#f1f1f1;border-radius:5px 5px 0 0;display:flex;flex-wrap:wrap;height:auto;justify-content:center;margin:0 auto;padding:1rem}.card{align-items:center;background-color:#fff;border-radius:10px;box-sizing:border-box;display:flex;flex:1 1 250px;flex-direction:column;margin:.5rem;padding:.5rem 1rem;text-align:center}.card-icon{font-size:3rem;margin-top:1rem}.card-title{font-size:1.5rem;margin-bottom:.5rem}.card-list{list-style:none;margin:0;padding:0}.card-list li{color:#6c757d;color:var(--blue-gray);margin-bottom:.5rem}.projects{margin:1rem 0}.projects-header{font-size:1.8rem;text-align:center}hr{margin-bottom:30px;width:50%}.project-cards{gap:2rem}.project-card{background-color:#f2f2f267;background-color:var(--light-gray);border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1.5rem;width:300px}.project-card img{border-radius:.5rem;height:auto;margin-bottom:1rem;width:100%}.project-card h3{font-size:1.5rem;margin-bottom:.5rem}.project-card p{color:#6c757d;color:var(--blue-gray);margin-bottom:1rem}.project-card a{background-color:#90f;background-color:var(--purple);border-radius:.25rem;color:#fff;display:inline-block;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s ease-in-out}.project-card a:hover{background-color:#8b34c5;background-color:var(--light-purple)}.project-cards{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media (min-width:768px){.project-cards{flex-wrap:nowrap}.project-card{flex-basis:25%;max-width:25%}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.project-card{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.contact{background-color:#eee;border-radius:5px 5px 0;padding:.5rem 2rem}.contact-title{font-size:2rem;margin-bottom:1.5rem;text-align:center}.contact-form{align-items:center;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);display:flex;flex-direction:column}.contact-input,.contact-textarea{border:none;border-radius:4px;box-shadow:0 0 5px rgba(153,0,255,.3);color:#6c757d;color:var(--blue-gray);font-size:1rem;margin-bottom:1.5rem;margin-top:1rem;outline:none;padding:1rem;width:86%}.contact-textarea{box-shadow:0 0 5px rgba(153,0,255,.3);height:150px;max-width:100%;outline:none}.contact-input::-webkit-input-placeholder,.contact-textarea::-webkit-input-placeholder{color:var(--light-contrast)}.contact-input::placeholder,.contact-textarea::placeholder{color:var(--light-contrast)}.contact-input:focus,.contact-textarea:focus{box-shadow:0 0 5px rgba(153,0,255,.3);outline:none}.contact-button{background:#111;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;margin:10px auto;outline:none;padding:.4rem .8rem;position:relative;touch-action:manipulation;user-select:none;-webkit-user-select:none;z-index:0}.contact-button:before{-webkit-animation:glowing-button-85 20s linear infinite;animation:glowing-button-85 20s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;border-radius:10px;content:"";filter:blur(5px);-webkit-filter:blur(5px);height:calc(100% + 4px);left:-2px;position:absolute;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}@keyframes glowing-button-85{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.contact-button:after{background:#222;border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.footer{align-items:center;background-color:#6c757d;background-color:var(--blue-gray);color:#fff;justify-content:space-between;padding:10px}.footer,.footer-icons{display:flex}.footer-icon{color:#fff;font-size:20px;margin-right:10px;transition:opacity .2s ease-in-out}.footer-icon:hover{opacity:.3;-webkit-transform:scale(1.3);transform:scale(1.3)}.footer-text{font-size:14px}@media (max-width:900px){.project-cards{flex-wrap:wrap;justify-content:center}.project-card{margin-bottom:2rem;width:300px}}@media (max-width:600px){.container{padding:.5rem}.card{flex-basis:calc(50% - 1rem);margin-bottom:1rem}}
/*# sourceMappingURL=main.9d977a89.css.map*/