body{background:linear-gradient(#000,#000026);background-attachment:fixed;height:100vh}@keyframes infinite-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.animate-infinite-scroll{animation:infinite-scroll 20s linear infinite;display:flex}.flex-nowrap{display:flex;white-space:nowrap}.header{align-items:center;background-color:#000;display:flex;height:80px;justify-content:space-between;justify-items:center;width:100%}.header h1{color:#fff;font-size:40px}.header h1 span{color:#00aeff;margin-left:15px}.ul{display:flex}.ul,.ul li{align-items:center}.ul li{color:#fff;font-size:20px;list-style-type:none;padding-right:20px}.ul li:hover{color:#00aeff}.link{color:inherit;text-decoration:none}.menu-icon{display:none}@media (max-width:750px){.header{height:60px}.header h1{font-size:30px}.header ul{background-color:#000000ee;border-top:1px solid #00aeff;display:block;gap:0;max-height:0;overflow:hidden;position:absolute;right:0;text-align:center;top:44px;width:100%}.header ul li{border-bottom:1px solid #00aeff;font-size:20px;margin-left:0;margin-top:15px;padding-bottom:15px;width:100%}.menu-icon{display:block}.menu-icon img{margin-top:10px;width:34px}#menuList{transition:all .5s}}.Main{color:#f0f8ff;display:block;margin:20px;padding:20px}.Main h1{font-size:70px}.Main h1,.Main h3{font-family:Monospace Monaco}.Main h3{color:#00aeff;font-size:45px;margin-top:-50px}.Main p{display:block;font-size:25px;margin-left:10px;margin-top:-20px}.card{box-shadow:0 0 20px rgba(0,0,0,.055);gap:20px;height:fit-content;left:40px;margin-top:60px;padding:25px;width:fit-content}.card,.socialContainer{align-items:center;display:flex;justify-content:center}.socialContainer{background-color:#00aeff;border-radius:50%;height:52px;overflow:hidden;transition-duration:.3s;width:52px}.containerOne:hover{background-color:#d62976}.containerOne:hover,.containerTwo:hover{border-radius:15px;transform:scale(1.5);transition-duration:.3s}.containerTwo:hover{background-color:#00acee}.containerThree:hover{background-color:#00476e}.containerFour:hover,.containerThree:hover{border-radius:15px;transform:scale(1.5);transition-duration:.3s}.containerFour:hover{background-color:#25d366}.containerFive:hover{background-color:#0b173f;border-radius:15px;transform:scale(1.5);transition-duration:.3s}.socialContainer:active{transform:scale(.9);transition-duration:.3s}.socialSvg{width:17px}.socialSvg path{fill:#fff}.socialContainer:hover .socialSvg{animation:slide-in-top .3s both}@keyframes slide-in-top{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:800px){.Main h1{font-size:45px;margin-top:-5px}.Main h1,.Main h3{font-family:Monospace Monaco}.Main h3{color:#00aeff;font-size:30px;margin-top:-20px}.Main p{font-size:20px;margin-left:5px;margin-top:-20px}.card{align-items:center;bottom:0;box-shadow:0 0 20px rgba(0,0,0,.055);display:flex;gap:20px;justify-content:center;left:0;padding:25px;position:absolute;width:86%}}.container{display:flex;margin:0;width:100%}.container-img{display:flex;height:80vh;margin-left:100px;margin-top:0;padding:20px;width:40%}.container-text{color:#f0f8ff;margin-right:100px;margin-top:20px;padding:20px;width:60%}.container-text h1{color:#00aeff;font-family:Monospace Monaco;font-size:40px;margin-top:-10px}.container-text h4{color:#bcbcbe;font-size:20px}.button{--width:120px;--height:35px;--tooltip-height:35px;--tooltip-width:90px;--gap-between-tooltip-to-button:18px;--button-color:#00aeff;--tooltip-color:#fff;background:var(--button-color);border-radius:.45em;font-family:Arial;height:var(--height);margin-left:10px;position:relative;text-align:center;transition:background .3s;width:var(--width)}.button:before{background-color:var(--tooltip-color);border-radius:.25em;bottom:calc(var(--height) + var(--gap-between-tooltip-to-button) + 10px);color:#111;content:attr(data-tooltip);font-size:.9rem;height:var(--tooltip-height);left:calc(50% - var(--tooltip-width)/2);line-height:var(--tooltip-height);position:absolute;width:var(--tooltip-width)}.button:after{border:10px solid #0000;border-top:10px solid var(--tooltip-color);bottom:calc(100% + var(--gap-between-tooltip-to-button) - 10px);content:"";height:0;left:calc(50% - 10px);position:absolute;width:0}.button:after,.button:before{opacity:0;transition:all .5s;visibility:hidden}.text{align-items:center;display:flex;justify-content:center}.button-wrapper,.icon,.text{color:#fff;height:100%;left:0;overflow:hidden;position:absolute;width:100%}.text{top:0}.icon,.text{transition:top .5s}.icon{align-items:center;color:#fff;display:flex;justify-content:center;top:100%}.icon svg{height:24px;width:24px}.button:hover .text{top:-100%}.button:hover .icon{top:0}.button:hover:after,.button:hover:before{opacity:1;visibility:visible}.button:hover:after{bottom:calc(var(--height) + var(--gap-between-tooltip-to-button) - 20px)}.button:hover:before{bottom:calc(var(--height) + var(--gap-between-tooltip-to-button))}@media (max-width:1096px){.container{align-items:center;flex-direction:column}.container-img{display:flex;height:200px;justify-content:center;margin-left:0;width:50%}.container-img img{border-radius:100px;height:200px;width:200px}.container-text{margin:0;width:80%}.container-text h1{color:#00aeff;font-family:Monospace Monaco;font-size:30px;margin-top:-10px}.container-text h4{color:#bcbcbe;font-size:15px}}.skills-container{border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:auto;padding:20px;text-align:center;width:90%;z-index:0}.skills-title{color:#00aeff;font-size:2rem;font-weight:700;margin-bottom:40px}.skills-sections{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin:auto;width:100%}.skills-category{background-color:#ececec1a;border:1px solid #00aeff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:15px;width:250px}.skills-category h3{border-bottom:2px solid #00aeff;color:#00aeff;font-size:1.8rem;margin-bottom:10px;padding-bottom:5px}.skills-category ul{list-style:none;margin:0;padding:0}.skills-category li{align-items:center;color:#f4f4f4;display:flex;font-size:1.1rem;padding:5px 0}.skills-category li img{height:30px;margin-right:5px;width:30px}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.skills-sections{align-items:center;flex-direction:column}.skills-category{width:80%}}.contaner{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin-top:20px}.project-card{align-items:center;background-color:#fff3;border-radius:10px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:20px;transition:transform .3s,box-shadow .3s;width:400px}.project-card:hover{box-shadow:0 8px 30px #0003;transform:translateY(-5px)}.project-image{border-radius:8px;object-fit:cover;width:100%}.project-content{margin-top:15px;text-align:center}.project-title{color:#00aeff;font-size:1.5rem;font-weight:600;margin:10px 0}.project-description{color:#fff;margin:10px 0}.technology-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:10px 0}.technology-tag{background-color:#e9ecef;border-radius:20px;color:#495057;font-size:.875rem;padding:5px 12px}.project-link-container{margin-top:10px}.project-link{background-color:#00aeff;border-radius:5px;color:#fff;margin-left:10px;padding:10px 15px;text-decoration:none;transition:background-color .3s}.project-link:hover{background-color:#0056b3}@media (max-width:768px){.project-card{padding:15px;width:90%}}.contact-section{background-color:#ffffff1a;border-radius:10px;box-shadow:0 4px 20px #0000001a;margin:20px auto auto;max-width:600px;padding:40px}.contact-section h2{color:#0af;margin-bottom:20px;text-align:center}.contact-section p{color:#c9c9c9;margin-bottom:30px;text-align:center}.contact-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{color:#fff;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #373738;border-radius:5px;box-sizing:border-box;padding:10px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#0af;outline:none}.submit-button{background-color:#00aeff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s}.submit-button:hover{background-color:#064f9e}.thank-you-message{color:#28a745;margin-top:20px;text-align:center}@media (max-width:768px){.contact-section{padding:20px;width:300px}}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;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.63b9fd61.css.map*/