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