#hero:has(.fancy:hover) .unfancy{opacity:.2}#hero:has(.fancy:hover) .letter{font-size:0}.name{font-size:4.5rem;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fancy:hover .enhance{animation:breathing 5s ease infinite}.unfancy{transition:opacity .25s ease}.letter{transition:font-size .4s ease}.special{display:inline-block;transition:transform .4s ease,font-size .4s ease}.fancy:hover .special{background:linear-gradient(109.6deg,#509aaf 11.2%,#7dd8c7 59.3%,#f5ffc3 92.7%);-webkit-background-clip:text;background-clip:text;color:transparent}.fancy:hover .enhance>:nth-child(1 of .special){font-size:6rem;transform:translate(-270%,-20%) rotate(8deg)}.fancy:hover .enhance>:nth-child(2 of .special){font-size:6rem;transform:translate(-100%,20%) rotate(2deg)}.fancy:hover .enhance>:nth-child(3 of .special){font-size:6rem;transform:translate(70%,-20%) rotate(-3deg)}.fancy:hover .enhance>:nth-child(4 of .special){font-size:6rem;transform:translate(110%,20%) rotate(-8deg)}.fancy:hover .enhance>:nth-child(5 of .special){font-size:6rem;transform:translate(400%,20%) rotate(20deg)}@keyframes breathing{0%{transform:scale(.9)}25%{transform:scale(1)}to{transform:scale(.9)}}.custom-scrollbar{scrollbar-color:#424242 #1a1a1a;scrollbar-width:thin}.content-1,.content-2,.content-3,.content-4{display:none}#tab-1:checked~div .content-1,#tab-2:checked~div .content-2,#tab-3:checked~div .content-3,#tab-4:checked~div .content-4{display:block}.work-content{animation:fade-in .5s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (min-width:640px){.slider{background-color:#bcedc5;width:3px;height:25%;border-radius:1px;transition:all .3s ease;z-index:1}.slider,.sliderBack{position:absolute;top:0}.sliderBack{background-color:#525252;width:2px;height:100%;left:.5px}#tab-2:checked~div div nav+.slider{top:25%}#tab-3:checked~div div nav+.slider{top:50%}#tab-4:checked~div div nav+.slider{top:75%}}@media (max-width:640px){.slider{background-color:#bcedc5;width:150px;height:3px;left:0;border-radius:1px;transition:all .3s ease;z-index:1}.slider,.sliderBack{position:absolute;bottom:18%}.sliderBack{background-color:#525252;width:600px;height:2px}#tab-2:checked~div div nav+.slider{left:150px}#tab-3:checked~div div nav+.slider{left:300px}#tab-4:checked~div div nav+.slider{left:450px}}.back{background-color:#bcedc5;border-radius:.25rem}.back,.front{display:block;width:8rem;height:3.5rem}.front{background-color:#000;color:#bcedc5;border-width:1px;border-color:#bcedc5;border-radius:.25rem;transition:transform .3s;line-height:3.5rem;text-align:center}.front:hover{transform:translateX(-5px) translateY(-5px)}