body{height:100vh;padding:2rem}.homecontainer{height:100%;background-image:url(/images/3dlinesbackground.jpg);background-size:cover;box-shadow:1px -1px 20px 2px #1f1e1eb5;border-radius:10px;overflow:hidden}.homesubcontainer{border-radius:10px;height:100%;background:#00000045}.hellotext{display:inline-block;transform:rotate(180deg);transition:all .9s ease;cursor:pointer;color:#000;text-shadow:0 0 8px #c59efc;letter-spacing:2px}.headercontainer{margin:1rem}.hellodiv:hover .hellotext{letter-spacing:4px;text-shadow:-1px -1px 0 #c29cfb,-1px -1px 0 #c29cfb,1px -1px 0 #c29cfb,-1px 1px 0 #c29cfb,1px 1px 0 #c29cfb}.helloimage{transition:all .3s ease;cursor:pointer}.helloimage:hover{transform:rotate(1turn)}.sidebarul{padding:2rem;font-weight:900;letter-spacing:4px;display:inline-flex;flex-direction:column;gap:2rem;margin:1rem}.sidebarli{text-shadow:20px -2px 3px #bd9ce5;font-size:1.5em}.sidebarli,.sidebarliactive{color:transparent;cursor:pointer;transition:all .6s ease}.sidebarliactive{font-size:1.6em}.sidebarli:hover,.sidebarliactive{text-shadow:20px -2px 0 #e1b3ff}.translucentbg{background:#4f4e4e36;border-radius:10px}.rotate_animation{animation:move;animation-duration:9s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes move{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotate_animation{border:2px dashed blue;border-radius:50%}