: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}body{margin:0}.container{display:flex;align-items:center;justify-content:center;gap:1px}.icon{position:relative;height:32px;color:#fff;transition:transform .25s ease;overflow:hidden;will-change:transform;cursor:pointer;transition:color .9s ease}.icon:hover{transform:scale(1.15);color:var(--icon-color);filter:drop-shadow(0 0 8px rgba(255,255,255,.4));transition:color .4s ease}.icon:after{content:"";position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(120deg,transparent,rgba(255,251,228,.7),transparent);transform:rotate(25deg);transition:left .3s ease}.icon:hover:after{left:130%}.separator{width:1px;height:32px;background:#696969;margin:0 2px}.github{--icon-color: #666666;border-radius:50%}.linkedin{--icon-color: #0a66c2;border-radius:4px}.containerbox{background-color:#0f0f0f96;height:300px;border-radius:8px}@keyframes moveSide{0%{transform:translate(0)}50%{transform:translate(100px) translateY(50px)}to{transform:translate(0)}}