@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";body,html{margin:0;min-height:100vh;background-color:#000}body{font-family:"Exo 2",sans-serif}canvas{height:100vh;width:100vw}.change-mode{background:transparent;border:none;color:#fff;position:absolute;left:10px;width:150px;top:-10px;opacity:.3;cursor:pointer}.glitch-button{background:transparent;border:none;color:#fff;position:absolute;left:-20px;width:150px;top:-10px;opacity:.3;cursor:pointer}.text{font-family:Inter}h1{margin:0;padding:0}.title-wrapper{width:90vw;transform:skew(0,-10deg);position:absolute;z-index:99;bottom:100px;left:50%;transform:translate(-50%);text-align:center}.social img{width:64px;height:64px;transition:scale .1s ease}.social img:hover{scale:1.1}.social{display:flex;list-style:none;margin:10px 0 0;padding:0;align-items:center;justify-content:center}.sweet-title{order:2;color:#fde9ff;font-weight:900;text-transform:uppercase;font-size:24px;line-height:.75em;text-align:center;text-shadow:3px 1px 1px #ffc64a,2px 2px 1px #d87f09,4px 2px 1px #ffc64a,3px 3px 1px #d87f09,5px 3px 1px #ffc64a,4px 4px 1px #d87f09,6px 4px 1px #ffc64a,5px 5px 1px #d87f09,7px 5px 1px #ffc64a,6px 6px 1px #d87f09,8px 6px 1px #ffc64a,7px 7px 1px #d87f09,9px 7px 1px #ffc64a}.sweet-title h1{display:block;position:relative;line-height:1}@media screen and (max-width: 500px){.title-wrapper{font-size:20px;bottom:60px}}.sweet-title h1:before{content:attr(data-text);position:absolute;text-shadow:2px 2px 1px #e94aa1,-1px -1px 1px #c736f9,-2px 2px 1px #e94aa1,1px -1px 1px #f736f9;z-index:1}