.background{position:fixed;top:0;left:0;width:100%;height:100vh;background-image:url(/storage/images/DSC09283-1.jpg);background-size:cover;background-position:center;z-index:-1}.content-wrapper{position:relative;z-index:1;max-width:80%;margin:100px auto;padding:50px;background:#ffffffd9;border-radius:10px;box-shadow:0 4px 10px #0000001a}.spacer{height:100px}.scroll-to-top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background-color:#6366f1;color:#fff;border:none;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;cursor:pointer;transition:opacity .3s ease-in-out,transform .3s ease-in-out,background-color .3s ease-in-out;opacity:0;visibility:hidden;box-shadow:0 4px 10px #6366f180}.scroll-to-top.show{opacity:1;visibility:visible}.scroll-to-top:hover{background-color:#4f46e5;transform:scale(1.1)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.scroll-to-top.bounce{animation:bounce .5s ease-in-out}@keyframes bounceLoop{0%,90%{transform:translateY(0)}95%{transform:translateY(-10px)}to{transform:translateY(0)}}.scroll-to-top.show{animation:bounceLoop 10s infinite}.social-links,.about-me{background-color:#f4f4f4}.container{text-align:center}.social-icons{display:flex;justify-content:space-around;align-items:center;gap:40px;padding-top:20px;flex-wrap:wrap}.social-icon{text-align:center}.social-icon-link{font-size:2rem;color:#66666680;transition:color .3s ease-in-out}.social-icon-link.github{color:#18171780}.social-icon-link.linkedin{color:#0077b580}.social-icon-link.stackoverflow{color:#f4802480}.social-icon-link:hover{color:#000}.social-icon-link.github:hover{color:#181717}.social-icon-link.linkedin:hover{color:#0077b5}.social-icon-link.stackoverflow:hover{color:#f48024}.social-icon-link.instagram{color:transparent;background-image:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);-webkit-background-clip:text;background-clip:text;transition:all .3s ease}.social-icon-link.instagram:hover{color:#e4405f;background-image:none}.social-icon i{transition:transform .3s ease}.social-icon-link:hover i{transform:scale(1.1)}.social-footnote{display:block;margin-top:5px;font-size:.875rem;color:#6c757d}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.photo-item{position:relative;width:100%;padding-top:75%;border-radius:8px;overflow:hidden}.photo-item img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.7);transition:filter .3s ease-in-out,transform .3s ease-in-out}@media (min-width: 768px){.photo-item img:hover{filter:brightness(1);transform:scale(1.1)}}