header{display:flex;justify-content:space-between;align-items:center;height:150px}.social-links{list-style-type:none;padding:0;gap:20px}.social-links li{display:inline}.social-icon{width:35px;height:35px;filter:brightness(0) invert(1);margin:5px}.home-container{display:flex;justify-content:center;align-items:center;height:75vh}.home{display:flex;justify-content:center;text-align:center;font-size:2.3rem;flex-direction:column;width:60%}h1{margin:0}.me{height:12vh;border:solid 6px whitesmoke;border-radius:50px}p{font-size:1rem}.about{margin-top:100px;height:100vh;width:100%;display:grid;grid-template-columns:1fr 1.5fr;grid-template-rows:1fr}.title{grid-area:1 / 1 / 2 / 2;padding-right:20px;border-right:2px solid #f1f1f1;height:90%;align-self:center}.title img{margin:20px;border-radius:80px;border:5px solid #f1f1f1}.about-me{grid-area:1 / 2 / 2 / 3;height:70%;align-self:center}.scroll-reveal-text{font-size:clamp(1rem,2vw,1.5rem);line-height:1.5;font-weight:500;margin-left:20px;text-align:start}.word{display:inline-block}.infinite-scroll-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;overscroll-behavior:none}.infinite-scroll-wrapper:before,.infinite-scroll-wrapper:after{content:"";position:absolute;height:25%;width:100%;z-index:1;pointer-events:none}.infinite-scroll-wrapper:before{top:0}.infinite-scroll-wrapper:after{--dir: to top;bottom:0}.infinite-scroll-container{display:flex;flex-direction:column;overscroll-behavior:contain;padding-inline:1rem;cursor:grab;transform-origin:center center}.infinite-scroll-item{display:flex;align-items:center;justify-content:center;padding:1rem;font-size:2.25rem;font-weight:600;text-align:center;border-radius:50px;background:transparent;box-shadow:13px 13px 26px #c7d7ca,-13px -13px 26px #c7d7ca;-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative}.menu-wrap{width:100%;height:100%;overflow:hidden}.menu{display:flex;flex-direction:column;height:100%;margin:0;padding:0}.menu__item{flex:1;position:relative;overflow:hidden;text-align:center;box-shadow:0 -1px #fff}.menu__item-link{display:flex;align-items:center;justify-content:center;height:100%;position:relative;cursor:pointer;text-transform:uppercase;text-decoration:none;white-space:nowrap;font-weight:600;color:#fff;font-size:8vh}.menu__item-link:hover{color:#060606}.menu__item-link:focus:not(:focus-visible){color:#fff}.marquee{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;pointer-events:none;background:#fff;transform:translate3d(0,101%,0);transition:transform .6s ease-expo}.marquee__inner-wrap{height:100%;width:200%;display:flex;transform:translate(0)}.marquee__inner{display:flex;align-items:center;position:relative;height:100%;width:200%;will-change:transform;animation:marquee 15s linear infinite}.marquee span{color:#060606;white-space:nowrap;text-transform:uppercase;font-weight:700;font-size:8vh;line-height:1.2;padding:1vh 1vw 0}.marquee__img{width:200px;height:13vh;margin:2em 2vw;padding:1em 0;border-radius:50px;background-size:cover;background-position:50% 50%}.menu__item-link:hover+.marquee{transform:translateZ(0)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.skills-container{height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.skills{background:#fffffff2;border-radius:15px;box-shadow:0 5px 15px #0000004d;padding:2rem;max-width:1200px;width:100%}.skills-title{font-family:Outfit,sans-serif;font-size:3rem;color:#333;text-align:center;margin-bottom:1.5rem;position:relative}.skills-title:before{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:4px;background:#0e532f;border-radius:2px}.skills-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:0 1rem}.skills-item{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.skills-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.skills-item h2{font-family:Outfit,sans-serif;font-size:1.8rem;color:#222;text-align:center;margin-bottom:1rem}.skills-item ul{list-style:none;padding:0;margin:0}.skills-item ul li{font-family:Outfit,sans-serif;font-size:1rem;color:#555;padding:.5rem 0;border-bottom:1px solid #eee}.skills-item ul li:last-child{border-bottom:none}.iridescence-container{width:100%;height:100%}