*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}.app{position:relative;width:100%;height:100%;z-index:1}#grained-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.scroll-to-top{position:fixed;bottom:40px;right:40px;background-color:#fdec4f;color:#3a3a3a;padding:15px 20px;border-radius:50%;cursor:pointer;z-index:1000}.scroll-to-top:hover{box-shadow:0 4px 8px #0000001a}::-webkit-scrollbar{width:5px;background:#3a3a3a}::-webkit-scrollbar-thumb{background:#ccc}.home{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;background:url(/images/cover.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;z-index:0}.particle-canvas{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}.animation-container{width:100%;display:flex;justify-content:center;align-items:center;top:70%;flex-direction:column;position:absolute;z-index:3;text-align:center}.animation-container h1{font-size:2rem;font-weight:600;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.6)}.animation-container p{font-size:.9rem;font-weight:200;color:#fff;margin-top:5px;text-shadow:0 0 15px rgba(255,255,255,.6)}.social-icons{margin-top:20px;display:flex;justify-content:center;align-items:center;gap:20px}.social-icons a{color:#fff;font-size:1.5rem;height:40px;width:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:all .3s ease-in-out;box-shadow:0 0 10px #ffffff80;border:1px solid #fff}.social-icons a:hover{transform:scale(1.1);box-shadow:0 0 20px #000000e6}@media screen and (max-width: 1024px){.home{background:url(/images/cover.jpg) no-repeat center center;background-size:cover;background-attachment:fixed}.animation-container h1{font-size:1.8rem}.animation-container p{font-size:.85rem}}@media screen and (max-width: 768px){.home{background:url(/images/cover.jpg) no-repeat center center;background-size:cover;background-attachment:fixed}.animation-container h1{font-size:1.5rem}.animation-container p{font-size:.8rem}.social-icons a{font-size:1.3rem;height:35px;width:35px}}@media screen and (max-width: 425px){.home{background:url(/images/cover.jpg) no-repeat center center;background-size:cover;background-attachment:fixed}.animation-container h1{font-size:1.2rem}.animation-container p{font-size:.75rem}.social-icons a{font-size:1.2rem;height:30px;width:30px}}.about{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:50px;height:auto;background-color:#f5f5f5}.about img{width:425px;height:425px;border-radius:15px;margin:60px 80px 60px 0;filter:grayscale(75%)}.about .info{width:600px;height:425px;display:flex;flex-direction:column;justify-content:center;align-items:self-start}.about .info h1{font-size:2.2rem;font-weight:700;margin-bottom:20px;color:#000;font-family:Cabin,sans-serif}.about .info p{font-size:.9rem;font-weight:400;margin-bottom:20px;color:#838181;font-family:Cabin,sans-serif}.about .info .buttons{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.about .info .btn{width:auto;height:45px;padding:5px 30px;border-radius:30px;margin-right:50px;margin-top:10px;border:none;background-color:#fdec4f;color:#3a3a3a;cursor:pointer}.about .info .btn:hover{box-shadow:0 4px 8px #0000001a}.about .info .btn span{position:relative;bottom:3px;margin-left:10px;font-weight:600;font-size:.6rem;text-transform:uppercase;letter-spacing:1.5px}@media screen and (max-width: 1024px){.about{padding:40px;flex-direction:column}.about img{width:350px;height:350px;margin:0 0 30px}.about .info{width:100%;height:auto}.about .info h1{font-size:2rem}.about .info p{font-size:.8rem}.about .info .btn{padding:10px 20px}}@media screen and (max-width: 768px){.about{padding:30px}.about img{width:300px;height:300px}.about .info h1{font-size:1.8rem}.about .info p{font-size:.7rem}.about .info .btn{padding:8px 16px}.about .info .buttons{flex-direction:column;align-items:flex-start}}@media screen and (max-width: 425px){.about{padding:20px}.about img{width:100%;height:auto}.about .info h1{font-size:1.5rem}.about .info p{font-size:.6rem}.about .info .btn{padding:6px 12px}}.contact{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;padding:50px;height:auto;background-color:#f5f5f5}.contact h1{font-size:1.7rem;font-weight:700;margin-bottom:5px;color:#000;font-family:Cabin,sans-serif;margin-left:130px}.contact p{font-size:.9rem;font-weight:400;margin-bottom:20px;color:#838181;font-family:Cabin,sans-serif;margin-left:130px}form{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:90%;padding:50px;height:auto;border-radius:10px;margin-left:70px;font-family:Cabin,sans-serif}.form-group{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin-bottom:20px}.form-group input{width:48%;padding:10px 20px;height:50px;font-size:.9rem;border-radius:10px;border:none;outline:none}.form-group input:hover{box-shadow:0 4px 8px #0000001a}.form-group input:focus{border-color:#fdec4f}textarea{width:100%;padding:10px 20px;font-size:.9rem;border:none;border-radius:10px;transition:border-color .3s;margin-bottom:20px;resize:none;outline:none}textarea:hover{box-shadow:0 4px 8px #0000001a}textarea:focus{border-color:#fdec4f}button[type=submit]{background-color:#fdec4f;color:#3a3a3a;padding:15px 30px;border:none;border-radius:25px;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Cabin,sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:1px;box-shadow:none}button[type=submit]:hover{box-shadow:0 4px 8px #0000001a;background-color:#fdec4f}@media (max-width: 768px){.contact h1,.contact p{margin-left:0;text-align:center;width:100%}form{margin-left:0;padding:20px;width:100%}.form-group{flex-direction:column;align-items:center;margin-bottom:5px}.form-group input{width:100%;margin-bottom:10px}textarea{width:100%}button[type=submit]{width:100%;justify-content:center}}.services{display:flex;flex-direction:column;justify-content:center;align-items:space-between;width:100%;padding:80px;height:auto}.services h1{font-size:1.7rem;font-weight:900;margin-bottom:10px;color:#000;font-family:Cabin,sans-serif;margin-left:100px}.services p{font-size:.9rem;font-weight:400;margin-bottom:30px;color:#838181;font-family:Cabin,sans-serif;margin-left:100px}.services .cards{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:60px;margin-left:100px}.services .cards div{margin:0 40px 0 0}.services .cards h2{font-size:1.1rem;font-weight:700;margin-bottom:20px;color:#000;font-family:Cabin,sans-serif}.services .cards p{font-size:.8rem;margin-left:0;margin-right:20px;line-height:25px}@media screen and (max-width: 1024px){.services{padding:60px}.services h1,.services p{margin-left:30px}.services .cards{margin-left:30px;flex-direction:column}.services .cards div{margin:0 0 40px}}@media screen and (max-width: 768px){.services{padding:40px}.services h1{font-size:1.5rem}.services p{font-size:.8rem}.services .cards div{margin:0 0 30px}.services .cards h2{font-size:1rem}.services .cards p{font-size:.7rem}}@media screen and (max-width: 425px){.services{padding:20px}.services h1,.services p{margin-left:20px}.services .cards{margin-left:0;flex-direction:column}.services .cards div{margin:0 0 20px}.services .cards h2{font-size:.9rem}.services .cards p{font-size:.6rem}}.portfolio{padding:50px;text-align:center;background-color:#f5f5f5}.text{align-self:flex-start;text-align:start;margin-left:125px;margin-bottom:20px}.portfolio h2{font-size:1.7rem;margin-bottom:10px;align-self:start;color:#000}.portfolio p{font-size:.9rem;margin-bottom:40px;color:#777}.portfolio-items{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:60px;margin-bottom:40px;margin-top:40px;padding:0 20px;flex-direction:row}.portfolio-item{width:550px;height:550px;cursor:pointer;transition:transform .3s,box-shadow .3s;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a}.portfolio-item:hover{transform:scale(1.05);box-shadow:0 8px 16px #0003}.portfolio-item img{width:100%;height:100%}.load{margin-top:60px;background-color:#fdec4f;color:#3a3a3a;padding:15px 30px;border:none;border-radius:25px;font-size:.6rem;cursor:pointer;text-transform:uppercase;font-weight:700;letter-spacing:0cap;transition:background-color .3s;margin-left:15px}.load:hover{box-shadow:0 4px 8px #0000001a}.load span{position:relative;bottom:3px;margin-left:10px;font-weight:600;font-size:.6rem;text-transform:uppercase;letter-spacing:1.5px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity 1s}.modal.show{opacity:1}.modal-content{background:#fff;padding:10px;border-radius:5px;position:relative;max-width:600px;width:90%;max-height:90%;overflow:auto;animation:fadeIn .5s;display:flex;flex-direction:column;align-items:flex-start;text-align:left;line-height:30px;letter-spacing:1px}.modal-content img{width:100%;height:auto}.modal-content h2{font-size:1.4rem;color:#000;font-family:Cabin,sans-serif;margin:45px 0 20px 15px}.modal-content p{font-size:.9rem;color:#666;margin-bottom:20px;margin-left:15px}.modal-content .visit{background-color:#fdec4f;color:#3a3a3a;padding:15px 30px;border:none;border-radius:20px;font-size:.6rem;cursor:pointer;text-transform:uppercase;font-weight:700;letter-spacing:0cap;transition:background-color .3s;margin-left:15px;margin-bottom:30px;font-family:Cabin,sans-serif}.modal-content .visit:hover{box-shadow:0 4px 8px #0000001a}.close{position:absolute;top:10px;right:10px;font-size:40px;cursor:pointer;color:#333;padding-left:10px;width:40px;height:40px;border-bottom-left-radius:50%;background-color:#fff}.modal-content::-webkit-scrollbar{width:0;background:transparent}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}body.modal-open{overflow:hidden}@media screen and (max-width: 1024px){.portfolio-item{width:450px;height:450px}.load{font-size:.5rem;padding:10px 20px}.modal-content h2{font-size:1.3rem}.modal-content p{font-size:.8rem}.modal-content .visit{font-size:.5rem;padding:10px 20px}.close{font-size:30px;width:30px;height:30px}.text{margin-left:50px;margin-right:50px;text-align:center;align-self:center}}@media screen and (max-width: 768px){.portfolio-item{width:350px;height:350px}.load{font-size:.4rem;padding:8px 16px}.modal-content h2{font-size:1.2rem}.modal-content p{font-size:.7rem}.modal-content .visit{font-size:.4rem;padding:8px 16px}.close{font-size:25px;width:25px;height:25px;padding:0 5px 5px}.text{margin-left:20px;margin-right:20px;text-align:center;align-self:center}}@media screen and (max-width: 425px){.portfolio-item{width:320px;height:250px}.load{font-size:.3rem;padding:6px 12px}.modal-content h2{font-size:1rem}.modal-content p{font-size:.6rem}.modal-content .visit{font-size:.3rem;padding:6px 12px}.close{font-size:25px;width:25px;height:25px;bottom:10px}.text{margin-left:10px;margin-right:10px;text-align:center;align-self:center}}.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fff;z-index:1000}.loader{display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column}.circle{width:40px;height:40px;margin:auto;border-radius:50%;background:#fdec4f90;position:absolute;top:0;left:-10px;z-index:1;scale:1.2}.circle1{animation:circle-animation 1.5s infinite ease-in-out both}.circle2{animation:circle-animation2 1.5s infinite ease-in-out both}@keyframes circle-animation{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes circle-animation2{0%,80%,to{transform:scale(1)}40%{transform:scale(0)}}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:200px;color:#fff;margin-top:100px}p{font-size:.8rem;font-weight:200;color:gray;font-family:Cabin,sans-serif}.socials{margin-top:20px;display:flex;justify-content:center;align-items:center;gap:20px;color:gray;margin-bottom:30px}.socials a{color:gray;font-size:1.3rem;height:35px;width:35px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:all .3s ease-in-out;border:2px solid gray}.socials a:hover{transform:scale(1.1);box-shadow:none}@media (max-width: 768px){.footer{height:auto;padding:20px 0}.footer p{font-size:.9rem;text-align:center;margin:10px 0}.socials{flex-direction:row;gap:8px}.socials a{font-size:1.2rem;height:40px;width:40px}}@media (max-width: 480px){.footer p{font-size:.8rem}.socials a{font-size:.6rem;height:32px;width:32px}}.quote{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:50px;height:auto;margin:50px 0}.quote h1{font-size:1.8rem;font-weight:900;margin-bottom:20px;color:#000;font-family:Cabin,sans-serif}.quote p{font-size:.9rem;font-weight:400;margin-bottom:20px;color:#838181;font-family:Cabin,sans-serif}.quote .quote-btn{background-color:#fdec4f;color:#3a3a3a;padding:16px 35px;border:none;border-radius:25px;font-size:.6rem;cursor:pointer;text-transform:uppercase;font-weight:700;letter-spacing:1.5px;margin-top:30px;font-family:Cabin,sans-serif}.quote .quote-btn:hover{box-shadow:0 4px 8px #0000001a}@media screen and (max-width: 1024px){.quote h1{font-size:1.5rem}.quote p{font-size:.8rem}.quote .quote-btn{font-size:.5rem;padding:14px 30px}}@media screen and (max-width: 768px){.quote h1{font-size:1.3rem;text-align:center}.quote p{font-size:.7rem}.quote .quote-btn{font-size:.4rem;padding:12px 25px}}@media screen and (max-width: 425px){.quote h1{font-size:1.2rem}.quote p{font-size:.6rem}.quote .quote-btn{font-size:.3rem;padding:10px 20px}}.techStack{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:50px;height:auto}.techStack h1{font-size:2.2rem;font-weight:700;margin-bottom:50px;color:#000;font-family:Cabin,sans-serif;align-self:start;margin-left:140px}.logo{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:auto;gap:20px;flex-wrap:wrap;overflow-x:hidden;padding:0 30px}.logo img{width:120px;height:120px;margin:30px}.logo img:hover{transform:scale(1.2);cursor:pointer;transition:all .3s ease-in-out}@media (max-width: 768px){.techStack h1{font-size:1.8rem;margin-left:20px}.logo{gap:10px}.logo img{width:70px;height:70px;margin:15px}}@media (max-width: 480px){.techStack h1{font-size:1.5rem;margin-left:10px}.logo img{width:50px;height:50px;margin:10px}}