:root{--background:#0a0a0a;--foreground:#ededed;--defaultFont:Montserrat, sans-serif;--defaultScale:scale(1.1);--defaultSpeed:transform ease .15s}::-webkit-scrollbar{width:0!important;display:none!important}html,body{max-width:100vw;height:100%;overflow:hidden auto;-ms-overflow-style:none!important;scrollbar-width:none!important}body{color:var(--foreground);background:var(--background);font-family:var(--defaultFont);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-weight:600}h1{font-family:var(--defaultFont);font-weight:500}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}main{z-index:1;position:relative}.fade-in{opacity:0;transition:opacity .5s ease-in-out}.fade-in.visible{opacity:1}.loading-spinner{justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{z-index:1000;pointer-events:none;justify-content:space-between;align-items:center;width:100%;display:flex;position:fixed;top:0;left:0;right:0}.navbar-image,.navbar ul,.navbar li{pointer-events:auto;filter:drop-shadow(0 2px 4px #0000004d)}.navbar-image{cursor:pointer;transition:var(--defaultSpeed);margin-left:5px}.navbar-image:hover{transform:var(--defaultScale)}.navbar ul{gap:20px;margin-right:20px;font-size:1.2em;list-style-type:none;display:flex}.navbar li{cursor:pointer;transition:var(--defaultSpeed)}.navbar li:hover{transform:var(--defaultScale)}.navbar li a{color:#fff;text-shadow:0 2px 4px #46464603}.object-cover{object-fit:cover}.carousel-container{opacity:0;width:100vw;height:100vh;transition:opacity .5s ease-in-out;position:relative;overflow:hidden}.carousel-container.loaded{opacity:1}.carousel{width:100%;height:100%;position:relative}.slide{opacity:0;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}.slide-visible{opacity:1}.slide-hidden{opacity:0}.slide img{object-fit:cover;object-position:bottom;width:100%;height:100%}.carousel-dots{flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.carousel-dot{background-color:#ffffff80;border-radius:50%;width:12px;height:12px;transition:background-color .3s}.carousel-dot:hover{cursor:pointer;background-color:#ffffffcb}.carousel-dot-active{background-color:#fff}.fullscreen-button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;bottom:20px;right:20px}.scroll-down{color:#fff;font-size:24px;animation:2s bounce;position:absolute;bottom:20px;left:50%}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.HomePage-Container{max-width:1200px;margin:0 auto;padding:2rem}.What-I-Do{color:#fff;font-family:var(--Secondary-Font);text-align:center;text-align:left;margin-top:40px;margin-bottom:10px;font-size:40px}.Skills-Card-All{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.Skills-Card-Main{color:#f5f5f5;background:#333;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:150px;height:200px;transition:transform .2s,margin .2s;display:flex}.Skills-Card-Main:hover{transform:scale(1.05)}.Skills-Card-Icon{border:2px solid #fda23a;border-radius:60px;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:10px;font-size:60px;display:flex}.Skills-Card-Name{text-align:center;font-size:14px}.Skills-Card-Main.dragging{opacity:.5;transform:scale(1.05)}.HomePage-Bio{color:#fff;align-items:flex-start;gap:2rem;display:flex}.HomePage-Written-Bio{flex:1;font-size:1rem;line-height:1.6}.HomePage-Greeting{font-size:1.5rem;font-weight:700}.HomePage-Bio img{object-fit:cover;border-radius:50%}@media (max-width:768px){.HomePage-Bio{flex-direction:column;align-items:center}.HomePage-Bio img{margin-top:1rem}}.image-container{justify-content:flex-start;width:100%;display:flex;overflow-x:hidden}.image-wrapper{clip-path:polygon(20% 0%,100% 0%,80% 100%,0% 100%);width:calc(25vw + 5%);height:100vh;margin-left:-5%;position:relative;overflow:hidden}.image-wrapper:first-child{clip-path:polygon(0% 0%,100% 0%,80% 100%,0% 100%);margin-left:0}.image-wrapper:nth-child(2){object-position:10% center;margin-left:-6%}.image-wrapper:nth-child(2) img{object-position:40% center}.image-wrapper:nth-child(3){margin-left:-6%}.image-wrapper:last-child{clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%);margin-left:-6%;margin-right:0}.image-content{width:100%;height:100%;transition:var(--defaultSpeed);position:relative}.image-content img{object-fit:cover;width:100%;height:100%}.image-content:hover{transform:var(--defaultScale) rotate(1deg);cursor:pointer}.image-title{color:#fff;text-shadow:3px 3px 6px #000c;z-index:2;text-align:center;width:100%;font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%)}@media (max-width:768px){.image-container{box-sizing:border-box;flex-wrap:wrap;width:100%;height:100vh;margin:0;padding:0;display:flex;overflow-x:hidden}.image-wrapper{flex:1 0 50%;height:50vh;margin-left:-10%;position:relative;overflow:hidden}.image-wrapper:first-child{clip-path:polygon(0% 0%,100% 0%,80% 100%,0% 100%);margin-left:0}.image-wrapper:nth-child(2){clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%);margin-left:-12%}.image-wrapper:nth-child(3){clip-path:polygon(0% 0%,100% 0%,80% 100%,0% 100%);margin-left:0}.image-wrapper:nth-child(4){clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%);margin-left:-12%}}.masonry-grid{width:auto;display:flex}.image-item{position:relative;overflow:hidden}.image-item img{opacity:0;cursor:pointer;width:100%;height:auto;transition:opacity .5s ease-in-out,transform .3s ease-in-out;display:block}.image-item img.loaded{opacity:1}.image-item:hover img{transform:scale(1.1)}.skeleton-loader{background:linear-gradient(45deg,#272727 25%,#1f1f1f 50%,#272727 75%) 0 0/200% 100%;width:100%;height:100%;animation:1.5s infinite loading;position:absolute;top:0;left:0}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.fullscreen-overlay{z-index:1000;background-color:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.fullscreen-content{justify-content:center;align-items:center;width:90%;height:90%;display:flex;position:relative}.fullscreen-loader{color:#fff;font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.close-button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:30px;position:absolute;top:20px;right:20px}.Video-All{color:#f5f5f5;flex-direction:column;margin-top:80px;display:flex}.Video-Container{background:#2e2e2e;border-radius:10px;justify-content:flex-start;min-width:350px;min-height:150px;margin-bottom:15px;margin-left:20px;margin-right:20px;padding:10px;transition:transform .2s;display:flex}.Videoplayer-Container:hover{cursor:pointer;transform:scale(1.02)}.Videoplayer-Container iframe{border:none;border-radius:10px;outline:none;width:300px;height:100%}.Video-Outline{margin-top:5px;margin-left:10px}.Video-Overview{color:#ffffffa2;margin-top:5px;font-size:16px;font-style:italic}.Video-Description{-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;word-wrap:break-word;-webkit-box-orient:vertical;margin-top:10px;display:-webkit-box;overflow:hidden}.WebDev-All{color:#f5f5f5;flex-direction:column;margin-top:80px;display:flex}.WebDev-Container{background:#2e2e2e;border-radius:10px;justify-content:flex-start;min-height:150px;margin-bottom:15px;margin-left:20px;margin-right:20px;padding:10px;display:flex}.WebDevplayer-Container{width:200px;height:150px;transition:transform .2s}.WebDevplayer-Container:hover{cursor:pointer;transform:scale(1.05)}.WebDevplayer-Container img{object-fit:cover;object-position:top;border-radius:10px;width:100%;height:100%}.WebDev-Outline{margin-top:5px;margin-left:10px}.WebDev-Overview{color:#ffffffa2;margin-top:5px;font-size:16px;font-style:italic}.WebDev-Description{-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;word-wrap:break-word;-webkit-box-orient:vertical;margin-top:10px;display:-webkit-box;overflow:hidden}.WebDev-Link{font-family:var(--Primary-Font);color:#f5f5f5;background:#4169e1;border:none;border-radius:30px;outline:none;margin-top:10px;padding:5px 10px;font-weight:600}.WebDev-Link:hover{cursor:pointer;background:#104ec2}.contact-page{background:linear-gradient(45deg,#8a15c9,#3e18bc 50%,#7c15bc);justify-content:center;align-items:center;min-height:100vh;display:flex}.contact-page__main{width:100%;max-width:80rem;padding:2rem}.contact-container{justify-content:center;align-items:stretch;gap:2rem;display:flex}.contact-card,.map-card{background-color:#fff;border-radius:.75rem;flex:1;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.contact-card__content{padding:2rem}.contact-card__title{text-align:center;color:#333;margin-bottom:1.5rem;font-size:2.25rem;font-weight:700}.contact-card__info{flex-direction:column;gap:1.5rem;display:flex}.contact-item{color:inherit;background-color:#f3f4f6;border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:all .2s;display:flex}.contact-item:hover{background-color:#e5e7eb;transform:scale(1.05)}.contact-item__icon{color:#3e18bc;flex-shrink:0;width:1.5rem;height:1.5rem}.contact-item__text{color:#4b5563;word-break:break-word;overflow-wrap:break-word;font-size:1rem}.contact-item:hover .contact-item__text,.contact-item:nth-child(3) .contact-item__icon{color:#3e18bc}.contact-item:nth-child(3):hover{background-color:#fceff4}.contact-item:nth-child(3):hover .contact-item__text{color:#3e18bc}.map-card{min-height:auto}@media (max-width:768px){.contact-container{flex-direction:column;align-items:center}.contact-card,.map-card{width:100%;margin-bottom:1rem}.map-card{height:250px}}@media (max-width:480px){.contact-item{text-align:left;flex-direction:column;align-items:flex-start;padding:.75rem}.contact-item__text{font-size:.9rem}}