:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;scroll-behavior:smooth}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff20}::-webkit-scrollbar-thumb{background:red;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a30000}@-moz-document url-prefix(){*{scrollbar-width:thin;scrollbar-color:#98E705 #FFFFFF20}}html{background-color:#000;height:482vh;cursor:url(/assets/cursor-grab.svg),auto}.topnav{background-color:#000;border-bottom:.5px solid rgb(20,20,20);width:100%;padding:10px;height:40px;position:fixed;top:0;left:0;z-index:999;display:flex;justify-content:space-between;align-items:center}.right-side{margin-left:auto;display:flex;align-items:center;padding:10px}.topnav a{cursor:url(/assets/cursor-pointer.svg),auto;margin-right:1rem;height:30px;width:30px;position:relative;margin-top:5px}.topnav i{color:red}.right-side button:hover{background-color:#000;color:#fff;cursor:url(/assets/cursor-pointer.svg),auto}.topnav button{border-radius:20rem;border:none;background:none}.left-side img{margin-top:60px;position:relative;width:2.5rem;height:2.5rem;object-fit:cover;border-radius:50%}.left-side p{position:relative;margin-left:50px;bottom:3.3rem}.left-side .nav-pic{position:relative}.right-side{display:flex}.left-container{float:left;width:600px;margin-left:150px;margin-top:200px}.left-container .d{font-size:10rem;margin-top:10px;float:left;background-image:linear-gradient(to top,red,#00000050);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.left-container .name{font-size:50px}.left-container .info{font-size:24px;width:75%}.left-container button{width:100px;height:40px;border-radius:10px;border:none;margin-right:10px;font-weight:700;transition:.2s ease-out}.left-container .projects-btn{background-color:#222;color:#fff}.left-container .contact-btn{background-color:#ebebeb;color:#333}.left-container button:hover{cursor:url(/assets/cursor-pointer.svg),auto}.left-container .projects-btn:hover{background-color:#181818}.left-container .contact-btn:hover{background-color:#c4c4c4}.right-container img{object-fit:cover;width:40rem;height:40rem;float:right;margin-right:50px;margin-top:100px;transition:opacity .3s ease}.right-container img:hover{opacity:.7}.projects{position:absolute;top:120vh;color:#fff}@media screen and (max-width: 1200px){.right-container img{width:30rem;height:30rem;margin-right:20px;pointer-events:all}.left-container{margin-left:50px;margin-top:150px}}@media screen and (min-width: 768px){.right-container img{width:25rem;height:25rem;position:relative;top:5rem}}@media screen and (max-width: 768px){html{height:500vh}.homeSection{flex-direction:column;align-items:center;text-align:center}.left-container{float:none;width:90%;margin:120px auto 0;text-align:center}.left-container .d{float:none;font-size:8rem}.left-container .info{width:100%;margin:0 auto}.right-container img{float:none;width:90%;height:auto;margin:50px auto}.left-container-btns{display:flex;justify-content:center;gap:1rem;margin-top:2rem}}@media screen and (max-width: 480px){.left-container .d{font-size:6rem}.left-container .name{font-size:2rem}.left-container .info{font-size:1.2rem}.topnav{justify-content:center}.topnav a{padding:8px;margin-right:5px;font-size:.9rem}}.homeSection,.projects,.about,.contact{padding-top:80px;margin-top:-80px}.projects-container{margin-bottom:10rem}.project-card{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;background:#000;margin:1rem;max-width:500px;display:flex;flex-direction:column;position:relative;border:1px solid #222222}.project-card:hover{transform:translateY(-10px);box-shadow:0 8px 16px #0003;cursor:url(/assets/cursor-pointer.svg),auto}.project-image{width:100%;height:250px;object-fit:cover;flex-shrink:0;transition:transform .3s ease}.project-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;color:#fff}.project-content h2{margin:0 0 1rem;color:#fff;font-size:2rem}.tech-tag{background:#f0f0f0;padding:.3rem .8rem;border-radius:15px;font-size:.9rem;color:#666;margin-right:.5rem;margin-bottom:.5rem;display:inline-block}.project-link,.project-readMore{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:#1a1a1a;color:#fff;text-decoration:none;border-radius:10px;transition:all .3s ease;font-weight:700;max-width:fit-content;text-align:center}.project-link:hover{background:#fff;color:#000;cursor:url(/assets/cursor-pointer.svg),auto;box-shadow:2px 2px gray}.project-readMore:hover{background:#fff;color:#000;cursor:url(/assets/cursor-pointer.svg),auto;box-shadow:2px 2px gray}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;padding:2rem;max-width:1400px;position:relative;margin:-14rem auto -14rem 1.5rem}.project-card{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background:#000;border:1px solid #222222;margin:0 auto;width:100%;max-width:500px;display:flex;flex-direction:column}@media screen and (max-width: 1400px){.projects-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 992px){.projects-container{grid-template-columns:1fr;max-width:600px;padding:1rem}.project-image{height:300px}}@media screen and (max-width: 576px){.projects-container{padding:1rem;position:relative;width:90%;margin-left:0;top:40rem}.project-image{height:200px}}.app-container{position:relative;width:100%;height:100%;overflow:hidden}.mouse-circle{position:fixed;width:20px;height:20px;background-color:#ff0000b3;border-radius:50%;pointer-events:none;transition:transform .1s ease;z-index:1000}.container{position:relative;top:130vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.aboutH1{text-align:center;font-size:2.5rem;margin-bottom:7rem;width:20rem}.aboutContainer{background-color:#000;width:25rem;border-radius:1rem;perspective:1000px;transition:transform .2s ease-out;transform-style:preserve-3d;border:1px solid #252525}.img{width:25rem;height:25rem;object-fit:cover;border-radius:1rem 1rem 0 0}.DH1{font-size:4rem;margin-bottom:1rem;margin-left:2rem;margin-top:0rem;max-width:20rem;font-weight:700}.MP{font-size:1rem;margin-left:2.2rem;width:20rem}.buttons{padding:2rem}.buttons button{height:3rem;width:3rem;border-radius:100%;border:none;display:inline-block;margin-right:1rem;font-weight:700;background-color:#fff;transition:.3s ease-in-out;cursor:pointer;margin-top:0rem}.buttons i:before{color:#151515}.buttons button:hover{background-color:#000;color:#fff;cursor:url(/assets/cursor-pointer.svg),auto}.buttons button:hover i:before{color:#fff}@media screen and (max-width: 768px){.container{top:130vh;pointer-events:none}.container a button{pointer-events:all}.aboutContainer{width:90%;max-width:25rem;position:relative}.img{width:100%;height:auto}.DH1{font-size:3rem;margin-left:1rem}.MP{margin-left:1rem;width:90%}.buttons{padding:1rem}}.contact-section{display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;min-height:80vh;position:relative;top:140vh}.contact-section h1{font-size:3.5rem;margin-bottom:3rem;color:#fff}.contact-form{width:100%;max-width:600px;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#fff;font-size:1.1rem}.form-input{padding:.8rem 1rem;border-radius:5px;border:1px solid rgba(255,255,255,.1);background:#0003;color:#fff;font-size:1rem}.form-input::placeholder{color:#ffffff80}.message-input{resize:none;min-height:150px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.submit-btn{display:flex;justify-content:center;align-items:center;gap:5px;padding:auto 15px 15px auto;width:100%;height:40px;border-radius:5px;border:1px solid #252525;background-color:#000;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .25s;position:relative;overflow:hidden;z-index:1}.submit-btn:hover{color:#000}.submit-btn i{display:none;position:absolute;top:50%;left:91%;transform:translateY(-50%);font-size:1.2rem;color:#000;opacity:0;transition:opacity 2s ease,transform 2s ease;transition-delay:1s}.submit-btn:hover i{display:block;opacity:1;transform:translate(20px,-50%)}.submit-btn:before{content:"";position:absolute;top:0;left:0;height:100%;width:0;background-color:#fff;z-index:-1;transition:all .25s;color:#000}.submit-btn:hover:before{width:100%;cursor:url(/assets/cursor-pointer.svg),auto;color:#000}.form-input:focus{outline:none;border-color:#fff}@media screen and (max-width: 768px){.contact-section{position:relative;top:130vh;padding:none;margin:none}.contact-form{position:relative;left:-15px}.submit-btn{display:flex;justify-content:center;align-items:center;gap:5px;padding:auto 15px 15px auto;width:110%;height:40px;border-radius:5px;border:1px solid #252525;background-color:#000;box-shadow:4px 4px #fff;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .25s;position:relative;overflow:hidden;z-index:1}.submit-btn i{display:none;position:absolute;top:50%;left:85%;transform:translateY(-50%);font-size:1.2rem;color:#000;opacity:0;transition:opacity 2s ease,transform 2s ease;transition-delay:1s}.contact-form{width:90%}.contact-section h1{font-size:2.5rem}.form-input{width:100%}}.toast-container{position:absolute;bottom:2rem;right:20px;z-index:1000;width:300px;background-color:#000;border-radius:10px;border:solid 1px white}.toast-container p{position:relative;align-items:center;float:left;margin-left:20px}.toast-container button{position:relative;float:right;top:.9rem;margin-right:20px;background:#252525;height:31px;width:30px;padding:0;border-radius:50%;color:#fff;cursor:url(/assets/cursor-pointer.svg),auto;border:none;transition:transform .3s ease-in-out}.toast-container i{transition:transform .3s ease-in-out}.toast-container button:hover i{transform:rotate(90deg)}.skillsSection{position:relative;top:110vh;width:100%;display:inline-block;justify-content:center;align-items:center;flex-direction:column}.skillsSection h1{text-align:center;font-size:3rem;margin-bottom:3rem;color:#fff}.skillsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.skillContainer{background:#000;border:1px solid #252525;border-radius:15px;padding:2rem;box-shadow:0 4px 20px #0003;transition:transform .3s ease,box-shadow .3s ease}.skillContainer:hover{transform:translateY(-5px);box-shadow:0 6px 25px #0000004d;background:linear-gradient(-45deg,#000,#131313)}.skillContainer h2{color:#fff;font-size:1.8rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #333}.skillItems{display:flex;flex-wrap:wrap;gap:.8rem}.skillTag{background:#0d0d0d;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;transition:all .3s ease}.skillTag:hover{color:#000;background:#fff;transform:scale(1.05)}.skillTime{background:none;max-width:75px;border-radius:1rem;padding:.1rem;text-align:center;float:right;margin-top:2rem;cursor:url(/assets/cursor-pointer.svg),aut}.skillLink a{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:#fff;color:#000;text-decoration:none;border-radius:10px;transition:all .3s ease;font-weight:600;max-width:fit-content;text-align:center;float:left}.skillLink a:hover{background:#fff;cursor:url(/assets/cursor-pointer.svg),auto;box-shadow:2px 2px gray}@media screen and (max-width: 600px){.skillsSection{position:relative;margin-top:45rem}}@media screen and (max-width: 768px){.skillsSection{padding:2rem 1rem;width:95%;margin-top:85rem}.skillsGrid{grid-template-columns:1fr;justify-content:center}.skillContainer{padding:1.5rem;margin:0 auto;display:inline-block;justify-content:center;align-content:center;text-align:center;width:85%}.skillContainer h2{font-size:1.5rem}.skillTag{font-size:.8rem}.skillsSection{pointer-events:none}.skillsSection a{pointer-events:all}}